diff --git a/src/admin/accounts.php b/src/admin/accounts.php
index 924b0cb..d509707 100755
--- a/src/admin/accounts.php
+++ b/src/admin/accounts.php
@@ -4,13 +4,13 @@ require_once __DIR__ . '/application.php';
 
 $action = get('action', 'list');
 
-if (!in_array($action, array('list', 'add', 'edit', 'view', 'goftp', 'login', 'sync'))) {
+if (!in_array($action, array('list', 'add', 'edit', 'details', 'goftp', 'login', 'sync'))) {
     $action = 'list';
 }
 
 require __DIR__ . '/controllers/accounts/' . $action . '.php';
 require __DIR__ . '/views/common/header.php';
 require __DIR__ . '/views/common/navbar.php';
-require __DIR__ . '/views/common/sidebar.php';
+// require __DIR__ . '/views/common/sidebar.php';
 require __DIR__ . '/views/accounts/' . $action . '.php';
 require __DIR__ . '/views/common/footer.php';
diff --git a/src/admin/clients.php b/src/admin/clients.php
index dab72c2..d19425e 100755
--- a/src/admin/clients.php
+++ b/src/admin/clients.php
@@ -4,13 +4,13 @@ require_once __DIR__ . '/application.php';
 
 $action = get('action', 'list');
 
-if (!in_array($action, array('list', 'add', 'edit', 'view', 'login'))) {
+if (!in_array($action, array('list', 'add', 'edit', 'details', 'login'))) {
     $action = 'list';
 }
 
 require __DIR__ . '/controllers/clients/' . $action . '.php';
 require __DIR__ . '/views/common/header.php';
 require __DIR__ . '/views/common/navbar.php';
-require __DIR__ . '/views/common/sidebar.php';
+// require __DIR__ . '/views/common/sidebar.php';
 require __DIR__ . '/views/clients/' . $action . '.php';
 require __DIR__ . '/views/common/footer.php';
diff --git a/src/admin/controllers/accounts/view.php b/src/admin/controllers/accounts/details.php
similarity index 90%
rename from src/admin/controllers/accounts/view.php
rename to src/admin/controllers/accounts/details.php
index 3a7b28c..ab8368e 100755
--- a/src/admin/controllers/accounts/view.php
+++ b/src/admin/controllers/accounts/details.php
@@ -17,7 +17,7 @@ if (empty($AccountInfo)) {
     redirect('admin/accounts');
 }
 
-$PageInfo['title'] = 'View Account (#' . $account_id . ')';
+$PageInfo['title'] = 'Account Details';
 $AccountApi = $DB->find('account_api', '*', array('api_key' => $AccountInfo['account_api_key']), null, 1);
 
 $AccountDomainList = $DB->findAll('account_domain', '*', array('domain_account_id' => $account_id));
diff --git a/src/admin/controllers/accounts/edit.php b/src/admin/controllers/accounts/edit.php
index a60f344..fa12f2a 100755
--- a/src/admin/controllers/accounts/edit.php
+++ b/src/admin/controllers/accounts/edit.php
@@ -6,4 +6,4 @@ $account_id = get('account_id');
 $AccountInfo = $DB->find('account', '*', array('account_id' => $account_id), null, 1);
 $ClientInfo = $DB->find('clients', '*', array('client_id' => $AccountInfo['account_client_id']), null, 1);
 
-$PageInfo['title'] = 'Edit Account #' . $account_id;
+$PageInfo['title'] = 'Account Edit';
diff --git a/src/admin/controllers/clients/add.php b/src/admin/controllers/clients/add.php
new file mode 100644
index 0000000..f083399
--- /dev/null
+++ b/src/admin/controllers/clients/add.php
@@ -0,0 +1,4 @@
+<?php
+require_once ROOT . '/core/library/countries.php';
+
+$PageInfo['title'] = 'Client Add';
diff --git a/src/admin/controllers/clients/details.php b/src/admin/controllers/clients/details.php
new file mode 100755
index 0000000..94e7c8f
--- /dev/null
+++ b/src/admin/controllers/clients/details.php
@@ -0,0 +1,25 @@
+<?php
+
+require_once ROOT . '/core/library/countries.php';
+
+$client_id = get('id');
+
+if (empty($client_id)) {
+    redirect('admin/clients');
+}
+
+$ClientInfo = $DB->find('clients', '*', array('client_id' => $client_id), null, 1);
+
+$CountryName = 'Not Defined';
+
+foreach ($countries as $country) {
+    if ($ClientInfo['client_country'] == $country['code']) {
+        $CountryName = $country['name'];
+        break;
+    }
+}
+
+$PageInfo['title'] = 'Client Details';
+$count_account = $DB->count('account', array('account_client_id' => $ClientInfo['client_id']));
+$count_ssl = $DB->count('ssl', array('ssl_client_id' => $ClientInfo['client_id']));
+$count_tickets = $DB->count('tickets', array('ticket_client_id' => $ClientInfo['client_id']));
diff --git a/src/admin/controllers/clients/view.php b/src/admin/controllers/clients/edit.php
similarity index 88%
rename from src/admin/controllers/clients/view.php
rename to src/admin/controllers/clients/edit.php
index 6b69668..1d4ee36 100755
--- a/src/admin/controllers/clients/view.php
+++ b/src/admin/controllers/clients/edit.php
@@ -2,7 +2,7 @@
 
 require_once ROOT . '/core/library/countries.php';
 
-$client_id = get('client_id');
+$client_id = get('id');
 
 if (empty($client_id)) {
     redirect('admin/clients');
@@ -20,7 +20,7 @@ foreach ($countries as $country) {
     }
 }
 
-$PageInfo['title'] = 'View client (' . $client_id . ')';
+$PageInfo['title'] = 'Client Edit';
 $count_account = $DB->count('account', array('account_client_id' => $ClientInfo['client_id']));
 $count_ssl = $DB->count('ssl', array('ssl_client_id' => $ClientInfo['client_id']));
 $count_tickets = $DB->count('tickets', array('ticket_client_id' => $ClientInfo['client_id']));
diff --git a/src/admin/controllers/dashboard/view.php b/src/admin/controllers/dashboard/view.php
index 48c4cbe..abcdc75 100755
--- a/src/admin/controllers/dashboard/view.php
+++ b/src/admin/controllers/dashboard/view.php
@@ -1,7 +1,14 @@
 <?php
 
 $PageInfo['title'] = 'Dashboard';
-$count_clients = $DB->count('clients', null);
+$count_client = $DB->count('clients', array('client_status' => 1));
+$count_clients = $DB->count('clients');
 $count_account = $DB->count('account', array('account_status' => 1));
+$count_accounts = $DB->count('account');
 $count_ssl = $DB->count('ssl');
-$count_tickets = $DB->count('tickets', "`ticket_status`=0 OR `ticket_status`=2");
+$count_ssls = $DB->count('ssl');
+$count_ticket = $DB->count('tickets', "`ticket_status`=0 OR `ticket_status`=2");
+$count_tickets = $DB->count('tickets');
+
+$date = date("Y-m-d H:i:s");
+$mysqlversion = $DB->getColumn("select VERSION()");
diff --git a/src/admin/controllers/hosting/view.php b/src/admin/controllers/hosting/details.php
similarity index 73%
rename from src/admin/controllers/hosting/view.php
rename to src/admin/controllers/hosting/details.php
index 4ff5bd9..5a9ab0b 100755
--- a/src/admin/controllers/hosting/view.php
+++ b/src/admin/controllers/hosting/details.php
@@ -10,12 +10,9 @@ $api_key = get('api_key');
 if ($api_id > 0) {
     $data = $DB->find('account_api', '*', array('api_id' => $api_id), null, 1);
     $api_callback_url = "{$site_url}/callback/{$data['api_key']}/{$data['api_callback_token']}";
-    $PageInfo = ['title' => 'View Hosting Provider', 'rel' => ''];
 } else if (!empty($api_key)) {
     $data = $DB->find('account_api', '*', array('api_key' => $api_key), null, 1);
     $api_callback_url = "{$site_url}/callback/{$data['api_key']}/{$data['api_callback_token']}";
-    $PageInfo = ['title' => 'View Hosting Provider', 'rel' => ''];
 } else {
-    $PageInfo = ['title' => 'Unathorized Access', 'rel' => ''];
     $data = null;
 }
diff --git a/src/admin/controllers/hosting/edit.php b/src/admin/controllers/hosting/edit.php
index 8b65bef..d7e80c2 100755
--- a/src/admin/controllers/hosting/edit.php
+++ b/src/admin/controllers/hosting/edit.php
@@ -105,7 +105,6 @@ if (isset($_POST['submit'])) {
     $id = get('id');
     if ($id > 0) {
         $data = $DB->find('account_api', '*', array('api_id' => $id), null, 1);
-        $PageInfo = ['title' => 'Edit Hosting Provider #' . $id, 'rel' => ''];
     } else {
         setMessage('need field: id', 'danger');
         redirect('admin/hosting');
diff --git a/src/admin/controllers/knowledgebase/add.php b/src/admin/controllers/knowledgebase/add.php
index e43daf4..d8175f7 100755
--- a/src/admin/controllers/knowledgebase/add.php
+++ b/src/admin/controllers/knowledgebase/add.php
@@ -17,6 +17,5 @@ if (isset($_POST['submit'])) {
     }
     redirect('admin/knowledgebase');
 } else {
-    $PageInfo = ['title' => 'New Knowledgebase', 'rel' => ''];
     $load_editor = 1;
 }
diff --git a/src/admin/controllers/knowledgebase/view.php b/src/admin/controllers/knowledgebase/details.php
similarity index 64%
rename from src/admin/controllers/knowledgebase/view.php
rename to src/admin/controllers/knowledgebase/details.php
index 1cc02cd..fc93006 100755
--- a/src/admin/controllers/knowledgebase/view.php
+++ b/src/admin/controllers/knowledgebase/details.php
@@ -7,9 +7,7 @@ if (!defined('IN_CRONLITE')) {
 $knowledgebase_id = get('id');
 
 if ($knowledgebase_id > 0) {
-    $PageInfo = ['title' => 'View Knowledgebase #' . $knowledgebase_id, 'rel' => ''];
     $Knowledgebase = $DB->find('knowledgebase', '*', array('knowledgebase_id' => $knowledgebase_id), null, 1);
 } else {
-    $PageInfo = ['title' => 'Unathorized Access', 'rel' => ''];
     $Knowledgebase = null;
 }
diff --git a/src/admin/controllers/knowledgebase/edit.php b/src/admin/controllers/knowledgebase/edit.php
index 5d9fae4..4ae2ad8 100755
--- a/src/admin/controllers/knowledgebase/edit.php
+++ b/src/admin/controllers/knowledgebase/edit.php
@@ -35,10 +35,8 @@ if (isset($_POST['submit'])) {
     $id = get('id');
     $load_editor = 1;
     if ($id > 0) {
-        $PageInfo = ['title' => 'Edit Knowledgebase #' . $id, 'rel' => ''];
         $Knowledgebase = $DB->getRow("SELECT * FROM pre_knowledgebase WHERE knowledgebase_id='{$id}' limit 1");
     } else {
-        $PageInfo = ['title' => 'Unathorized Access', 'rel' => ''];
         $Knowledgebase = null;
     }
 }
diff --git a/src/admin/controllers/tickets/view.php b/src/admin/controllers/tickets/details.php
similarity index 81%
rename from src/admin/controllers/tickets/view.php
rename to src/admin/controllers/tickets/details.php
index c4b151d..44c72a8 100755
--- a/src/admin/controllers/tickets/view.php
+++ b/src/admin/controllers/tickets/details.php
@@ -6,11 +6,9 @@ if (!defined('IN_CRONLITE')) {
 $ticket_id = get('ticket_id', 0);
 
 if ($ticket_id > 0) {
-    $PageInfo['title'] = 'View Ticket #' . $ticket_id;
     $TicketInfo = $DB->find('tickets', '*', array('ticket_id' => $ticket_id), null, 1);
     $ReplyCount = $DB->count('ticket_replies', array('reply_for' => $ticket_id));
     $ReplyInfo = $DB->findAll('ticket_replies', '*', array('reply_for' => $ticket_id), '`reply_id` DESC');
 } else {
-    $PageInfo['title'] = 'Unathorized Access';
     $TicketInfo = null;
 }
diff --git a/src/admin/controllers/tickets/reply.php b/src/admin/controllers/tickets/reply.php
index 26a0574..667ac4b 100755
--- a/src/admin/controllers/tickets/reply.php
+++ b/src/admin/controllers/tickets/reply.php
@@ -12,7 +12,7 @@ if (!$ticket_id) {
     exit('Access Denied');
 }
 
-$TicketInfo = $DB->find('tickets', 'ticket_email, ticket_client_id', array('ticket_id' => $ticket_id));
+$TicketInfo = $DB->find('tickets', '*', array('ticket_id' => $ticket_id));
 
 if (!$TicketInfo) {
     exit('Access Denied');
diff --git a/src/admin/domain.php b/src/admin/domain.php
index 592c8f0..fa14614 100755
--- a/src/admin/domain.php
+++ b/src/admin/domain.php
@@ -13,6 +13,6 @@ $PageInfo['title'] = 'Domain Provider ' . ucfirst($action);
 require __DIR__ . '/controllers/domain/' . $action . '.php';
 require __DIR__ . '/views/common/header.php';
 require __DIR__ . '/views/common/navbar.php';
-require __DIR__ . '/views/common/sidebar.php';
+// require __DIR__ . '/views/common/sidebar.php';
 require __DIR__ . '/views/domain/' . $action . '.php';
 require __DIR__ . '/views/common/footer.php';
diff --git a/src/admin/forgetpassword.php b/src/admin/forgetpassword.php
index 8bea8b9..c1d6efc 100755
--- a/src/admin/forgetpassword.php
+++ b/src/admin/forgetpassword.php
@@ -2,6 +2,6 @@
 
 require_once __DIR__ . '/../core/application.php';
 require_once __DIR__ . '/controllers/profile/forgetpassword.php';
-require_once __DIR__ . '/views/common/header.php';
-require_once __DIR__ . '/views/profile/forgetpassword.php';
-require_once __DIR__ . '/views/common/footer.php';
+require_once __DIR__ . '/views/login/header.php';
+require_once __DIR__ . '/views/login/forgetpassword.php';
+require_once __DIR__ . '/views/login/footer.php';
diff --git a/src/admin/hosting.php b/src/admin/hosting.php
index d2594b6..5b3f759 100755
--- a/src/admin/hosting.php
+++ b/src/admin/hosting.php
@@ -4,7 +4,7 @@ require_once __DIR__ . '/application.php';
 
 $action = get('action', 'list');
 
-if (!in_array($action, array('list', 'add', 'edit', 'view'))) {
+if (!in_array($action, array('list', 'add', 'edit', 'details'))) {
     $action = 'list';
 }
 
@@ -13,6 +13,6 @@ $PageInfo['title'] = 'Hosting Provider ' . ucfirst($action);
 require __DIR__ . '/controllers/hosting/' . $action . '.php';
 require __DIR__ . '/views/common/header.php';
 require __DIR__ . '/views/common/navbar.php';
-require __DIR__ . '/views/common/sidebar.php';
+// require __DIR__ . '/views/common/sidebar.php';
 require __DIR__ . '/views/hosting/' . $action . '.php';
 require __DIR__ . '/views/common/footer.php';
diff --git a/src/admin/index.php b/src/admin/index.php
index 98d036e..3eb44f3 100755
--- a/src/admin/index.php
+++ b/src/admin/index.php
@@ -4,6 +4,6 @@ require_once __DIR__ . '/application.php';
 require_once __DIR__ . '/controllers/dashboard/view.php';
 require_once __DIR__ . '/views/common/header.php';
 require_once __DIR__ . '/views/common/navbar.php';
-require_once __DIR__ . '/views/common/sidebar.php';
+// require_once __DIR__ . '/views/common/sidebar.php';
 require_once __DIR__ . '/views/dashboard/view.php';
 require_once __DIR__ . '/views/common/footer.php';
diff --git a/src/admin/knowledgebase.php b/src/admin/knowledgebase.php
index b4ae877..5aac1f9 100755
--- a/src/admin/knowledgebase.php
+++ b/src/admin/knowledgebase.php
@@ -4,7 +4,7 @@ require_once __DIR__ . '/application.php';
 
 $action = get('action', 'list');
 
-if (!in_array($action, array('list', 'add', 'edit', 'view'))) {
+if (!in_array($action, array('list', 'add', 'edit', 'details'))) {
     $action = 'list';
 }
 
@@ -13,6 +13,6 @@ $PageInfo['title'] = 'Knowledgebase ' . ucfirst($action);
 require __DIR__ . '/controllers/knowledgebase/' . $action . '.php';
 require __DIR__ . '/views/common/header.php';
 require __DIR__ . '/views/common/navbar.php';
-require __DIR__ . '/views/common/sidebar.php';
+// require __DIR__ . '/views/common/sidebar.php';
 require __DIR__ . '/views/knowledgebase/' . $action . '.php';
 require __DIR__ . '/views/common/footer.php';
diff --git a/src/admin/login.php b/src/admin/login.php
index ea2aa4a..dd0fff1 100755
--- a/src/admin/login.php
+++ b/src/admin/login.php
@@ -9,6 +9,6 @@ if (isset($_SESSION['UIISC_ADMIN'])) {
 $PageInfo['title'] = $lang->I18N('login');
 $PageInfo['rel'] = '<link href="' . $site_url . '/assets/css/login.css" rel="stylesheet" />';
 
-require_once __DIR__ . '/views/common/header.php';
+require_once __DIR__ . '/views/login/header.php';
 require_once __DIR__ . '/views/login/login.php';
-require_once __DIR__ . '/views/common/footer.php';
+require_once __DIR__ . '/views/login/footer.php';
diff --git a/src/admin/news.php b/src/admin/news.php
index a751aa5..ebb0543 100755
--- a/src/admin/news.php
+++ b/src/admin/news.php
@@ -11,6 +11,6 @@ if (!in_array($action, array('list', 'add', 'edit', 'view'))) {
 require __DIR__ . '/controllers/news/' . $action . '.php';
 require __DIR__ . '/views/common/header.php';
 require __DIR__ . '/views/common/navbar.php';
-require __DIR__ . '/views/common/sidebar.php';
+// require __DIR__ . '/views/common/sidebar.php';
 require __DIR__ . '/views/news/' . $action . '.php';
 require __DIR__ . '/views/common/footer.php';
diff --git a/src/admin/profile.php b/src/admin/profile.php
index 3831dc7..bab93d4 100755
--- a/src/admin/profile.php
+++ b/src/admin/profile.php
@@ -11,6 +11,6 @@ if (!in_array($action, array('edit', 'view'))) {
 require __DIR__ . '/controllers/profile/' . $action . '.php';
 require __DIR__ . '/views/common/header.php';
 require __DIR__ . '/views/common/navbar.php';
-require __DIR__ . '/views/common/sidebar.php';
+// require __DIR__ . '/views/common/sidebar.php';
 require __DIR__ . '/views/profile/' . $action . '.php';
 require __DIR__ . '/views/common/footer.php';
diff --git a/src/admin/resetpassword.php b/src/admin/resetpassword.php
index 9dbe1e6..000e5a0 100755
--- a/src/admin/resetpassword.php
+++ b/src/admin/resetpassword.php
@@ -2,6 +2,6 @@
 
 require_once __DIR__ . '/../core/application.php';
 require_once __DIR__ . '/controllers/profile/resetpassword.php';
-require_once __DIR__ . '/views/common/header.php';
-require_once __DIR__ . '/views/profile/resetpassword.php';
-require_once __DIR__ . '/views/common/footer.php';
+require_once __DIR__ . '/views/login/header.php';
+require_once __DIR__ . '/views/login/resetpassword.php';
+require_once __DIR__ . '/views/login/footer.php';
diff --git a/src/admin/settings.php b/src/admin/settings.php
index 234bed2..b7821eb 100755
--- a/src/admin/settings.php
+++ b/src/admin/settings.php
@@ -16,7 +16,7 @@ if (!in_array($action, array('edit', 'view'))) {
 require __DIR__ . '/controllers/' . $section . '/' . $action . '.php';
 require __DIR__ . '/views/common/header.php';
 require __DIR__ . '/views/common/navbar.php';
-require __DIR__ . '/views/common/sidebar.php';
+// require __DIR__ . '/views/common/sidebar.php';
 require __DIR__ . '/views/settings/menu.php';
 require __DIR__ . '/views/' . $section . '/' . $action . '.php';
 require __DIR__ . '/views/common/footer.php';
diff --git a/src/admin/sslcert.php b/src/admin/sslcert.php
index 4033fc1..4238883 100755
--- a/src/admin/sslcert.php
+++ b/src/admin/sslcert.php
@@ -11,6 +11,6 @@ if (!in_array($action, array('list', 'add', 'edit', 'view'))) {
 require __DIR__ . '/controllers/sslcert/' . $action . '.php';
 require __DIR__ . '/views/common/header.php';
 require __DIR__ . '/views/common/navbar.php';
-require __DIR__ . '/views/common/sidebar.php';
+// require __DIR__ . '/views/common/sidebar.php';
 require __DIR__ . '/views/sslcert/' . $action . '.php';
 require __DIR__ . '/views/common/footer.php';
diff --git a/src/admin/tickets.php b/src/admin/tickets.php
index a61bf8f..eb3b571 100755
--- a/src/admin/tickets.php
+++ b/src/admin/tickets.php
@@ -5,15 +5,15 @@ require_once ROOT . '/core/library/tickets.php';
 
 $action = get('action', 'list');
 
-if (!in_array($action, array('list', 'add', 'edit', 'view'))) {
+if (!in_array($action, array('list', 'add', 'edit', 'details'))) {
     $action = 'list';
 }
 
-$PageInfo['title'] = 'Tckets ' . ucfirst($action);
+$PageInfo['title'] = 'Ticket ' . ucfirst($action);
 
 require __DIR__ . '/controllers/tickets/' . $action . '.php';
 require __DIR__ . '/views/common/header.php';
 require __DIR__ . '/views/common/navbar.php';
-require __DIR__ . '/views/common/sidebar.php';
+// require __DIR__ . '/views/common/sidebar.php';
 require __DIR__ . '/views/tickets/' . $action . '.php';
 require __DIR__ . '/views/common/footer.php';
diff --git a/src/admin/views/accounts/details.php b/src/admin/views/accounts/details.php
new file mode 100755
index 0000000..dcf03ba
--- /dev/null
+++ b/src/admin/views/accounts/details.php
@@ -0,0 +1,168 @@
+
+<div class="content-wrapper">
+    <div class="container">
+        <ol class="breadcrumb page-breadcrumb">
+            <li><a href="index.php"><?php echo $lang->I18N('home'); ?></a></li>
+            <li><a href="accounts.php"><?php echo $lang->I18N('Account List'); ?></a></li>
+            <li class="active"><?php echo $lang->I18N('Account Details'); ?></li>
+        </ol>
+        <div class="panel panel-default">
+            <div class="panel-heading">
+                <div class="panel-title">
+                    <?php echo $PageInfo['title']; ?>
+                    <span class="label label-default"> ID <?php echo $account_id; ?></span>
+                </div>
+            </div>
+            <div class="panel-body">
+            <?php if ($AccountInfo['account_status'] == '0'): ?>
+                <div class="alert alert-secondary col-md-12">This account is inactive.</div>
+            <?php elseif ($AccountInfo['account_status'] == '2'): ?>
+                <div class="alert alert-secondary col-md-12">This account has been suspended.</div>
+            <?php elseif ($AccountInfo['account_status'] == '3'): ?>
+                <div class="alert alert-secondary col-md-12">This account has been deleted.</div>
+            <?php endif;?>
+                <div class="row pb-10">
+                    <div class="col-md-12 pb-10 mb-10">
+                        <div class="row">
+                            <div class="col-md-6 px-5 text-center py-15">
+                                <i class="fa fa-laptop fa-10x"></i>
+                            </div>
+                            <div class="col-md-6 py-5 text-center text-md-right">
+                            <?php if ($AccountInfo['account_status'] == '1'): ?>
+                                <a href="accounts.php?action=login&account_id=<?php echo $account_id; ?>" target="_blank" class="btn btn-success btn-block"><?php echo $lang->I18N('Control Panel'); ?></a>
+                                <a href="accounts.php?action=goftp&account_id=<?php echo $account_id; ?>" target="_blank" class="btn btn-primary btn-block"><?php echo $lang->I18N('File Manager'); ?></a>
+                            <?php endif;?>
+                                <a href="accounts.php?action=edit&account_id=<?php echo $account_id; ?>" class="btn btn-secondary btn-block"><?php echo $lang->I18N('Edit Settings'); ?></a>
+                            </div>
+                        </div>
+                    </div>
+                    <hr />
+                    <div class="col-md-4 col-sm-6">
+                        <div class="m-5">
+                            <b>Control Panel Username:</b>
+                            <span><?php echo $AccountInfo['account_username']; ?></span>
+                        </div>
+                    </div>
+                    <div class="col-md-4 col-sm-6">
+                        <div class="d-flex justify-content-between align-items-center">
+                            <b>Control Panel Password:</b>
+                            <span><kbd><?php echo $AccountInfo['account_password']; ?></kbd></span>
+                        </div>
+                    </div>
+                    <div class="col-md-4 col-sm-6">
+                        <div class="d-flex justify-content-between align-items-center">
+                            <b>Main Domain:</b>
+                            <span><?php echo $AccountInfo['account_domain']; ?></span>
+                        </div>
+                    </div>
+                    <div class="col-md-4 col-sm-6">
+                        <div class="d-flex justify-content-between align-items-center">
+                            <b>Control Panel Domain:</b>
+                            <span><?php echo $AccountApi['api_cpanel_url']; ?></span>
+                        </div>
+                    </div>
+                    <div class="col-md-4 col-sm-6 col-md-6">
+                        <div class="d-flex justify-content-between align-items-center">
+                            <b>Status:</b>
+                            <span><?php if ($AccountInfo['account_status'] == '0'): ?>
+                                <span class="label label-info">Inactive</span>
+                            <?php elseif ($AccountInfo['account_status'] == '1'): ?>
+                                <span class="label label-success">Active</span>
+                            <?php elseif ($AccountInfo['account_status'] == '2'): ?>
+                                <span class="label label-warning">Suspended</span>
+                            <?php elseif ($AccountInfo['account_status'] == '3'): ?>
+                                <span class="label label-danger">Deleted</span>
+                            <?php endif; ?></span>
+                        </div>
+                    </div>
+                    <div class="col-md-4 col-sm-6">
+                        <div class="d-flex justify-content-between align-items-center">
+                            <b>Creation Date:</b>
+                            <span><?php echo $AccountInfo['account_date']; ?></span>
+                        </div>
+                    </div>
+                    <div class="col-md-4 col-sm-6">
+                        <div class="d-flex justify-content-between align-items-center">
+                            <b>Server IP:</b>
+                            <span><?php echo $AccountApi['api_server_ip']; ?></span>
+                        </div>
+                    </div>
+                    <div class="col-md-4 col-sm-6">
+                        <div class="d-flex justify-content-between align-items-center">
+                            <b>Your IP:</b>
+                            <span><?php echo get_client_ip(); ?></span>
+                        </div>
+                    </div>
+                    <div class="col-md-4 col-sm-6">
+                        <div class="d-flex justify-content-between align-items-center">
+                            <b>FTP Hostname:</b>
+                            <span><?php echo $AccountApi['api_server_ftp_domain']; ?></span>
+                        </div>
+                    </div>
+                    <div class="col-md-4 col-sm-6">
+                        <div class="d-flex justify-content-between align-items-center">
+                            <b>FTP Port:</b>
+                            <span>21</span>
+                        </div>
+                    </div>
+                    <div class="col-md-4 col-sm-6">
+                        <div class="d-flex justify-content-between align-items-center">
+                            <b>MySQL Hostname:</b>
+                            <span><?php echo $AccountInfo['account_sql'] . '.' . $AccountApi['api_server_sql_domain']; ?></span>
+                        </div>
+                    </div>
+                    <div class="col-md-4 col-sm-6">
+                        <div class="d-flex justify-content-between align-items-center">
+                            <b>Mysql Port:</b>
+                            <span>3306</span>
+                        </div>
+                    </div>
+                    <div class="col-md-4 col-sm-6">
+                        <div class="d-flex justify-content-between align-items-center">
+                            <b>Nameserver 1:</b>
+                            <span><?php echo $AccountApi['api_ns_1']; ?></span>
+                        </div>
+                    </div>
+                    <div class="col-md-4 col-sm-6">
+                        <div class="d-flex justify-content-between align-items-center">
+                            <b>Nameserver 2:</b>
+                            <span><?php echo $AccountApi['api_ns_2']; ?></span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="panel-footer">
+            <?php if ($AccountInfo['account_status'] == '1'): ?>
+                <a href="accounts.php?action=login&account_id=<?php echo $account_id; ?>" target="_blank" class="btn btn-success"><?php echo $lang->I18N('Control Panel'); ?></a>
+                <a href="accounts.php?action=goftp&account_id=<?php echo $account_id; ?>" target="_blank" class="btn btn-primary"><?php echo $lang->I18N('File Manager'); ?></a>
+            <?php endif;?>
+                <a href="accounts.php?action=edit&account_id=<?php echo $account_id; ?>" class="btn btn-default"><?php echo $lang->I18N('Account Settings'); ?></a>
+            </div>
+        </div>
+
+        <div class="panel panel-default">
+            <div class="panel-heading">
+                <div class="pull-right">
+                    <a href="accounts.php?action=sync&type=domain&account_id=<?php echo $account_id; ?>" class="btn btn-xs btn-primary">
+                        <i class="fa fa-sync"></i> <?php echo $lang->I18N('Sync'); ?>
+                    </a>
+                </div>
+                <span class="panel-title">Account Domains</span>
+            </div>
+            <?php if (count($AccountDomainList) > 0): ?>
+                <ul class="list-group">
+                <?php foreach ($AccountDomainList as $domain): ?>
+                    <li class="list-group-item">
+                        <span class="pull-right"><a href="accounts.php?action=goftp&account_id=<?php echo $account_id; ?>&domain=<?php echo $domain['domain_name']; ?>" target="_blank"><i class="fa fa-file-import"></i></a></span>
+                        <a href="http://<?php echo $domain['domain_name']; ?>" target="_blank" ref="noreferrer noopener"><?php echo $domain['domain_name']; ?></a>
+                    </li>
+                    <?php endforeach; ?>
+                </ul>
+            <?php else: ?>
+            <div class="panel-body">
+                <p class='text-center'>No Domain Found</p>
+            </div>
+            <?php endif; ?>
+        </div>
+    </div>
+</div>
diff --git a/src/admin/views/accounts/edit.php b/src/admin/views/accounts/edit.php
index e61d3ff..1e129a9 100755
--- a/src/admin/views/accounts/edit.php
+++ b/src/admin/views/accounts/edit.php
@@ -1,96 +1,112 @@
 <div class="content-wrapper">
-<div class="container-fluid">
-    <div class="card">
-        <div class="card-header d-flex justify-content-between align-items-center">
-            <h5 class="m-0"><?php echo $lang->I18N('Hosting Account Settings'); ?></h5>
-            <a href="accounts.php?action=view&account_id=<?php echo $account_id; ?>" class="btn btn-danger btn-sm">
-                <i class="fa fa-backward"></i> <?php echo $lang->I18N('Return'); ?>
-            </a>
-        </div>
-        <hr />
-        <div class="card-body">
-            <div class="row">
-                <div class="col-md-6">
-                    <div class="mb-10 px-10">
-                        <label class="form-label required">Name</label>
-                        <input type="text" value="<?php echo $ClientInfo['client_fname'] . ' ' . $ClientInfo['client_lname']; ?>" class="form-control disabled" readonly>
-                    </div>
+    <div class="container">
+        <ol class="breadcrumb page-breadcrumb">
+            <li><a href="index.php"><?php echo $lang->I18N('home'); ?></a></li>
+            <li><a href="accounts.php"><?php echo $lang->I18N('Account List'); ?></a></li>
+            <li><a href="accounts.php?action=details&account_id=<?php echo $account_id; ?>"><?php echo $lang->I18N('Account Details'); ?></a></li>
+            <li class="active"><?php echo $lang->I18N('Account Settings'); ?></li>
+        </ol>
+        <div class="panel panel-default">
+            <div class="panel-heading">
+                <div class="pull-right">
+                    <a href="<?php echo setURL('admin/accounts', '', array('action' => 'details', 'account_id' => $account_id)); ?>" class="btn btn-success btn-xs">
+                        <i class="fa fa-info-circle"></i> <?php echo $lang->I18N('details'); ?>
+                    </a>
+                    <a href="<?php echo setURL('admin/accounts', '', array('action' => 'add')); ?>" class="btn btn-primary btn-xs">
+                        <i class="fa fa-plus"></i> <?php echo $lang->I18N('add'); ?>
+                    </a>
+                    <a href="<?php echo setURL('admin/accounts', '', array('action' => 'list')); ?>" class="btn btn-info btn-xs">
+                        <i class="fa fa-list"></i> <?php echo $lang->I18N('list'); ?>
+                    </a>
                 </div>
-                <div class="col-md-6">
-                    <div class="mb-10 px-10">
-                        <label class="form-label required">Email</label>
-                        <input type="text" value="<?php echo $ClientInfo['client_email']; ?>" class="form-control disabled" readonly>
-                    </div>
-                </div>
-                <div class="col-md-6">
-                    <div class="mb-10 px-10">
-                        <label class="form-label required"><?php echo $lang->I18N('Phone Number'); ?></label>
-                        <input type="text" value="<?php echo $ClientInfo['client_phone']; ?>" class="form-control disabled" readonly>
-                    </div>
-                </div>
-                <div class="col-md-6">
-                    <div class="mb-10 px-10">
-                        <label class="form-label required">Billing Address</label>
-                        <input type="text" value="<?php echo $ClientInfo['client_address']; ?>" class="form-control disabled" readonly>
-                    </div>
+                <div class="panel-title">
+                    <?php echo $PageInfo['title']; ?>
+                    <span class="label label-default"> ID <?php echo $account_id; ?></span>
                 </div>
             </div>
-            <div class="col-md-12"><hr /></div>
-        <?php if ($AccountInfo['account_status'] == '1'): ?>
-            <form class="row" action="controllers/accounts/password.php" method="post">
-                <input type="hidden" name="account_id" value="<?php echo $account_id; ?>">
-                <div class="col-md-6">
-                    <div class="pb-10 px-10">
-                        <label class="form-label required">New Password</label>
-                        <input type="password" name="new_password" placeholder="New password here..." class="form-control">
+            <div class="panel-body">
+                <div class="row">
+                    <div class="col-md-6">
+                        <div class="mb-10 px-10">
+                            <label class="form-label required">Name</label>
+                            <input type="text" value="<?php echo $ClientInfo['client_fname'] . ' ' . $ClientInfo['client_lname']; ?>" class="form-control disabled" readonly>
+                        </div>
+                    </div>
+                    <div class="col-md-6">
+                        <div class="mb-10 px-10">
+                            <label class="form-label required">Email</label>
+                            <input type="text" value="<?php echo $ClientInfo['client_email']; ?>" class="form-control disabled" readonly>
+                        </div>
+                    </div>
+                    <div class="col-md-6">
+                        <div class="mb-10 px-10">
+                            <label class="form-label required"><?php echo $lang->I18N('Phone Number'); ?></label>
+                            <input type="text" value="<?php echo $ClientInfo['client_phone']; ?>" class="form-control disabled" readonly>
+                        </div>
+                    </div>
+                    <div class="col-md-6">
+                        <div class="mb-10 px-10">
+                            <label class="form-label required">Billing Address</label>
+                            <input type="text" value="<?php echo $ClientInfo['client_address']; ?>" class="form-control disabled" readonly>
+                        </div>
                     </div>
                 </div>
-                <div class="col-md-6">
+                <div class="col-md-12"><hr /></div>
+            <?php if ($AccountInfo['account_status'] == '1'): ?>
+                <form class="row" action="controllers/accounts/password.php" method="post">
+                    <input type="hidden" name="account_id" value="<?php echo $account_id; ?>">
+                    <div class="col-md-6">
+                        <div class="pb-10 px-10">
+                            <label class="form-label required">New Password</label>
+                            <input type="password" name="new_password" placeholder="New password here..." class="form-control">
+                        </div>
+                    </div>
+                    <div class="col-md-6">
+                        <div class="mb-10 px-10">
+                            <label class="form-label">&nbsp;</label>
+                            <button type="submit" name="submit" class="form-control btn btn-primary btn-sm text-white">Change Password</button>
+                        </div>
+                    </div>
+                    <!-- <div class="col-md-12">
+                        <div class="mb-10 px-10">
+                            <input type="submit" name="submit" value="Change Password" class="btn btn-primary btn-sm text-white">
+                        </div>
+                    </div> -->
+                </form>
+                <hr>
+                <form
+                    action="controllers/accounts/deactivate.php"
+                    method="post"
+                    onsubmit="
+                        var reason = document.getElementsByName('reason')[0].value;
+                        if (reason.length < 8) {
+                            alert('Reason must be 8 characters long...');
+                            return false;
+                        }
+                        return true;
+                ">
                     <div class="mb-10 px-10">
-                        <label class="form-label">&nbsp;</label>
-                        <button type="submit" name="submit" class="form-control btn btn-primary btn-sm text-white">Change Password</button>
+                        <label class="form-label required">Deacivation Reason</label>
+                        <textarea name="reason" placeholder="Deactivation reason here..." class="form-control" id="reason"></textarea>
+                        <div class="text-muted my-10 alert alert-secondary">Your account will be deleted after 30 days of your account deactivation and all of the account data will be removed completely(This action cannot be undo).</div>
+                        <input type="hidden" name="account_id" value="<?php echo $AccountInfo['account_id']; ?>">
                     </div>
-                </div>
-                <!-- <div class="col-md-12">
                     <div class="mb-10 px-10">
-                        <input type="submit" name="submit" value="Change Password" class="btn btn-primary btn-sm text-white">
+                        <input type="submit" name="submit" value="Deactivate Account" class="btn btn-danger btn-sm text-white">
                     </div>
-                </div> -->
-            </form>
-            <hr>
-            <form
-                action="controllers/accounts/deactivate.php"
-                method="post"
-                onsubmit="
-                    var reason = document.getElementsByName('reason')[0].value;
-                    if (reason.length < 8) {
-                        alert('Reason must be 8 characters long...');
-                        return false;
-                    }
-                    return true;
-            ">
-                <div class="mb-10 px-10">
-                    <label class="form-label required">Deacivation Reason</label>
-                    <textarea name="reason" placeholder="Deactivation reason here..." class="form-control" id="reason"></textarea>
-                    <div class="text-muted my-10 alert alert-secondary">Your account will be deleted after 30 days of your account deactivation and all of the account data will be removed completely(This action cannot be undo).</div>
-                    <input type="hidden" name="account_id" value="<?php echo $AccountInfo['account_id']; ?>">
-                </div>
-                <div class="mb-10 px-10">
-                    <input type="submit" name="submit" value="Deactivate Account" class="btn btn-danger btn-sm text-white">
-                </div>
-            </form>
-        <?php else: ?>
-            <form class="row" action="controllers/accounts/reactivate.php" method="post">
-                <input type="hidden" name="account_id" value="<?php echo $account_id; ?>">
-                <div class="col-md-6">
-                    <div class="mb-10 px-10">
-                        <label class="form-label">Activate Account</label>
-                        <button type="submit" name="submit" class="btn btn-success text-white btn-block my-5 btn-rounded">Activate Account</button>
+                </form>
+            <?php else: ?>
+                <form class="row" action="controllers/accounts/reactivate.php" method="post">
+                    <input type="hidden" name="account_id" value="<?php echo $account_id; ?>">
+                    <div class="col-md-6">
+                        <div class="mb-10 px-10">
+                            <label class="form-label">Activate Account</label>
+                            <button type="submit" name="submit" class="btn btn-success text-white btn-block my-5 btn-rounded">Activate Account</button>
+                        </div>
                     </div>
-                </div>
-            </form>
-        <?php endif;?>
+                </form>
+            <?php endif;?>
+            </div>
         </div>
     </div>
 </div>
-</div>
diff --git a/src/admin/views/accounts/list.php b/src/admin/views/accounts/list.php
index b72ba43..3db8275 100755
--- a/src/admin/views/accounts/list.php
+++ b/src/admin/views/accounts/list.php
@@ -1,58 +1,62 @@
 
 <div class="content-wrapper">
-<div class="container-fluid">
-    <div class="card py-0">
-        <div class="d-flex justify-content-between align-items-center pt-15">
-            <h3 class="m-0"><?php echo $PageInfo['title']; ?></h3>
-            <a href="index.php" class="btn text-white btn-danger btn-sm">
-                <i class="fa fa-backward"></i> <?php echo $lang->I18N('Return'); ?>
-            </a>
-        </div>
-        <hr />
-        <div class="card-body table-responsive">
-            <table class="table table-stripped table-bordered table-hover">
-                <thead>
-                    <th>ID</th>
-                    <th><?php echo $lang->I18N('Clients'); ?></th>
-                    <th><?php echo $lang->I18N('Provider'); ?></th>
-                    <th><?php echo $lang->I18N('Username'); ?></th>
-                    <th><?php echo $lang->I18N('Domain'); ?></th>
-                    <th><?php echo $lang->I18N('Deploy Date'); ?></th>
-                    <th><?php echo $lang->I18N('Status'); ?></th>
-                    <th><?php echo $lang->I18N('Action'); ?></th>
-                </thead>
-                <tbody>
+    <div class="container">
+        <ol class="breadcrumb page-breadcrumb">
+            <li><a href="index.php"><?php echo $lang->I18N('home'); ?></a></li>
+            <li class="active"><?php echo $lang->I18N('Hosting Accounts'); ?></li>
+        </ol>
+        <div class="panel panel-default">
+            <div class="panel-heading">
+                <div class="pull-right">
+                    <a href="accounts.php?action=add" class="btn btn-primary btn-xs">
+                        <i class="fa fa-plus"></i> <?php echo $lang->I18N('add'); ?>
+                    </a>
+                </div>
+                <div class="panel-title">
+                    <?php echo $PageInfo['title']; ?>
+                </div>
+            </div>
+            <div class="table-responsive">
+                <table class="table table-stripped table-bordered table-hover">
+                    <thead>
+                        <th>ID</th>
+                        <th><?php echo $lang->I18N('Clients'); ?></th>
+                        <th><?php echo $lang->I18N('Provider'); ?></th>
+                        <th><?php echo $lang->I18N('Username'); ?></th>
+                        <th><?php echo $lang->I18N('Domain'); ?></th>
+                        <th><?php echo $lang->I18N('Deploy Date'); ?></th>
+                        <th><?php echo $lang->I18N('Status'); ?></th>
+                        <th><?php echo $lang->I18N('Action'); ?></th>
+                    </thead>
+                    <tbody>
 <?php if ($count > 0): ?>
     <?php foreach ($rows as $row): ?>
                     <tr>
                         <td><?php echo $row['account_id'];?></td>
                         <td><?php echo $row['account_client_id']; ?></td>
                         <td>
-                            <a href="hosting.php?action=view&api_key=<?php echo $row['account_api_key']; ?>">
+                            <a href="hosting.php?action=details&api_key=<?php echo $row['account_api_key']; ?>">
                                 <?php echo $row['account_api_key']; ?>
                             </a>
                         </td>
                         <td><?php echo $row['account_username']; ?></td>
                         <td><?php echo $row['account_domain']; ?></td>
                         <td><?php echo $row['account_date']; ?></td>
-                        <td><?php
-if ($row['account_status'] == '0') {
-    $btn = ['danger', 'lock'];
-    echo '<span class="badge bg-danger text-white border-0">Inactive</span>';
-} elseif ($row['account_status'] == '1') {
-    $btn = ['success', 'globe'];
-    echo '<span class="badge bg-success border-0 text-white">Active</span>';
-} elseif ($row['account_status'] == '2') {
-    $btn = ['danger', 'lock'];
-    echo '<span class="badge bg-danger text-white border-0">Suspended</span>';
-} elseif ($row['account_status'] == '3') {
-    $btn = ['danger', 'lock'];
-    echo '<span class="badge bg-danger text-white border-0">Deleted</span>';
-}
-?></td>
+                        <td><?php if ($row['account_status'] == '0'): ?>
+                            <span class="label label-info">Inactive</span>
+                        <?php elseif ($row['account_status'] == '1'): ?>
+                            <span class="label label-success">Active</span>
+                        <?php elseif ($row['account_status'] == '2'): ?>
+                            <span class="label label-warning">Suspended</span>
+                        <?php elseif ($row['account_status'] == '3'): ?>
+                            <span class="label label-danger">Deleted</span>
+                        <?php endif; ?></td>
                         <td>
-                            <a href="accounts.php?action=view&account_id=<?php echo $row['account_id']; ?>" class="btn btn-sm btn-<?php echo $btn[0]; ?> btn-rounded">
-                                <i class="fa fa-<?php echo $btn[1]; ?>"></i> Manage
+                            <a href="accounts.php?action=edit&account_id=<?php echo $row['account_id']; ?>" class="btn btn-success btn-xs">
+                                <i class="fa fa-edit"></i> <?php echo $lang->I18N('edit'); ?>
+                            </a>
+                            <a href="accounts.php?action=details&account_id=<?php echo $row['account_id']; ?>" class="btn btn-primary btn-xs">
+                                <i class="fa fa-info-circle"></i> <?php echo $lang->I18N('details'); ?>
                             </a>
                         </td>
                     </tr>
@@ -62,12 +66,12 @@ if ($row['account_status'] == '0') {
                         <td colspan="6" class="text-center">Nothing found</td>
                     </tr>
 <?php endif;?>
-                </tbody>
-            </table>
-        </div>
-        <div class="card-footer">
-            <p class="py-10"><?php echo $count; ?> Records Founds</p>
+                    </tbody>
+                </table>
+            </div>
+            <div class="panel-footer">
+                <?php echo $count; ?> Records Founds
+            </div>
         </div>
     </div>
 </div>
-</div>
diff --git a/src/admin/views/accounts/view.php b/src/admin/views/accounts/view.php
deleted file mode 100755
index af39740..0000000
--- a/src/admin/views/accounts/view.php
+++ /dev/null
@@ -1,171 +0,0 @@
-<div class="content-wrapper">
-<div class="container-fluid">
-    <div class="card pt-0">
-        <div class="card-header d-flex justify-content-between align-items-center pt-15 px-5">
-            <h5 class="m-0">Viewing Account (# <?php echo $account_id; ?>)</h5>
-            <a href="accounts.php" class="btn btn-sm btn-danger">
-                <i class="fa fa-backward"></i> <?php echo $lang->I18N('Return'); ?>
-            </a>
-        </div>
-        <hr />
-        <div class="card-body">
-        <?php if ($AccountInfo['account_status'] == '0'): ?>
-            <div class="alert alert-secondary col-md-12">This account is inactive.</div>
-        <?php elseif ($AccountInfo['account_status'] == '2'): ?>
-            <div class="alert alert-secondary col-md-12">This account has been suspended.</div>
-        <?php elseif ($AccountInfo['account_status'] == '3'): ?>
-            <div class="alert alert-secondary col-md-12">This account has been deleted.</div>
-        <?php endif;?>
-            <div class="row pb-10">
-                <div class="col-md-12 pb-10 mb-10">
-                    <div class="row">
-                        <div class="col-md-6 px-5 text-center py-15">
-                            <i class="fa fa-laptop fa-10x"></i>
-                        </div>
-                        <div class="col-md-6 py-5 text-center text-md-right">
-                        <?php if ($AccountInfo['account_status'] == '1'): ?>
-                            <a href="accounts.php?action=login&account_id=<?php echo $account_id; ?>" target="_blank" class="btn btn-success text-white btn-block my-5 btn-rounded"><?php echo $lang->I18N('Control Panel'); ?></a>
-                            <a href="accounts.php?action=goftp&account_id=<?php echo $account_id; ?>" target="_blank" class="btn btn-primary text-white btn-block my-5 btn-rounded"><?php echo $lang->I18N('File Manager'); ?></a>
-                        <?php else: ?>
-                            <button class="btn btn-success text-white btn-block my-5 btn-rounded disabled"><?php echo $lang->I18N('Control Panel'); ?></button>
-                            <button class="btn btn-primary text-white btn-block my-5 btn-rounded disabled"><?php echo $lang->I18N('File Manager'); ?></button>
-                        <?php endif;?>
-                            <a href="accounts.php?action=edit&account_id=<?php echo $account_id; ?>" class="btn btn-secondary btn-block my-5 btn-rounded"><?php echo $lang->I18N('Edit Settings'); ?></a>
-                        </div>
-                    </div>
-                </div>
-                <hr />
-                <div class="col-md-4 col-sm-6">
-                    <div class="m-5">
-                        <b>Control Panel Username:</b>
-                        <span><?php echo $AccountInfo['account_username']; ?></span>
-                    </div>
-                </div>
-                <div class="col-md-4 col-sm-6">
-                    <div class="d-flex justify-content-between align-items-center m-5">
-                        <b>Control Panel Password:</b>
-                        <span><kbd><?php echo $AccountInfo['account_password']; ?></kbd></span>
-                    </div>
-                </div>
-                <div class="col-md-4 col-sm-6">
-                    <div class="d-flex justify-content-between align-items-center m-5">
-                        <b>Main Domain:</b>
-                        <span><?php echo $AccountInfo['account_domain']; ?></span>
-                    </div>
-                </div>
-                <div class="col-md-4 col-sm-6">
-                    <div class="d-flex justify-content-between align-items-center m-5">
-                        <b>Control Panel Domain:</b>
-                        <span><?php echo $AccountApi['api_cpanel_url']; ?></span>
-                    </div>
-                </div>
-                <div class="col-md-4 col-sm-6 col-md-6">
-                    <div class="d-flex justify-content-between align-items-center m-5">
-                        <b>Status:</b>
-                        <span>
-                            <?php if ($AccountInfo['account_status'] == '0') {
-    echo '<span class="badge bg-secondary">Inactive</span>';
-} elseif ($AccountInfo['account_status'] == '1') {
-    echo '<span class="badge bg-success">Active</span>';
-} elseif ($AccountInfo['account_status'] == '2') {
-    echo '<span class="badge bg-danger">Suspend</span>';
-} elseif ($AccountInfo['account_status'] == '3') {
-    echo '<span class="badge bg-danger">Deleted</span>';
-} ?>
-                        </span>
-                    </div>
-                </div>
-                <div class="col-md-4 col-sm-6">
-                    <div class="d-flex justify-content-between align-items-center m-5">
-                        <b>Creation Date:</b>
-                        <span><?php echo $AccountInfo['account_date']; ?></span>
-                    </div>
-                </div>
-                <div class="col-md-4 col-sm-6">
-                    <div class="d-flex justify-content-between align-items-center m-5">
-                        <b>Server IP:</b>
-                        <span><?php echo $AccountApi['api_server_ip']; ?></span>
-                    </div>
-                </div>
-                <div class="col-md-4 col-sm-6">
-                    <div class="d-flex justify-content-between align-items-center m-5">
-                        <b>Your IP:</b>
-                        <span><?php echo get_client_ip(); ?></span>
-                    </div>
-                </div>
-                <div class="col-md-4 col-sm-6">
-                    <div class="d-flex justify-content-between align-items-center m-5">
-                        <b>FTP Hostname:</b>
-                        <span><?php echo $AccountApi['api_server_ftp_domain']; ?></span>
-                    </div>
-                </div>
-                <div class="col-md-4 col-sm-6">
-                    <div class="d-flex justify-content-between align-items-center m-5">
-                        <b>FTP Port:</b>
-                        <span>21</span>
-                    </div>
-                </div>
-                <div class="col-md-4 col-sm-6">
-                    <div class="d-flex justify-content-between align-items-center m-5">
-                        <b>MySQL Hostname:</b>
-                        <span><?php echo $AccountInfo['account_sql'] . '.' . $AccountApi['api_server_sql_domain']; ?></span>
-                    </div>
-                </div>
-                <div class="col-md-4 col-sm-6">
-                    <div class="d-flex justify-content-between align-items-center m-5">
-                        <b>Mysql Port:</b>
-                        <span>3306</span>
-                    </div>
-                </div>
-                <div class="col-md-4 col-sm-6">
-                    <div class="d-flex justify-content-between align-items-center m-5">
-                        <b>Nameserver 1:</b>
-                        <span><?php echo $AccountApi['api_ns_1']; ?></span>
-                    </div>
-                </div>
-                <div class="col-md-4 col-sm-6">
-                    <div class="d-flex justify-content-between align-items-center m-5">
-                        <b>Nameserver 2:</b>
-                        <span><?php echo $AccountApi['api_ns_2']; ?></span>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <hr />
-        <div class="card-footer">
-            <div class="col-md-6">
-            <?php if ($AccountInfo['account_status'] == '1'): ?>
-                <a href="accounts.php?action=login&account_id=<?php echo $account_id; ?>" target="_blank" class="btn btn-success text-white m-5 btn-rounded">Control Panel</a>
-                <a href="accounts.php?action=goftp&account_id=<?php echo $account_id; ?>" target="_blank" class="btn btn-primary text-white m-5 btn-rounded">File Manager</a>
-            <?php else: ?>
-                <button class="btn btn-success text-white m-5 btn-rounded disabled">Control Panel</button>
-                <button class="btn btn-primary text-white m-5 btn-rounded disabled">File Manager</button>
-            <?php endif;?>
-                <a href="accounts.php?action=edit&account_id=<?php echo $account_id; ?>" class="btn btn-secondary m-5 btn-rounded">Edit Settings</a>
-            </div>
-        </div>
-    </div>
-
-    <div class="card py-0">
-        <div class="d-flex justify-content-between align-items-center pt-15">
-            <h5 class="m-0">Account Domains</h5>
-            <a href="accounts.php?action=sync&type=domain&account_id=<?php echo $account_id; ?>" class="btn btn-sm btn-danger">
-                <i class="fa fa-sync"></i> <?php echo $lang->I18N('Sync'); ?>
-            </a>
-        </div>
-        <hr />
-        <div class="mb-10 px-10">
-        <?php if (count($AccountDomainList) > 0): ?>
-        <?php foreach ($AccountDomainList as $domain): ?>
-            <div class='d-flex justify-content-between align-items-center m-5'>
-                <span><a href="http://<?php echo $domain['domain_name']; ?>" target="_blank" ref="noreferrer noopener"><?php echo $domain['domain_name']; ?></a></span>
-                <span><a href="accounts.php?action=goftp&account_id=<?php echo $account_id; ?>&domain=<?php echo $domain['domain_name']; ?>" class='btn btn-sm btn-square btn-secondary' target='_blank'><i class='fa fa-file-import'></i></a></span>
-            </div>
-        <?php endforeach;?>
-        <?php else: ?>
-            <p class='text-center'>No Domain Found</p>
-        <?php endif;?>
-        </div>
-    </div>
-</div>
-</div>
diff --git a/src/admin/views/clients/add.php b/src/admin/views/clients/add.php
new file mode 100644
index 0000000..50bbab6
--- /dev/null
+++ b/src/admin/views/clients/add.php
@@ -0,0 +1,27 @@
+
+<div class="content-wrapper">
+    <div class="container">
+        <ol class="breadcrumb page-breadcrumb">
+            <li><a href="index.php"><?php echo $lang->I18N('home'); ?></a></li>
+            <li><a href="clients.php"><?php echo $lang->I18N('Client List'); ?></a></li>
+            <li class="active"><?php echo $lang->I18N('details'); ?></li>
+        </ol>
+        <div class="panel panel-default">
+            <div class="panel-heading">
+                <div class="pull-right">
+                    <a href="<?php echo setURL('admin/clients', '', array('action' => 'list')); ?>" class="btn btn-info btn-xs">
+                        <i class="fa fa-list"></i> <?php echo $lang->I18N('list'); ?>
+                    </a>
+                </div>
+                <span class="panel-title"><?php echo $PageInfo['title']; ?></span>
+            </div>
+            <div class="panel-body">
+                <div class="row">
+                </div>
+            </div>
+            <div class="panel-footer">
+                <a href="#" target="_blank" class="btn btn-primary btn-sm"><?php echo $lang->I18N('Save') ?></a>
+            </div>
+        </div>
+    </div>
+</div>
diff --git a/src/admin/views/clients/details.php b/src/admin/views/clients/details.php
new file mode 100755
index 0000000..bb251f6
--- /dev/null
+++ b/src/admin/views/clients/details.php
@@ -0,0 +1,78 @@
+
+<div class="content-wrapper">
+    <div class="container">
+        <ol class="breadcrumb page-breadcrumb">
+            <li><a href="index.php"><?php echo $lang->I18N('home'); ?></a></li>
+            <li><a href="clients.php"><?php echo $lang->I18N('Client List'); ?></a></li>
+            <li class="active"><?php echo $lang->I18N('details'); ?></li>
+        </ol>
+        <div class="panel panel-default">
+            <div class="panel-heading">
+                <div class="pull-right">
+                    <a href="<?php echo setURL('admin/clients', '', array('action' => 'edit', 'id' => $ClientInfo['client_id'])); ?>" class="btn btn-success btn-xs">
+                        <i class="fa fa-edit"></i> <?php echo $lang->I18N('edit'); ?>
+                    </a>
+                    <a href="<?php echo setURL('admin/clients', '', array('action' => 'add')); ?>" class="btn btn-primary btn-xs">
+                        <i class="fa fa-plus"></i> <?php echo $lang->I18N('add'); ?>
+                    </a>
+                    <a href="<?php echo setURL('admin/clients', '', array('action' => 'list')); ?>" class="btn btn-info btn-xs">
+                        <i class="fa fa-list"></i> <?php echo $lang->I18N('list'); ?>
+                    </a>
+                </div>
+                <span class="panel-title">
+                    <?php echo $PageInfo['title']; ?>
+                    <span class="label label-default">ID <?php echo $ClientInfo['client_id']; ?></span>
+                </span>
+            </div>
+            <div class="panel-body">
+                <table class="table table-stripped table-bordered table-hover">
+                    <tr>
+                        <td width="200"><?php echo $lang->I18N('First Name'); ?></td>
+                        <td><?php echo $ClientInfo['client_fname']; ?></td>
+                    </tr>
+                    <tr>
+                        <td><b><?php echo $lang->I18N('Last Name'); ?></b></td><td><?php echo $ClientInfo['client_lname']; ?></td>
+                    </tr>
+                    <tr>
+                        <td><b><?php echo $lang->I18N('Email Address'); ?></b></td><td><?php echo $ClientInfo['client_email']; ?></td>
+                    </tr>
+                    <tr>
+                        <td><b><?php echo $lang->I18N('Phone Number'); ?></b></td><td><?php echo $ClientInfo['client_phone']; ?></td>
+                    </tr>
+                    <tr>
+                        <td><b><?php echo $lang->I18N('Billing Address'); ?></b></td><td><?php echo $ClientInfo['client_address']; ?></td>
+                    </tr>
+                    <tr>
+                        <td><b><?php echo $lang->I18N('Company'); ?></b></td><td><?php echo $ClientInfo['client_company']; ?></td>
+                    </tr>
+                    <tr>
+                        <td><b><?php echo $lang->I18N('Country'); ?></b></td><td><?php echo $CountryName; ?></td>
+                    </tr>
+                    <tr>
+                        <td><b><?php echo $lang->I18N('City'); ?></b></td><td><?php echo $ClientInfo['client_city']; ?></td>
+                    </tr>
+                    <tr>
+                        <td><b>Postal Code</b></td><td><?php echo $ClientInfo['client_pcode']; ?></td>
+                    </tr>
+                    <tr>
+                        <td><b><?php echo $lang->I18N('Hosting Accounts'); ?></b></td><td><?php echo $count_account; ?></td>
+                    </tr>
+                    <tr>
+                        <td><b><?php echo $lang->I18N('SSL Certificates'); ?></b></td><td><?php echo $count_ssl; ?></td>
+                    </tr>
+                    <tr>
+                        <td><b>Support Tickets</b></td><td><?php echo $count_tickets; ?></td>
+                    </tr>
+                </table>
+            </div>
+            <div class="panel-footer">
+                <a href="clients.php?action=login&client_id=<?php echo $ClientInfo['client_id'] ?>" target="_blank" class="btn btn-primary btn-sm">Login as <?php echo $ClientInfo['client_fname'] ?></a>
+                <?php if ($ClientInfo['client_status'] !== '1'): ?>
+                <a href="controllers/clients/activate.php?client_id=<?php echo $ClientInfo['client_id']; ?>" class="btn btn-success btn-sm">Mark as Active</a>
+                <?php else: ?>
+                <a href="controllers/clients/suspend.php?client_id=<?php echo $ClientInfo['client_id']; ?>" class="btn btn-default btn-sm">Mark as Suspended</a>
+                <?php endif; ?>
+            </div>
+        </div>
+    </div>
+</div>
diff --git a/src/admin/views/clients/edit.php b/src/admin/views/clients/edit.php
new file mode 100755
index 0000000..21d440b
--- /dev/null
+++ b/src/admin/views/clients/edit.php
@@ -0,0 +1,73 @@
+
+<div class="content-wrapper">
+    <div class="container">
+        <ol class="breadcrumb page-breadcrumb">
+            <li><a href="index.php"><?php echo $lang->I18N('home'); ?></a></li>
+            <li><a href="clients.php"><?php echo $lang->I18N('Client List'); ?></a></li>
+            <li><a href="<?php echo setURL('admin/clients', '', array('action' => 'details', 'id' => $ClientInfo['client_id'])); ?>"><?php echo $lang->I18N('details'); ?></a></li>
+            <li class="active"><?php echo $lang->I18N('edit'); ?></li>
+        </ol>
+        <div class="panel panel-default">
+            <div class="panel-heading">
+                <div class="pull-right">
+                    <a href="<?php echo setURL('admin/clients', '', array('action' => 'details', 'id' => $ClientInfo['client_id'])); ?>" class="btn btn-success btn-xs">
+                        <i class="fa fa-info-circle"></i> <?php echo $lang->I18N('details'); ?>
+                    </a>
+                    <a href="<?php echo setURL('admin/clients', '', array('action' => 'add')); ?>" class="btn btn-primary btn-xs">
+                        <i class="fa fa-plus"></i> <?php echo $lang->I18N('add'); ?>
+                    </a>
+                    <a href="<?php echo setURL('admin/clients', '', array('action' => 'list')); ?>" class="btn btn-info btn-xs">
+                        <i class="fa fa-list"></i> <?php echo $lang->I18N('list'); ?>
+                    </a>
+                </div>
+                <span class="panel-title">
+                    <?php echo $PageInfo['title']; ?>
+                    <span class="label label-default">ID <?php echo $ClientInfo['client_id']; ?></span>
+                </span>
+            </div>
+            <div class="panel-body">
+                <div class="row">
+                    <div class="col-md-6">
+                        <label class="form-label required"><?php echo $lang->I18N('First Name'); ?></label>
+                        <input type="text" name="client_fname" value="<?php echo $ClientInfo['client_fname']; ?>" class="form-control" required>
+                    </div>
+                    <div class="col-md-6 mb-10">
+                        <label class="form-label required"><?php echo $lang->I18N('Last Name'); ?></label>
+                        <input type="text" name="client_lname" value="<?php echo $ClientInfo['client_lname']; ?>" class="form-control" required>
+                    </div>
+                    <div class="col-md-6 mb-10">
+                        <label class="form-label required"><?php echo $lang->I18N('Email Address'); ?></label>
+                        <input type="text" name="client_email" value="<?php echo $ClientInfo['client_email']; ?>" class="form-control" required>
+                    </div>
+                    <div class="col-md-6 mb-10">
+                        <label class="form-label required"><?php echo $lang->I18N('Phone Number'); ?></label>
+                        <input type="text" name="client_phone" value="<?php echo $ClientInfo['client_phone']; ?>" class="form-control" required>
+                    </div>
+                    <div class="col-md-6 mb-10">
+                        <label class="form-label required"><?php echo $lang->I18N('Billing Address'); ?></label>
+                        <input type="text" name="client_address" value="<?php echo $ClientInfo['client_address']; ?>" class="form-control" required>
+                    </div>
+                    <div class="col-md-6 mb-10">
+                        <label class="form-label required"><?php echo $lang->I18N('Company'); ?></label>
+                        <input type="text" name="client_company" value="<?php echo $ClientInfo['client_company']; ?>" class="form-control" required>
+                    </div>
+                    <div class="col-md-6 mb-10">
+                        <label class="form-label required"><?php echo $lang->I18N('Country'); ?></label>
+                        <input type="text" name="country_name" value="<?php echo $CountryName; ?>" class="form-control" required>
+                    </div>
+                    <div class="col-md-6 mb-10">
+                        <label class="form-label required"><?php echo $lang->I18N('City'); ?></label>
+                        <input type="text" name="client_city" value="<?php echo $ClientInfo['client_city']; ?>" class="form-control" required>
+                    </div>
+                    <div class="col-md-6 mb-10">
+                        <label class="form-label required"><?php echo $lang->I18N('Postal Code'); ?></label>
+                        <input type="text" name="client_pcode" value="<?php echo $ClientInfo['client_pcode']; ?>" class="form-control" required>
+                    </div>
+                </div>
+            </div>
+            <div class="panel-footer">
+                <a href="#" target="_blank" class="btn btn-primary btn-sm"><?php echo $lang->I18N('Save'); ?></a>
+            </div>
+        </div>
+    </div>
+</div>
diff --git a/src/admin/views/clients/list.php b/src/admin/views/clients/list.php
index af1b4fb..a137d60 100755
--- a/src/admin/views/clients/list.php
+++ b/src/admin/views/clients/list.php
@@ -1,23 +1,30 @@
 <div class="content-wrapper">
-<div class="container-fluid">
-    <div class="card m-20 p-20">
-        <div class="card-header d-flex justify-content-between align-items-center">
-            <h3 class="m-0"><?php echo $lang->I18N('Clients List'); ?></h3>
-            <a href="index.php" class="btn btn-danger btn-sm pull-right"><i class="fa fa-backward"></i> <?php echo $lang->I18N('Return'); ?></a>
-        </div>
-        <hr />
-        <div class="card-body table-responsive">
-            <table class="table table-stripped table-bordered table-hover">
-                <thead>
-                    <th>ID</th>
-                    <th><?php echo $lang->I18N('Name'); ?></th>
-                    <th><?php echo $lang->I18N('Email'); ?></th>
-                    <th><?php echo $lang->I18N('Phone'); ?></th>
-                    <th><?php echo $lang->I18N('Date'); ?></th>
-                    <th><?php echo $lang->I18N('Status'); ?></th>
-                    <th><?php echo $lang->I18N('Action'); ?></th>
-                </thead>
-                <tbody>
+    <div class="container">
+        <ol class="breadcrumb page-breadcrumb">
+            <li><a href="index.php"><?php echo $lang->I18N('home'); ?></a></li>
+            <li class="active"><?php echo $lang->I18N('Clients List'); ?></li>
+        </ol>
+        <div class="panel panel-default">
+            <div class="panel-heading">
+                <div class="pull-right">
+                    <a href="<?php echo setURL('admin/clients', '', array('action' => 'add')); ?>" class="btn btn-primary btn-xs">
+                        <i class="fa fa-plus"></i> <?php echo $lang->I18N('add'); ?>
+                    </a>
+                </div>
+                <span class="panel-title"><?php echo $PageInfo['title']; ?></span>
+            </div>
+            <div class="table-responsive">
+                <table class="table table-stripped table-bordered table-hover">
+                    <thead>
+                        <th>ID</th>
+                        <th><?php echo $lang->I18N('Name'); ?></th>
+                        <th><?php echo $lang->I18N('Email'); ?></th>
+                        <th><?php echo $lang->I18N('Phone'); ?></th>
+                        <th><?php echo $lang->I18N('Date'); ?></th>
+                        <th><?php echo $lang->I18N('Status'); ?></th>
+                        <th><?php echo $lang->I18N('Action'); ?></th>
+                    </thead>
+                    <tbody>
 <?php if ($count > 0): ?>
 <?php foreach ($rows as $value): ?>
                     <tr>
@@ -26,21 +33,20 @@
                         <td><?php echo $value['client_email']; ?></td>
                         <td><?php echo $value['client_phone']; ?></td>
                         <td><?php echo $value['client_date']; ?></td>
-                        <td><?php
-if ($value['client_status'] == '0') {
-$btn = ['secondary', 'cog'];
-echo '<span class="badge bg-secondary badge-pill">Inactive</span>';
-} elseif ($value['client_status'] == '1') {
-$btn = ['success', 'globe'];
-echo '<span class="badge bg-success badge-pill">Active</span>';
-} elseif ($value['client_status'] == '2') {
-$btn = ['danger', 'lock'];
-echo '<span class="badge bg-danger badge-pill">Suspended</span>';
-}
-?></td>
+                        <td><?php if ($value['client_status'] == '0'): ?>
+                            <span class="label label-warning">Inactive</span>
+                        <?php elseif ($value['client_status'] == '1'): ?>
+                            <span class="label label-success">Active</span>
+                        <?php elseif ($value['client_status'] == '2'): ?>
+                            <span class="label label-danger">Suspended</span>
+                        <?php endif; ?>
+                        </td>
                         <td>
-                            <a href="clients.php?action=view&client_id=<?php echo $value['client_id']; ?>" class="btn btn-sm btn-<?php echo $btn[0] ?> btn-rounded">
-                                <i class="fa fa-<?php echo $btn[1]; ?>"></i> Manage
+                            <a href="<?php echo setURL('admin/clients', '', array('action' => 'edit', 'id' => $value['client_id'])); ?>" class="btn btn-success btn-xs">
+                                <i class="fa fa-edit"></i> <?php echo $lang->I18N('edit'); ?>
+                            </a>
+                            <a href="<?php echo setURL('admin/clients', '', array('action' => 'details', 'id' => $value['client_id'])); ?>" class="btn btn-primary btn-xs">
+                                <i class="fa fa-info-circle"></i> <?php echo $lang->I18N('details'); ?>
                             </a>
                         </td>
                     </tr>
@@ -50,11 +56,10 @@ echo '<span class="badge bg-danger badge-pill">Suspended</span>';
                         <td colspan="6" class="text-center">Nothing found</td>
                     </tr>
 <?php endif;?>
-                </tbody>
-            </table>
+                    </tbody>
+                </table>
+            </div>
+            <div class="panel-footer"><?php echo $count; ?> Records Founds.</div>
         </div>
-        <hr />
-        <div class="card-footer"><?php echo $count; ?> Records Founds.</div>
     </div>
 </div>
-</div>
diff --git a/src/admin/views/clients/view.php b/src/admin/views/clients/view.php
deleted file mode 100755
index cf9ed41..0000000
--- a/src/admin/views/clients/view.php
+++ /dev/null
@@ -1,63 +0,0 @@
-
-<div class="content-wrapper">
-<div class="container-fluid">
-    <div class="card m-20 p-20">
-        <div class="card-header d-flex justify-content-between align-items-center">
-            <h3 class="m-0">Client Information</h3>
-            <a href="clients.php" class="btn btn-danger btn-sm">
-                <i class="fa fa-backward"></i> <?php echo $lang->I18N('Return'); ?>
-            </a>
-        </div>
-        <hr />
-        <div class="card-body">
-            <div class="row">
-                <div class="col-md-6 mb-10">
-                    <b><?php echo $lang->I18N('First Name'); ?>:</b> <?php echo $ClientInfo['client_fname']; ?>
-                </div>
-                <div class="col-md-6 mb-10">
-                    <b><?php echo $lang->I18N('Last Name'); ?>:</b> <?php echo $ClientInfo['client_lname']; ?>
-                </div>
-                <div class="col-md-6 mb-10">
-                    <b><?php echo $lang->I18N('Email Address'); ?>:</b> <?php echo $ClientInfo['client_email']; ?>
-                </div>
-                <div class="col-md-6 mb-10">
-                    <b><?php echo $lang->I18N('Phone Number'); ?>:</b> <?php echo $ClientInfo['client_phone']; ?>
-                </div>
-                <div class="col-md-6 mb-10">
-                    <b><?php echo $lang->I18N('Billing Address'); ?>:</b> <?php echo $ClientInfo['client_address']; ?>
-                </div>
-                <div class="col-md-6 mb-10">
-                    <b><?php echo $lang->I18N('Company'); ?>:</b> <?php echo $ClientInfo['client_company']; ?>
-                </div>
-                <div class="col-md-6 mb-10">
-                    <b><?php echo $lang->I18N('Country'); ?>:</b> <?php echo $CountryName; ?>
-                </div>
-                <div class="col-md-6 mb-10">
-                    <b><?php echo $lang->I18N('City'); ?>:</b> <?php echo $ClientInfo['client_city']; ?>
-                </div>
-                <div class="col-md-6 mb-10">
-                    <b>Postal Code:</b> <?php echo $ClientInfo['client_pcode']; ?>
-                </div>
-                <div class="col-md-6 mb-10">
-                    <b><?php echo $lang->I18N('Hosting Accounts'); ?>:</b> <?php echo $count_account; ?>
-                </div>
-                <div class="col-md-6 mb-10">
-                    <b><?php echo $lang->I18N('SSL Certificates'); ?>:</b> <?php echo $count_ssl; ?>
-                </div>
-                <div class="col-md-6 mb-10">
-                    <b>Support Tickets:</b> <?php echo $count_tickets; ?>
-                </div>
-                <div class="col-md-12"><hr /></div>
-                <div class="col-md-12 py-5">
-                    <a href="clients.php?action=login&client_id=<?php echo $ClientInfo['client_id'] ?>" target="_blank" class="btn btn-primary">Login as <?php echo $ClientInfo['client_fname'] ?></a>
-                    <?php if ($ClientInfo['client_status'] !== '1'): ?>
-                    <a href="controllers/clients/activate.php?client_id=<?php echo $ClientInfo['client_id']; ?>" class="btn btn-success text-white">Mark as Active</a>
-                    <?php else: ?>
-                    <a href="controllers/clients/suspend.php?client_id=<?php echo $ClientInfo['client_id']; ?>" class="btn btn-secondary">Mark as Suspended</a>
-                    <?php endif; ?>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-</div>
diff --git a/src/admin/views/common/footer.php b/src/admin/views/common/footer.php
index 4a52d80..00440e9 100755
--- a/src/admin/views/common/footer.php
+++ b/src/admin/views/common/footer.php
@@ -1,10 +1,36 @@
-    </div>
+
+    <footer class="footer navbar navbar-default navbar-fixed-bottom">
+        <div class="container">
+            <div class="navbar-inner navbar-content-center" style="padding-top:15px;">
+                <ul class="navbar-left list-inline text-center text-muted credit">
+                    <li>
+                        <span class="co">&copy;&nbsp;2013-<?php echo date("Y"); ?>&nbsp;<a href="<?php echo $site_url; ?>" target="_blank"><?php echo $SiteConfig['site_brand']; ?></a>&nbsp;</span>
+                        <span class="co">&nbsp;Powered by <a href="https://crogram.org" target="_blank">Crogram</a>&nbsp;</span>
+                        <span class="co">&nbsp;Partnered with <a href="https://ifastnet.com/" name="jump-ifastnet" target="_blank">iFastNet</a>&nbsp;</span>
+                        <span>time: <?php echo get_execution_time();?>s</span>
+                    </li>
+                </ul>
+                <ul class="legal navbar-right list-inline text-center">
+                    <li class="dropup">
+                        <div class="dropdown-toggle" id="changelanguage" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                            <span class="fa fa-language"></span>
+                            <a href="#"><?php echo $lang->get_language_name(); ?></a>
+                        </div>
+                        <ul class="dropdown-menu language-change"><?php echo $lang->get_languages_tags(); ?></ul>
+                    </li>
+                    <li><a href="<?php echo $site_url; ?>/about.php" target="_blank"><?php echo $lang->I18N('about'); ?></a></li>
+                    <li><a href="<?php echo $site_url; ?>/contact.php" target="_blank"><?php echo $lang->I18N('contact'); ?></a></li>
+                    <li><a href="<?php echo $site_url; ?>/news.php" target="_blank"><?php echo $lang->I18N('News'); ?></a></li>
+                </ul>
+            </div>
+        </div>
+    </footer>
     <div id="hidden-area"><?php getMessage(); ?></div>
 
     <script src="<?php echo $site_url; ?>/assets/jquery/jquery.min.js"></script>
-    <!-- <script src="<?php echo $site_url; ?>/assets/bootstrap/js/bootstrap.min.js?_=<?php echo $static_release; ?>"></script> -->
-    <script src="<?php echo $site_url; ?>/assets/js/halfmoon.min.js"></script>
-    <!-- <script src="<?php echo $site_url; ?>/assets/ui/js/main.min.js"></script> -->
+    <script src="<?php echo $site_url; ?>/assets/bootstrap/js/bootstrap.min.js?_=<?php echo $static_release; ?>"></script>
+    <script src="//cdn.staticfile.org/layer/3.1.1/layer.js"></script>
+
     <script src="<?php echo $site_url; ?>/assets/js/common.js"></script>
 
     <?php if (!empty($load_editor)): ?>
@@ -19,5 +45,5 @@
     </script>
     <?php endif; ?>
 
-  </body>
+    </body>
 </html>
\ No newline at end of file
diff --git a/src/admin/views/common/header.php b/src/admin/views/common/header.php
index 60d8360..35bfff0 100755
--- a/src/admin/views/common/header.php
+++ b/src/admin/views/common/header.php
@@ -18,21 +18,16 @@
     <link rel="icon" type="image/x-icon" href="<?php echo $site_url; ?>/assets/image/favicon.ico">
     <link rel="shortcut" type="image/x-icon" href="<?php echo $site_url; ?>/assets/image/favicon.ico">
 
-    <?php echo $PageInfo['rel']; ?>
-
-    <!-- <link href="<?php echo $site_url; ?>/assets/bootstrap/css/bootstrap.min.css?_=<?php echo $static_release; ?>" rel="stylesheet" /> -->
+    <link href="<?php echo $site_url; ?>/assets/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
     <link href="<?php echo $site_url; ?>/assets/css/font-awesome.min.css" rel="stylesheet" />
-    <!-- <link href="<?php echo $site_url; ?>/assets/ui/css/style.min.css" rel="stylesheet" /> -->
-
-    <link href="<?php echo $site_url; ?>/assets/css/halfmoon.min.css" rel="stylesheet" />
-    <link href="<?php echo $site_url; ?>/assets/css/all.min.css" rel="stylesheet" />
-    <link href="<?php echo $site_url; ?>/assets/css/style.css" rel="stylesheet" />
+    <link href="<?php echo $site_url; ?>/assets/css/common.css?_=<?php echo $static_release; ?>" rel="stylesheet" />
+    <link href="<?php echo $site_url; ?>/assets/css/admin.css" rel="stylesheet" />
     <script type="text/javascript">
         var site_domain = "<?php echo $site_domain; ?>";
         var cur_lang = "<?php echo $lang->language_current; ?>";
         var ifastnet_aff = "<?php echo $ifastnet_aff; ?>";
     </script>
+    <?php echo $PageInfo['rel']; ?>
 </head>
 
-<body class="with-custom-webkit-scrollbars with-custom-css-scrollbars" data-dm-shortcut-enabled="true" data-sidebar-shortcut-enabled="true" data-set-preferred-theme-onload="true">
-    <div class="page-wrapper with-navbar with-sidebar" data-sidebar-type="overlayed-sm-and-down">
+<body>
diff --git a/src/admin/views/common/navbar.php b/src/admin/views/common/navbar.php
index 013c644..6b1af5f 100755
--- a/src/admin/views/common/navbar.php
+++ b/src/admin/views/common/navbar.php
@@ -1,37 +1,101 @@
-<nav class="navbar">
-    <div class="container-fluid">
-        <a href="index.php" class="navbar-brand"><?php echo $lang->I18N('Admin Area'); ?></a>
-        <ul class="navbar-nav ml-auto">
-            <li class="nav-item nav-height">
-            <button class="btn btn-sm my-auto" role="button" onclick="halfmoon.toggleDarkMode()">
-                <i class="fas fa-sun"></i>
+<nav class="navbar navbar-fixed-top navbar-default">
+    <div class="container">
+        <div class="navbar-header">
+            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+                <span class="sr-only">navbar</span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
             </button>
-        </li>
-        <!-- 语言 -->
-        <div class="nav-item nav-height dropdown with-arrow">
-            <button class="btn" data-toggle="dropdown" type="button" id="language-change-toggle" aria-haspopup="true" aria-expanded="false">
-                <?php echo $lang->get_language_name(); ?> <i class="fa fa-angle-up ml-5" aria-hidden="true"></i>
-            </button>
-            <div class="dropdown-menu language-change" aria-labelledby="language-change-toggle">
-                <?php echo $lang->get_languages_tags(); ?>
-            </div>
+            <a class="navbar-brand" href="./"><?php echo $lang->I18N('Admin Area'); ?></a>
+        </div>
+        <div id="navbar" class="collapse navbar-collapse">
+            <ul class="nav navbar-nav navbar-right">
+                <li class="<?php echo checkIfActive('index,') ?>">
+                    <a href="./"><i class="fa fa-home" aria-hidden="true"></i> <?php echo $lang->I18N('home'); ?></a>
+                </li>
+                <li class="<?php echo checkIfActive('clients') ?>">
+                    <a href="clients.php"><i class="fa fa-users fa-fw"></i> <?php echo $lang->I18N('Clients List'); ?></a>
+                </li>
+                <li class="<?php echo checkIfActive('accounts') ?>">
+                    <a href="accounts.php"><i class="fa fa-server fa-fw" aria-hidden="true"></i> <?php echo $lang->I18N('Hosting Accounts'); ?></a>
+                </li>
+                <li class="<?php echo checkIfActive('tickets') ?>">
+                    <a href="tickets.php"><i class="fa fa-ticket-alt" aria-hidden="true"></i> <?php echo $lang->I18N('Tickets List'); ?></a>
+                </li>
+                <li class="<?php echo checkIfActive('sslcert') ?>">
+                    <a href="sslcert.php"><i class="fa fa-shield-alt" aria-hidden="true"></i> <?php echo $lang->I18N('SSL Certificates'); ?></a>
+                </li>
+                <li class="<?php echo checkIfActive('settings'); ?>">
+                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+                        <i class="fa fa-cog fa-fw"></i> <?php echo $lang->I18N('System Settings'); ?> <b class="caret"></b>
+                    </a>
+                    <ul class="dropdown-menu">
+                        <li><a href="knowledgebase.php"><i class="fa fa-book fa-fw" aria-hidden="true"></i> <?php echo $lang->I18N('Knowledgebase'); ?></a></li>
+                        <li><a href="news.php"><i class="fa fa-newspaper fa-fw" aria-hidden="true"></i> <?php echo $lang->I18N('News List'); ?></a></li>
+                        <li><a href="hosting.php"><i class="fa fa-server fa-fw" aria-hidden="true"></i> <?php echo $lang->I18N('Hosting Provider'); ?></a></li>
+                        <li><a href="domain.php"><i class="fa fa-globe fa-fw" aria-hidden="true"></i> <?php echo $lang->I18N('Domain Provider'); ?></a></li>
+                        <li><a href="settings.php"><i class="fa fa-cog fa-fw" aria-hidden="true"></i> <?php echo $lang->I18N('Settings'); ?></a></li>
+                    </ul>
+                </li>
+                <li class="<?php echo checkIfActive('profile'); ?>">
+                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+                        <i class="fa fa-user-cog fa-fw"></i>
+                        <i class="caret"></i>
+                    </a>
+                    <ul class="dropdown-menu">
+                        <li class="disabled">
+                            <a href="#" class="text-center">
+                                <p><img class="img-rounded" src="<?php echo $AdminInfo['avatar']; ?>" height="80px" width="80px"></p>
+                                <!-- <i class="fa fa-user-circle fa-5x"></i> -->
+                                <div><?php echo $AdminInfo['admin_fname'] . " " . $AdminInfo['admin_lname']; ?></div>
+                            </a>
+                        </li>
+                        <li role="separator" class="divider"></li>
+                        <li><a href="profile.php"><i class="fa fa-user-alt fa-fw"></i> <?php echo $lang->I18N('Profile'); ?></a></li>
+                        <li role="separator" class="divider"></li>
+                        <li><a href="<?php echo $site_url; ?>" target="_blank"><i class="fa fa-external-link-alt fa-fw"></i> <?php echo $lang->I18N('home'); ?></a></li>
+                        <li><a href="<?php echo $site_url; ?>/clientarea/" target="_blank"><i class="fa fa-house-user fa-fw"></i> <?php echo $lang->I18N('Client Area'); ?></a></li>
+                        <li role="separator" class="divider"></li>
+                        <li><a href="#" onclick="return logout();"><i class="fa fa-sign-out-alt fa-fw" aria-hidden="true"></i> <?php echo $lang->I18N('logout'); ?></a></li>
+                    </ul>
+                </li>
+            </ul>
         </div>
-        <li class="nav-item nav-height dropdown with-arrow">
-            <a class="btn btn-sm m5x" data-toggle="dropdown" id="nav-link-dropdown-toggle">
-                <i class="fa fa-user"></i>
-            </a>
-            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="nav-link-dropdown-toggle">
-                <a href="<?php echo $site_url; ?>" class="dropdown-item" target="_blank"><?php echo $lang->I18N('Home'); ?></a>
-                <div class="dropdown-divider"></div>
-                <a href="profile.php" class="dropdown-item"><?php echo $lang->I18N('Profile'); ?></a>
-                <a href="settings.php" class="dropdown-item"><?php echo $lang->I18N('Settings'); ?></a>
-                <div class="dropdown-divider"></div>
-                <a href="logout.php" class="dropdown-item"><?php echo $lang->I18N('logout'); ?></a>
-            </div>
-        </li>
-        <li class="nav-item nav-height hidden-on-up">
-            <button class="btn btn-sm my-auto" onclick="halfmoon.toggleSidebar()"><i class="fa fa-bars"></i></button>
-        </li>
     </div>
 </nav>
-
+<script>
+    function logout() {
+        layer.confirm('确定退出登录 ？', {
+            icon: 3,
+            btn: ['确定', '取消']
+        }, function() {
+            window.location.href = 'logout.php';
+            // var ii = layer.load(2);
+            // $.ajax({
+            //     type: 'GET',
+            //     url: 'ajax.php?act=logout',
+            //     dataType: 'json',
+            //     success: function(data) {
+            //         layer.close(ii);
+            //         if (data.code == 0) {
+            //             layer.alert(data.msg, {
+            //                 icon: 1,
+            //                 closeBtn: false
+            //             }, function() {
+            //                 window.location.href = 'login.php';
+            //             });
+            //         } else {
+            //             layer.alert(data.msg, {
+            //                 icon: 2
+            //             });
+            //         }
+            //     },
+            //     error: function(data) {
+            //         layer.close(ii);
+            //         layer.msg('服务器错误');
+            //     }
+            // });
+        });
+    }
+</script>
diff --git a/src/admin/views/dashboard/view.php b/src/admin/views/dashboard/view.php
index 8a02c5c..ebe8ac3 100755
--- a/src/admin/views/dashboard/view.php
+++ b/src/admin/views/dashboard/view.php
@@ -1,126 +1,180 @@
 
 
 <div class="content-wrapper">
-<div class="container-fluid">
-    <div class="row">
-        <div class="col-md-6 col-lg-3">
-            <div class="card text-center bg-matrix-1 m-20 p-0 border-0">
-                <div class="mx-20 my-15 d-flex justify-content-between align-items-center">
-                    <h3 class="my-0 pt-0 text-white"><?php echo $count_clients; ?></h3>
-                    <i class="fa fa-users fa-3x pt-10 text-white"></i>
-                </div>
-                <div class="py-5" style="background: rgba(0,0,0,0.05); border-radius: 0px 0px 10px 10px;">
-                    <a href="clients.php" class="text-white">View Client <i class="fa fa-forward"></i></a>
-                </div>
-            </div>
-        </div>
-        <div class="col-md-6 col-lg-3">
-            <div class="card text-center bg-matrix-2 m-20 p-0 border-0">
-                <div class="mx-20 my-15 d-flex justify-content-between align-items-center">
-                    <h3 class="my-0 pt-0 text-white"><?php echo $count_account; ?></h3>
-                    <i class="fa fa-shopping-cart fa-3x pt-10 text-white"></i>
-                </div>
-                <div class="py-5" style="background: rgba(0,0,0,0.05); border-radius: 0px 0px 10px 10px;">
-                    <a href="accounts.php" class="text-white">View Account <i class="fa fa-forward"></i></a>
-                </div>
-            </div>
-        </div>
-        <div class="col-md-6 col-lg-3">
-            <div class="card text-center bg-matrix-3 m-20 p-0 border-0">
-                <div class="mx-20 my-15 d-flex justify-content-between align-items-center">
-                    <h3 class="my-0 pt-0 text-white"><?php echo $count_ssl; ?></h3>
-                    <i class="fa fa-shield-alt fa-3x pt-10 text-white"></i>
-                </div>
-                <div class="py-5" style="background: rgba(0,0,0,0.05); border-radius: 0px 0px 10px 10px;">
-                    <a href="myssl.php" class="text-white">View SSL <i class="fa fa-forward"></i></a>
-                </div>
-            </div>
-        </div>
-        <div class="col-md-6 col-lg-3">
-            <div class="card text-center bg-matrix-4 m-20 p-0 border-0">
-                <div class="mx-20 my-15 d-flex justify-content-between align-items-center">
-                    <h3 class="my-0 pt-0 text-white"><?php echo $count_tickets; ?></h3>
-                    <i class="fa fa-ticket-alt fa-3x pt-10 text-white"></i>
-                </div>
-                <div class="py-5" style="background: rgba(0,0,0,0.05); border-radius: 0px 0px 10px 10px;">
-                    <a href="tickets.php" class="text-white">View Ticket <i class="fa fa-forward"></i></a>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="card mx-20 my-10 p-15">
-        <div class="card-header d-flex justify-content-between align-items-center px-0 pt-0">
-            <h3 class="m-0">System information</h3>
-            <a href="settings.php" class="btn btn-danger">Settings</a>
-        </div>
-        <hr />
-        <div class="card-body">
-            <div class="row">
-                <div class="col-md-6 col-lg-4">
-                    <p class="mb-0"><b>Version:</b> <?php echo APP_VERSION; ?></p>
-                </div>
-                <div class="col-md-6 col-lg-4">
-                    <p class="mb-0"><b>Status:</b> <?php if ($SiteConfig['site_status'] == 1) {echo '<span class="badge badge-success">Live</span>';} elseif ($SiteConfig['site_status'] == 0) {echo '<span class="badge badge-secondary">Maintaince</span>';}?></p>
-                </div>
-                <div class="col-md-6 col-lg-4">
-                    <p class="mb-0"><b>Site Name:</b> <?php echo $SiteConfig['site_name']; ?></p>
-                </div>
-                <div class="col-md-6 col-lg-4">
-                    <p class="mb-0"><b>Brand Name:</b> <?php echo $SiteConfig['site_brand']; ?></p>
-                </div>
-                <div class="col-md-6 col-lg-4">
-                    <p class="mb-0"><b>Company Name:</b> <?php echo $SiteConfig['site_company']; ?></p>
-                </div>
-                <div class="col-md-6 col-lg-4">
-                    <p class="mb-0"><b>URI:</b> <?php echo $SiteConfig['site_path']; ?></p>
-                </div>
-                <div class="col-md-6 col-lg-4">
-                    <p class="mb-0"><b>Contact Email:</b> <?php echo $SiteConfig['site_email']; ?></p>
-                </div>
-                <div class="col-md-6 col-lg-4">
-                    <p class="mb-0"><b>PHP Version:</b> <?php echo PHP_VERSION; ?></p>
-                </div>
-                <div class="col-md-6 col-lg-4">
-                    <p class="mb-0"><b>Server Protocol:</b> <?php echo HTTP_PROTOCOL; ?></p>
-                </div>
-                <!-- <div class="col-md-12"><hr></div> -->
-                <div class="col-md-12">
-                    <p class="mb-0"><b>Document Root:</b> <?php echo $_SERVER['DOCUMENT_ROOT'] ?></p>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="row">
-        <div class="col-lg-6">
-            <div class="card mx-20 my-10 p-15">
-                <div class="card-header">
-                    <h4 class="m-0">Welcome to Dear Admin!</h4>
-                </div>
-                <div class="card-body">
-                    <p>
-                        Here you can manage your free hosting clients and free ssl with free support system remember that any action in this system cannot be undo.
-                    </p>
-                    <div class="text-right">
-                        <a href="accounts.php" class="btn btn-default">Getting Started</a>
+    <div class="container" style="margin-top: 20px;">
+        <div class="row">
+            <div class="col-lg-3 col-md-6">
+                <div class="panel panel-primary">
+                    <div class="panel-heading">
+                        <div class="row">
+                            <div class="col-xs-3">
+                                <i class="fa fa-users fa-5x"></i>
+                            </div>
+                            <div class="col-xs-9 text-right">
+                                <div class="huge">
+                                    <span id="count_client"><?php echo $count_client; ?></span>/<span class="count-all" id="count_clients"><?php echo $count_clients; ?></span>
+                                </div>
+                                <div>客户数量</div>
+                            </div>
+                        </div>
                     </div>
+                    <a href="clients.php">
+                        <div class="panel-footer">
+                            <span class="pull-left"><?php echo $lang->I18N('View details'); ?></span>
+                            <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
+                            <div class="clearfix"></div>
+                        </div>
+                    </a>
+                </div>
+            </div>
+            <div class="col-lg-3 col-md-6">
+                <div class="panel panel-yellow">
+                    <div class="panel-heading">
+                        <div class="row">
+                            <div class="col-xs-3">
+                                <i class="fa fa-server fa-5x"></i>
+                            </div>
+                            <div class="col-xs-9 text-right">
+                                <div class="huge">
+                                    <span id="count_account"><?php echo $count_account; ?></span>/<span class="count-all" id="count_accounts"><?php echo $count_accounts; ?></span>
+                                </div>
+                                <div>账户数量</div>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="accounts.php">
+                        <div class="panel-footer">
+                            <span class="pull-left"><?php echo $lang->I18N('View details'); ?></span>
+                            <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
+                            <div class="clearfix"></div>
+                        </div>
+                    </a>
+                </div>
+            </div>
+            <div class="col-lg-3 col-md-6">
+                <div class="panel panel-red">
+                    <div class="panel-heading">
+                        <div class="row">
+                            <div class="col-xs-3">
+                                <i class="fa fa-ticket-alt fa-5x"></i>
+                            </div>
+                            <div class="col-xs-9 text-right">
+                                <div class="huge">
+                                    <span id="count_ticket"><?php echo $count_ticket; ?></span>/<span class="count-all" id="count_tickets"><?php echo $count_tickets; ?></span>
+                                </div>
+                                <div>工单数量</div>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="tickets.php">
+                        <div class="panel-footer">
+                            <span class="pull-left"><?php echo $lang->I18N('View details'); ?></span>
+                            <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
+                            <div class="clearfix"></div>
+                        </div>
+                    </a>
+                </div>
+            </div>
+            <div class="col-lg-3 col-md-6">
+                <div class="panel panel-green">
+                    <div class="panel-heading">
+                        <div class="row">
+                            <div class="col-xs-3">
+                                <i class="fa fa-shield-alt fa-5x"></i>
+                            </div>
+                            <div class="col-xs-9 text-right">
+                                <div class="huge">
+                                    <span id="count_ssl"><?php echo $count_ssl; ?></span>/<span class="count-all" id="count_ssls"><?php echo $count_ssls; ?></span>
+                                </div>
+                                <div>证书数量</div>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="myssl.php">
+                        <div class="panel-footer">
+                            <span class="pull-left"><?php echo $lang->I18N('View details'); ?></span>
+                            <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
+                            <div class="clearfix"></div>
+                        </div>
+                    </a>
                 </div>
             </div>
         </div>
-        <div class="col-lg-6">
-            <div class="card mx-20 my-10 p-15">
-                <div class="card-header">
-                    <h4 class="m-0">Free SSL Available!</h4>
+        <div class="panel panel-danger">
+            <div class="list-group">
+                <div class="list-group-item">
+                    <span class="fa fa-paper-plane fa-fw"></span> <b>快捷操作：</b>
+                    <a href="settings.php" class="btn btn-danger">Settings</a>&nbsp;&nbsp;
+                    <a href="javascript:cleanRecord(1)" class="btn btn-sm btn-danger">删除1天前的记录</a>&nbsp;&nbsp;
+                    <a href="javascript:cleanRecord(30)" class="btn btn-sm btn-danger">删除30天前的发送记录</a>&nbsp;&nbsp;
                 </div>
-                <div class="card-body">
-                    <p>
-                        Now generation of free ssl has been allowed in order to provide fast website access and increase the security and protection of your website.
-                    </p>
-                    <div class="text-right">
-                        <a href="ssl.php" class="btn btn-default">Check Now</a>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-md-8 col-sm-12">
+                <div class="panel panel-info">
+                    <div class="panel-heading">
+                        <h3 class="panel-title">服务器信息</h3>
                     </div>
+                    <ul class="list-group">
+                        <li class="list-group-item">
+                            <b>服务器时间：</b><?php echo $date; ?>
+                        </li>
+                        <li class="list-group-item">
+                            <b>PHP 版本：</b><?php echo PHP_VERSION; ?>-<?php echo ini_get('safe_mode') ? '线程安全' : '非线程安全'; ?>
+                        </li>
+                        <li class="list-group-item">
+                            <b>MySQL 版本：</b><?php echo $mysqlversion ?>
+                        </li>
+                        <li class="list-group-item">
+                            <b>WEB软件：</b><?php echo $_SERVER['SERVER_SOFTWARE'] ?>
+                        </li>
+                        <li class="list-group-item">
+                            <b>操作系统：</b><?php echo php_uname(); ?>
+                        </li>
+                        <li class="list-group-item">
+                            <b>POST许可：</b><?php echo ini_get('post_max_size'); ?>
+                        </li>
+                        <li class="list-group-item">
+                            <b>文件上传许可：</b><?php echo ini_get('upload_max_filesize'); ?>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+            <div class="col-md-4 col-sm-12">
+                <div class="panel panel-success">
+                    <div class="panel-heading">
+                        <h3 class="panel-title">版本信息</h3>
+                    </div>
+                    <ul class="list-group text-dark">
+                        <li class="list-group-item">当前版本：V<?php echo APP_VERSION; ?> (Build <?php echo APP_BUILD; ?>, DB <?php echo DB_VERSION; ?>）</li>
+                        <li class="list-group-item">官网网站：<a href="https://uiisc.org/" target="_blank">https://uiisc.org</a></li>
+                        <li class="list-group-item">Github：<a href="https://github.com/uiisc/uiisc/" target="_blank">https://github.com/uiisc/uiisc</a></li>
+                        <li class="list-group-item"><span class="fa fa-copyright fa-fw"></span> Powered by <a href="https://crogram.com/" target="_blank" rel="noopener noreferrer">CROGRAM</a></li>
+                    </ul>
+                    <ul class="list-group text-dark" id="checkupdate"></ul>
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-md-12 col-sm-12">
+                <div class="panel panel-primary">
+                    <div class="panel-heading">
+                        <h3 class="panel-title">配置信息</h3>
+                    </div>
+                    <ul class="list-group">
+                        <li class="list-group-item"><b><?php echo $lang->I18N('Site Status'); ?></b>&nbsp;:&nbsp;<?php if ($SiteConfig['site_status'] == 1) {echo '<span class="label label-success">Live</span>';} elseif ($SiteConfig['site_status'] == 0) {echo '<span class="label label-danger">Maintaince</span>';}?></li>
+                        <li class="list-group-item"><b><?php echo $lang->I18N('Site Name'); ?></b>&nbsp;:&nbsp;<?php echo $SiteConfig['site_name']; ?></li>
+                        <li class="list-group-item"><b><?php echo $lang->I18N('Brand Name'); ?></b>&nbsp;:&nbsp;<?php echo $SiteConfig['site_brand']; ?></li>
+                        <li class="list-group-item"><b><?php echo $lang->I18N('Company Name'); ?></b>&nbsp;:&nbsp;<?php echo $SiteConfig['site_company']; ?></li>
+                        <li class="list-group-item"><b><?php echo $lang->I18N('Contact Email'); ?></b>&nbsp;:&nbsp;<?php echo $SiteConfig['site_email']; ?></li>
+                        <li class="list-group-item"><b><?php echo $lang->I18N('Server Protocol'); ?></b>&nbsp;:&nbsp;<?php echo strtoupper(HTTP_PROTOCOL); ?></li>
+                        <li class="list-group-item"><b><?php echo $lang->I18N('Site URL'); ?></b>&nbsp;:&nbsp;<?php echo $site_url; ?></li>
+                        <li class="list-group-item"><b><?php echo $lang->I18N('Site Path'); ?></b>&nbsp;:&nbsp;<?php echo $SiteConfig['site_path']; ?></li>
+                        <li class="list-group-item"><b><?php echo $lang->I18N('Site Root'); ?></b>&nbsp;:&nbsp;<?php echo $_SERVER['DOCUMENT_ROOT'] ?></li>
+                    </ul>
                 </div>
             </div>
         </div>
     </div>
 </div>
-</div>
diff --git a/src/admin/views/hosting/add.php b/src/admin/views/hosting/add.php
index 88a51ba..a84bf9e 100755
--- a/src/admin/views/hosting/add.php
+++ b/src/admin/views/hosting/add.php
@@ -1,113 +1,121 @@
+<?php
+if (!defined('IN_CRONLITE')) {
+    exit('Access Denied');
+}
+?>
 <div class="content-wrapper">
-<div class="container-fluid">
-    <div class="card py-0">
-        <div class="d-flex justify-content-between align-items-center pt-15">
-            <h5 class="m-0"><?php echo $PageInfo['title']; ?></h5>
-            <div>
-                <a href="hosting.php" class="btn btn-danger btn-sm">
-                    <i class="fa fa-backward"></i> <?php echo $lang->I18N('Return'); ?>
-                </a>
+    <div class="container">
+        <ol class="breadcrumb page-breadcrumb">
+            <li><a href="index.php"><?php echo $lang->I18N('home'); ?></a></li>
+            <li><a href="hosting.php"><?php echo $lang->I18N('Hosting Provider'); ?></a></li>
+            <li class="active"><?php echo $lang->I18N('add'); ?></li>
+        </ol>
+        <div class="panel panel-default">
+            <div class="panel-heading">
+                <div class="pull-right">
+                    <a href="hosting.php" class="btn btn-primary btn-xs">
+                        <i class="fa fa-list"></i> <?php echo $lang->I18N('Hosting Provider'); ?>
+                    </a>
+                </div>
+                <span class="panel-title"><?php echo $PageInfo['title']; ?></span>
             </div>
-        </div>
-        <hr />
-        <form class="card-body" action="controllers/hosting/add.php" method="post">
-            <div class="row">
-                <div class="col-md-6">
-                    <div class="mb-10 px-10">
-                        <label class="form-label required"><?php echo $lang->I18N('Provider Type'); ?></label>
-                        <select name="api_type" class="form-control" required>
-                            <option value="myownfreehost" selected>MyOwnFreeHost</option>
-                        </select>
+            <form action="controllers/hosting/add.php" method="post">
+                <div class="panel-body">
+                    <div class="row">
+                        <div class="col-md-6">
+                            <div class="mb-10 px-10">
+                                <label class="form-label required"><?php echo $lang->I18N('Provider Type'); ?></label>
+                                <select name="api_type" class="form-control" required>
+                                    <option value="myownfreehost" selected>MyOwnFreeHost</option>
+                                </select>
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="mb-10 px-10">
+                                <label class="form-label required">Hosting Key</label>
+                                <input type="text" name="api_key" class="form-control" required>
+                            </div>
+                        </div>
+                        <div class="col-md-12">
+                            <div class="mb-10 px-10">
+                                <label class="form-label required">MOFH API Username</label>
+                                <input type="text" name="api_username" class="form-control" required>
+                            </div>
+                        </div>
+                        <div class="col-md-12">
+                            <div class="mb-10 px-10">
+                                <label class="form-label required">MOFH API Password</label>
+                                <input type="text" name="api_password" class="form-control" required>
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="mb-10 px-10">
+                                <label class="form-label required">Server domain</label>
+                                <input type="text" name="api_server_domain" class="form-control" required>
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="mb-10 px-10">
+                                <label class="form-label required">Server IP</label>
+                                <input type="text" name="api_server_ip" class="form-control" required>
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="mb-10 px-10">
+                                <label class="form-label required">FTP Server</label>
+                                <input type="text" name="api_server_ftp_domain" class="form-control" required>
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="mb-10 px-10">
+                                <label class="form-label required">SQL Server</label>
+                                <input type="text" name="api_server_sql_domain" class="form-control" required>
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="mb-10 px-10">
+                                <label class="form-label required">Control Panel URL</label>
+                                <input type="text" name="api_cpanel_url" class="form-control" required>
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="mb-10 px-10">
+                                <label class="form-label required">Hosting Package</label>
+                                <input type="text" name="api_package" class="form-control" required>
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="mb-10 px-10">
+                                <label class="form-label required">Nameserver 1</label>
+                                <input type="text" name="api_ns_1" class="form-control" required>
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="mb-10 px-10">
+                                <label class="form-label required">Nameserver 2</label>
+                                <input type="text" name="api_ns_2" class="form-control" required>
+                            </div>
+                        </div>
+                        <div class="col-md-12">
+                            <div class="mb-10 px-10">
+                                <label class="form-label required">API Callback Token</label>
+                                <input type="text" name="api_callback_token" class="form-control" maxlength="32" required>
+                            </div>
+                        </div>
+                        <div class="col-md-12">
+                            <div class="mb-10 px-10">
+                                <label class="form-label">API Callback URL</label>
+                                <input type="text" class="form-control" value="<?php echo $site_url ?>/callback/[Hosting Key]/[API Callback Token]" readonly>
+                            </div>
+                        </div>
                     </div>
                 </div>
-                <div class="col-md-6">
-                    <div class="mb-10 px-10">
-                        <label class="form-label required">Hosting Key</label>
-                        <input type="text" name="api_key" class="form-control" required>
-                    </div>
-                </div>
-                <div class="col-md-12">
-                    <div class="mb-10 px-10">
-                        <label class="form-label required">MOFH API Username</label>
-                        <input type="text" name="api_username" class="form-control" required>
-                    </div>
-                </div>
-                <div class="col-md-12">
-                    <div class="mb-10 px-10">
-                        <label class="form-label required">MOFH API Password</label>
-                        <input type="text" name="api_password" class="form-control" required>
-                    </div>
-                </div>
-                <div class="col-md-6">
-                    <div class="mb-10 px-10">
-                        <label class="form-label required">Server domain</label>
-                        <input type="text" name="api_server_domain" class="form-control" required>
-                    </div>
-                </div>
-                <div class="col-md-6">
-                    <div class="mb-10 px-10">
-                        <label class="form-label required">Server IP</label>
-                        <input type="text" name="api_server_ip" class="form-control" required>
-                    </div>
-                </div>
-                <div class="col-md-6">
-                    <div class="mb-10 px-10">
-                        <label class="form-label required">FTP Server</label>
-                        <input type="text" name="api_server_ftp_domain" class="form-control" required>
-                    </div>
-                </div>
-                <div class="col-md-6">
-                    <div class="mb-10 px-10">
-                        <label class="form-label required">SQL Server</label>
-                        <input type="text" name="api_server_sql_domain" class="form-control" required>
-                    </div>
-                </div>
-                <div class="col-md-6">
-                    <div class="mb-10 px-10">
-                        <label class="form-label required">Control Panel URL</label>
-                        <input type="text" name="api_cpanel_url" class="form-control" required>
-                    </div>
-                </div>
-                <div class="col-md-6">
-                    <div class="mb-10 px-10">
-                        <label class="form-label required">Hosting Package</label>
-                        <input type="text" name="api_package" class="form-control" required>
-                    </div>
-                </div>
-                <div class="col-md-6">
-                    <div class="mb-10 px-10">
-                        <label class="form-label required">Nameserver 1</label>
-                        <input type="text" name="api_ns_1" class="form-control" required>
-                    </div>
-                </div>
-                <div class="col-md-6">
-                    <div class="mb-10 px-10">
-                        <label class="form-label required">Nameserver 2</label>
-                        <input type="text" name="api_ns_2" class="form-control" required>
-                    </div>
-                </div>
-                <div class="col-md-12">
-                    <div class="mb-10 px-10">
-                        <label class="form-label required">API Callback Token</label>
-                        <input type="text" name="api_callback_token" class="form-control" maxlength="32" required>
-                    </div>
-                </div>
-                <div class="col-md-12">
-                    <div class="mb-10 px-10">
-                        <label class="form-label">API Callback URL</label>
-                        <input type="text" class="form-control" value="<?php echo $site_url ?>/callback/[Hosting Key]/[API Callback Token]" readonly>
-                    </div>
-                </div>
-            </div>
-            <hr />
-            <div class="row">
-                <div class="col-md-12">
+                <div class="panel-footer">
                     <div class="my-10 px-10">
                         <button name="submit" class="btn btn-primary"><?php echo $lang->I18N('Save'); ?></button>
                     </div>
                 </div>
-            </div>
-        </form>
+            </form>
+        </div>
     </div>
 </div>
-</div>
diff --git a/src/admin/views/hosting/details.php b/src/admin/views/hosting/details.php
new file mode 100755
index 0000000..c8ef8e5
--- /dev/null
+++ b/src/admin/views/hosting/details.php
@@ -0,0 +1,124 @@
+<?php
+if (!defined('IN_CRONLITE')) {
+    exit('Access Denied');
+}
+?>
+<div class="content-wrapper">
+    <div class="container">
+        <ol class="breadcrumb page-breadcrumb">
+            <li><a href="index.php"><?php echo $lang->I18N('home'); ?></a></li>
+            <li><a href="hosting.php"><?php echo $lang->I18N('Hosting Provider'); ?></a></li>
+            <li class="active"><?php echo $lang->I18N('details'); ?></li>
+        </ol>
+        <div class="panel panel-default">
+            <div class="panel-heading">
+                <div class="pull-right">
+                    <a href="<?php echo setURL('admin/hosting', '', array('action' => 'edit', 'id' => $data['api_id'])); ?>" class="btn btn-success btn-xs">
+                        <i class="fa fa-edit"></i> <?php echo $lang->I18N('edit'); ?>
+                    </a>
+                    <a href="hosting.php?action=add" class="btn btn-primary btn-xs">
+                        <i class="fa fa-plus"></i> <?php echo $lang->I18N('add'); ?>
+                    </a>
+                </div>
+                <span class="panel-title"><?php echo $PageInfo['title']; ?> ID: <?php echo $data['api_id']; ?></span>
+            </div>
+            <div class="panel-body">
+                <div class="row">
+                    <div class="col-md-6">
+                        <div class="mb-10 px-10">
+                            <label class="form-label"><?php echo $lang->I18N('Provider Type'); ?></label>
+                            <input type="text" name="api_type" value="<?php echo $data['api_type']; ?>" class="form-control" readonly>
+                        </div>
+                    </div>
+                    <div class="col-md-6">
+                        <div class="mb-10 px-10">
+                            <label class="form-label">Hosting Key</label>
+                            <input type="text" name="api_key" value="<?php echo $data['api_key']; ?>" class="form-control" readonly>
+                        </div>
+                    </div>
+                    <div class="col-md-12">
+                        <div class="mb-10 px-10">
+                            <label class="form-label">MOFH API Username</label>
+                            <input type="text" name="api_username" value="<?php echo $data['api_username']; ?>" class="form-control" readonly>
+                        </div>
+                    </div>
+                    <div class="col-md-12">
+                        <div class="mb-10 px-10">
+                            <label class="form-label">MOFH API Password</label>
+                            <input type="text" name="api_password" value="<?php echo $data['api_password']; ?>" class="form-control" readonly>
+                        </div>
+                    </div>
+                    <div class="col-md-6">
+                        <div class="mb-10 px-10">
+                            <label class="form-label">Hosting Server</label>
+                            <input type="text" name="api_server_domain" value="<?php echo $data['api_server_domain']; ?>" class="form-control" readonly>
+                        </div>
+                    </div>
+                    <div class="col-md-6">
+                        <div class="mb-10 px-10">
+                            <label class="form-label">Server IP</label>
+                            <input type="text" name="api_server_ip" value="<?php echo $data['api_server_ip']; ?>" class="form-control" readonly>
+                        </div>
+                    </div>
+                    <div class="col-md-6">
+                        <div class="mb-10 px-10">
+                            <label class="form-label">FTP Server</label>
+                            <input type="text" name="api_server_ftp_domain" value="<?php echo $data['api_server_ftp_domain']; ?>" class="form-control" readonly>
+                        </div>
+                    </div>
+                    <div class="col-md-6">
+                        <div class="mb-10 px-10">
+                            <label class="form-label">SQL Server</label>
+                            <input type="text" name="api_server_sql_domain" value="<?php echo $data['api_server_sql_domain']; ?>" class="form-control" readonly>
+                        </div>
+                    </div>
+                    <div class="col-md-6">
+                        <div class="mb-10 px-10">
+                            <label class="form-label">Control Panel URL</label>
+                            <input type="text" name="api_cpanel_url" value="<?php echo $data['api_cpanel_url']; ?>" class="form-control" readonly>
+                        </div>
+                    </div>
+                    <div class="col-md-6">
+                        <div class="mb-10 px-10">
+                            <label class="form-label">Hosting Package</label>
+                            <input type="text" name="api_package" value="<?php echo $data['api_package']; ?>" class="form-control" readonly>
+                        </div>
+                    </div>
+                    <div class="col-md-6">
+                        <div class="mb-10 px-10">
+                            <label class="form-label">Nameserver 1</label>
+                            <input type="text" name="api_ns_1" value="<?php echo $data['api_ns_1']; ?>" class="form-control" readonly>
+                        </div>
+                    </div>
+                    <div class="col-md-6">
+                        <div class="mb-10 px-10">
+                            <label class="form-label">Nameserver 2</label>
+                            <input type="text" name="api_ns_2" value="<?php echo $data['api_ns_2']; ?>" class="form-control" readonly>
+                        </div>
+                    </div>
+                    <div class="col-md-12">
+                        <div class="mb-10 px-10">
+                            <label class="form-label">API Callback Token</label>
+                            <input type="text" name="api_callback_token" value="<?php echo $data['api_callback_token']; ?>" class="form-control" maxlength="32" readonly>
+                        </div>
+                    </div>
+                    <div class="col-md-12">
+                        <div class="mb-10 px-10">
+                            <label class="form-label">API Callback URL</label>
+                            <input type="text" class="form-control" value="<?php echo $api_callback_url; ?>" readonly>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="panel-footer">
+                <div class="row">
+                    <div class="col-md-12">
+                        <div class="mb-20 px-10">
+                            <a href="<?php echo setURL('admin/hosting', '', array('action' => 'edit', 'id' => $data['api_id'])); ?>" class="btn btn-success btn-xs"><i class="fa fa-edit"></i> <?php echo $lang->I18N('edit'); ?></a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
diff --git a/src/admin/views/hosting/edit.php b/src/admin/views/hosting/edit.php
index e94aef3..bff1923 100755
--- a/src/admin/views/hosting/edit.php
+++ b/src/admin/views/hosting/edit.php
@@ -1,106 +1,118 @@
+<?php
+if (!defined('IN_CRONLITE')) {
+    exit('Access Denied');
+}
+?>
 <div class="content-wrapper">
-<div class="container-fluid">
-    <div class="card py-0">
-        <div class="d-flex justify-content-between align-items-center pt-15">
-            <h5 class="m-0"><?php echo $PageInfo['title']; ?></h5>
-            <div>
-                <a href="hosting.php" class="btn btn-danger btn-sm">
-                    <i class="fa fa-backward"></i> <?php echo $lang->I18N('Return'); ?>
-                </a>
+    <div class="container">
+        <ol class="breadcrumb page-breadcrumb">
+            <li><a href="index.php"><?php echo $lang->I18N('home'); ?></a></li>
+            <li><a href="hosting.php"><?php echo $lang->I18N('Hosting Provider'); ?></a></li>
+            <li><a href="<?php echo setURL('admin/hosting', '', array('action' => 'details', 'id' => $data['api_id'])); ?>"><?php echo $lang->I18N('details'); ?></a></li>
+            <li class="active"><?php echo $lang->I18N('edit'); ?></li>
+        </ol>
+        <div class="panel panel-default">
+            <div class="panel-heading">
+                <div class="pull-right">
+                    <a href="<?php echo setURL('admin/hosting', '', array('action' => 'details', 'id' => $data['api_id'])); ?>" class="btn btn-success btn-xs">
+                        <i class="fa fa-info-circle"></i> <?php echo $lang->I18N('details'); ?>
+                    </a>
+                    <a href="hosting.php?action=add" class="btn btn-primary btn-xs">
+                        <i class="fa fa-plus"></i> <?php echo $lang->I18N('add'); ?>
+                    </a>
+                </div>
+                <span class="panel-title"><?php echo $PageInfo['title']; ?> ID: <?php echo $data['api_id']; ?></span>
             </div>
-        </div>
-        <hr />
-        <form class="card-body" action="controllers/hosting/edit.php" method="post">
-            <input type="hidden" name="api_id" value="<?php echo $data['api_id']; ?>" style="display:none;">
-            <div class="row">
-                <div class="col-md-6">
-                    <div class="mb-10 px-10">
-                        <label class="form-label required"><?php echo $lang->I18N('Provider Type'); ?></label>
-                        <input type="text" name="api_type" value="<?php echo $data['api_type']; ?>" class="form-control" required readonly>
+            <form action="controllers/hosting/edit.php" method="post">
+                <input type="hidden" name="api_id" value="<?php echo $data['api_id']; ?>" style="display:none;">
+                <div class="panel-body">
+                    <div class="row">
+                        <div class="col-md-6">
+                            <div class="mb-10 px-10">
+                                <label class="form-label required"><?php echo $lang->I18N('Provider Type'); ?></label>
+                                <input type="text" name="api_type" value="<?php echo $data['api_type']; ?>" class="form-control" required readonly>
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="mb-10 px-10">
+                                <label class="form-label required">Hosting Key</label>
+                                <input type="text" name="api_key" value="<?php echo $data['api_key']; ?>" class="form-control" required readonly>
+                            </div>
+                        </div>
+                        <div class="col-md-12">
+                            <div class="mb-10 px-10">
+                                <label class="form-label required">MOFH API Username</label>
+                                <input type="text" name="api_username" value="<?php echo $data['api_username']; ?>" class="form-control" required>
+                            </div>
+                        </div>
+                        <div class="col-md-12">
+                            <div class="mb-10 px-10">
+                                <label class="form-label required">MOFH API Password</label>
+                                <input type="text" name="api_password" value="<?php echo $data['api_password']; ?>" class="form-control" required>
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="mb-10 px-10">
+                                <label class="form-label required">Server domain</label>
+                                <input type="text" name="api_server_domain" value="<?php echo $data['api_server_domain']; ?>" class="form-control" required>
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="mb-10 px-10">
+                                <label class="form-label required">Server IP</label>
+                                <input type="text" name="api_server_ip" value="<?php echo $data['api_server_ip']; ?>" class="form-control" required>
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="mb-10 px-10">
+                                <label class="form-label required">FTP Server</label>
+                                <input type="text" name="api_server_ftp_domain" value="<?php echo $data['api_server_ftp_domain']; ?>" class="form-control" required>
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="mb-10 px-10">
+                                <label class="form-label required">SQL Server</label>
+                                <input type="text" name="api_server_sql_domain" value="<?php echo $data['api_server_sql_domain']; ?>" class="form-control" required>
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="mb-10 px-10">
+                                <label class="form-label required">Control Panel URL</label>
+                                <input type="text" name="api_cpanel_url" value="<?php echo $data['api_cpanel_url']; ?>" class="form-control" required>
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="mb-10 px-10">
+                                <label class="form-label required">Hosting Package</label>
+                                <input type="text" name="api_package" value="<?php echo $data['api_package']; ?>" class="form-control" required>
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="mb-10 px-10">
+                                <label class="form-label required">Nameserver 1</label>
+                                <input type="text" name="api_ns_1" value="<?php echo $data['api_ns_1']; ?>" class="form-control" required>
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="mb-10 px-10">
+                                <label class="form-label required">Nameserver 2</label>
+                                <input type="text" name="api_ns_2" value="<?php echo $data['api_ns_2']; ?>" class="form-control" required>
+                            </div>
+                        </div>
+                        <div class="col-md-12">
+                            <div class="mb-10 px-10">
+                                <label class="form-label required">API Callback Token</label>
+                                <input type="text" name="api_callback_token" value="<?php echo $data['api_callback_token']; ?>" class="form-control" maxlength="32" required>
+                            </div>
+                        </div>
                     </div>
                 </div>
-                <div class="col-md-6">
-                    <div class="mb-10 px-10">
-                        <label class="form-label required">Hosting Key</label>
-                        <input type="text" name="api_key" value="<?php echo $data['api_key']; ?>" class="form-control" required readonly>
-                    </div>
-                </div>
-                <div class="col-md-12">
-                    <div class="mb-10 px-10">
-                        <label class="form-label required">MOFH API Username</label>
-                        <input type="text" name="api_username" value="<?php echo $data['api_username']; ?>" class="form-control" required>
-                    </div>
-                </div>
-                <div class="col-md-12">
-                    <div class="mb-10 px-10">
-                        <label class="form-label required">MOFH API Password</label>
-                        <input type="text" name="api_password" value="<?php echo $data['api_password']; ?>" class="form-control" required>
-                    </div>
-                </div>
-                <div class="col-md-6">
-                    <div class="mb-10 px-10">
-                        <label class="form-label required">Server domain</label>
-                        <input type="text" name="api_server_domain" value="<?php echo $data['api_server_domain']; ?>" class="form-control" required>
-                    </div>
-                </div>
-                <div class="col-md-6">
-                    <div class="mb-10 px-10">
-                        <label class="form-label required">Server IP</label>
-                        <input type="text" name="api_server_ip" value="<?php echo $data['api_server_ip']; ?>" class="form-control" required>
-                    </div>
-                </div>
-                <div class="col-md-6">
-                    <div class="mb-10 px-10">
-                        <label class="form-label required">FTP Server</label>
-                        <input type="text" name="api_server_ftp_domain" value="<?php echo $data['api_server_ftp_domain']; ?>" class="form-control" required>
-                    </div>
-                </div>
-                <div class="col-md-6">
-                    <div class="mb-10 px-10">
-                        <label class="form-label required">SQL Server</label>
-                        <input type="text" name="api_server_sql_domain" value="<?php echo $data['api_server_sql_domain']; ?>" class="form-control" required>
-                    </div>
-                </div>
-                <div class="col-md-6">
-                    <div class="mb-10 px-10">
-                        <label class="form-label required">Control Panel URL</label>
-                        <input type="text" name="api_cpanel_url" value="<?php echo $data['api_cpanel_url']; ?>" class="form-control" required>
-                    </div>
-                </div>
-                <div class="col-md-6">
-                    <div class="mb-10 px-10">
-                        <label class="form-label required">Hosting Package</label>
-                        <input type="text" name="api_package" value="<?php echo $data['api_package']; ?>" class="form-control" required>
-                    </div>
-                </div>
-                <div class="col-md-6">
-                    <div class="mb-10 px-10">
-                        <label class="form-label required">Nameserver 1</label>
-                        <input type="text" name="api_ns_1" value="<?php echo $data['api_ns_1']; ?>" class="form-control" required>
-                    </div>
-                </div>
-                <div class="col-md-6">
-                    <div class="mb-10 px-10">
-                        <label class="form-label required">Nameserver 2</label>
-                        <input type="text" name="api_ns_2" value="<?php echo $data['api_ns_2']; ?>" class="form-control" required>
-                    </div>
-                </div>
-                <div class="col-md-12">
-                    <div class="mb-10 px-10">
-                        <label class="form-label required">API Callback Token</label>
-                        <input type="text" name="api_callback_token" value="<?php echo $data['api_callback_token']; ?>" class="form-control" maxlength="32" required>
-                    </div>
-                </div>
-            </div>
-            <hr />
-            <div class="row">
-                <div class="col-md-12">
+                <div class="panel-footer">
                     <div class="my-10 px-10">
                         <button name="submit" class="btn btn-primary"><?php echo $lang->I18N('Save'); ?></button>
                     </div>
                 </div>
-            </div>
-        </form>
+            </form>
+        </div>
     </div>
 </div>
-</div>
diff --git a/src/admin/views/hosting/list.php b/src/admin/views/hosting/list.php
index 42ab850..331440f 100755
--- a/src/admin/views/hosting/list.php
+++ b/src/admin/views/hosting/list.php
@@ -1,45 +1,55 @@
+<?php
+if (!defined('IN_CRONLITE')) {
+    exit('Access Denied');
+}
+?>
 <div class="content-wrapper">
-<div class="container-fluid">
-    <div class="card py-0">
-        <div class="d-flex justify-content-between align-items-center pt-15">
-            <h5 class="m-0">Hosting Provider</h5>
-            <a href="hosting.php?action=add" class="btn btn-primary btn-sm">
-                <i class="fa fa-plus"></i> <?php echo $lang->I18N('add'); ?>
-            </a>
+    <div class="container">
+        <ol class="breadcrumb page-breadcrumb">
+            <li><a href="index.php"><?php echo $lang->I18N('home'); ?></a></li>
+            <li class="active"><?php echo $lang->I18N('Hosting Provider'); ?></li>
+        </ol>
+        <div class="panel panel-default">
+            <div class="panel-heading">
+                <div class="pull-right">
+                    <a href="hosting.php?action=add" class="btn btn-primary btn-xs">
+                        <i class="fa fa-plus"></i> <?php echo $lang->I18N('add'); ?>
+                    </a>
+                </div>
+                <span class="panel-title"><?php echo $PageInfo['title']; ?></span>
+            </div>
+            <div class="table-responsive">
+                <table class="table table-stripped table-bordered table-hover">
+                    <thead>
+                        <th>Key</th>
+                        <th>Type</th>
+                        <th>Panel URL</th>
+                        <th>Package</th>
+                        <th width="160">Action</th>
+                    </thead>
+                    <tbody>
+                    <?php if ($count > 0): ?>
+                    <?php foreach ($rows as $value): ?>
+                        <tr>
+                            <td><?php echo $value['api_key']; ?></td>
+                            <td><?php echo $value['api_type']; ?></td>
+                            <td><?php echo $value['api_cpanel_url']; ?></td>
+                            <td><?php echo $value['api_package']; ?></td>
+                            <td>
+                                <a href="hosting.php?action=edit&id=<?php echo $value['api_id']; ?>" class="btn btn-success btn-xs"><i class="fa fa-edit"></i> <?php echo $lang->I18N('edit'); ?></a>
+                                <a href="hosting.php?action=details&id=<?php echo $value['api_id']; ?>" class="btn btn-primary btn-xs"><i class="fa fa-info-circle"></i> <?php echo $lang->I18N('details'); ?></a>
+                            </td>
+                        </tr>
+                    <?php endforeach;?>
+                    <?php else: ?>
+                        <tr>
+                            <td colspan="5" class="text-center">Nothing found</td>
+                        </tr>
+                    <?php endif;?>
+                    </tbody>
+                </table>
+            </div>
+            <div class="panel-footer"><?php echo $count; ?> Records Found</div>
         </div>
-        <hr>
-        <div class="table-responsive">
-            <table class="table table-stripped table-bordered table-hover">
-                <thead>
-                    <th>Key</th>
-                    <th>Type</th>
-                    <th>Panel URL</th>
-                    <th>Package</th>
-                    <th>Action</th>
-                </thead>
-                <tbody>
-                <?php if ($count > 0): ?>
-                <?php foreach ($rows as $value): ?>
-                    <tr>
-                        <td><?php echo $value['api_key']; ?></td>
-                        <td><?php echo $value['api_type']; ?></td>
-                        <td><?php echo $value['api_cpanel_url']; ?></td>
-                        <td><?php echo $value['api_package']; ?></td>
-                        <td>
-                            <a href="hosting.php?action=edit&id=<?php echo $value['api_id']; ?>" class="btn btn-sm btn-secondary mx-5 btn-rounded"><i class="fa fa-edit"></i> <?php echo $lang->I18N('edit'); ?></a>
-                            <a href="hosting.php?action=view&id=<?php echo $value['api_id']; ?>" class="btn btn-sm btn-secondary mx-5 btn-rounded"><i class="fa fa-info-circle"></i> <?php echo $lang->I18N('details'); ?></a>
-                        </td>
-                    </tr>
-                <?php endforeach;?>
-                <?php else: ?>
-                    <tr>
-                        <td colspan="5" class="text-center">Nothing found</td>
-                    </tr>
-                <?php endif;?>
-                </tbody>
-            </table>
-        </div>
-        <p class="pb-10"><?php echo $count; ?> Records Found</p>
     </div>
-</div>
 </div>
\ No newline at end of file
diff --git a/src/admin/views/hosting/view.php b/src/admin/views/hosting/view.php
deleted file mode 100755
index a7cc855..0000000
--- a/src/admin/views/hosting/view.php
+++ /dev/null
@@ -1,117 +0,0 @@
-<div class="content-wrapper">
-<div class="container-fluid">
-    <div class="card py-0">
-        <div class="d-flex justify-content-between align-items-center pt-15">
-            <h5 class="m-0"><?php echo $PageInfo['title']; ?></h5>
-            <div>
-                <a href="hosting.php" class="btn btn-sm btn-danger">
-                    <i class="fa fa-backward"></i> <?php echo $lang->I18N('Return'); ?>
-                </a>
-                <a href="<?php echo setURL('admin/hosting', '', array('action' => 'edit', 'id' => $data['api_id'])); ?>" class="btn btn-sm btn-success">
-                    <i class="fa fa-edit"></i> <?php echo $lang->I18N('edit'); ?>
-                </a>
-                <a href="hosting.php?action=add" class="btn btn-sm btn-primary">
-                    <i class="fa fa-plus"></i> <?php echo $lang->I18N('add'); ?>
-                </a>
-            </div>
-        </div>
-        <hr />
-        <div class="card-body">
-            <div class="row">
-                <div class="col-md-6">
-                    <div class="mb-10 px-10">
-                        <label class="form-label"><?php echo $lang->I18N('Provider Type'); ?></label>
-                        <input type="text" name="api_type" value="<?php echo $data['api_type']; ?>" class="form-control" readonly>
-                    </div>
-                </div>
-                <div class="col-md-6">
-                    <div class="mb-10 px-10">
-                        <label class="form-label">Hosting Key</label>
-                        <input type="text" name="api_key" value="<?php echo $data['api_key']; ?>" class="form-control" readonly>
-                    </div>
-                </div>
-                <div class="col-md-12">
-                    <div class="mb-10 px-10">
-                        <label class="form-label">MOFH API Username</label>
-                        <input type="text" name="api_username" value="<?php echo $data['api_username']; ?>" class="form-control" readonly>
-                    </div>
-                </div>
-                <div class="col-md-12">
-                    <div class="mb-10 px-10">
-                        <label class="form-label">MOFH API Password</label>
-                        <input type="text" name="api_password" value="<?php echo $data['api_password']; ?>" class="form-control" readonly>
-                    </div>
-                </div>
-                <div class="col-md-6">
-                    <div class="mb-10 px-10">
-                        <label class="form-label">Hosting Server</label>
-                        <input type="text" name="api_server_domain" value="<?php echo $data['api_server_domain']; ?>" class="form-control" readonly>
-                    </div>
-                </div>
-                <div class="col-md-6">
-                    <div class="mb-10 px-10">
-                        <label class="form-label">Server IP</label>
-                        <input type="text" name="api_server_ip" value="<?php echo $data['api_server_ip']; ?>" class="form-control" readonly>
-                    </div>
-                </div>
-                <div class="col-md-6">
-                    <div class="mb-10 px-10">
-                        <label class="form-label">FTP Server</label>
-                        <input type="text" name="api_server_ftp_domain" value="<?php echo $data['api_server_ftp_domain']; ?>" class="form-control" readonly>
-                    </div>
-                </div>
-                <div class="col-md-6">
-                    <div class="mb-10 px-10">
-                        <label class="form-label">SQL Server</label>
-                        <input type="text" name="api_server_sql_domain" value="<?php echo $data['api_server_sql_domain']; ?>" class="form-control" readonly>
-                    </div>
-                </div>
-                <div class="col-md-6">
-                    <div class="mb-10 px-10">
-                        <label class="form-label">Control Panel URL</label>
-                        <input type="text" name="api_cpanel_url" value="<?php echo $data['api_cpanel_url']; ?>" class="form-control" readonly>
-                    </div>
-                </div>
-                <div class="col-md-6">
-                    <div class="mb-10 px-10">
-                        <label class="form-label">Hosting Package</label>
-                        <input type="text" name="api_package" value="<?php echo $data['api_package']; ?>" class="form-control" readonly>
-                    </div>
-                </div>
-                <div class="col-md-6">
-                    <div class="mb-10 px-10">
-                        <label class="form-label">Nameserver 1</label>
-                        <input type="text" name="api_ns_1" value="<?php echo $data['api_ns_1']; ?>" class="form-control" readonly>
-                    </div>
-                </div>
-                <div class="col-md-6">
-                    <div class="mb-10 px-10">
-                        <label class="form-label">Nameserver 2</label>
-                        <input type="text" name="api_ns_2" value="<?php echo $data['api_ns_2']; ?>" class="form-control" readonly>
-                    </div>
-                </div>
-                <div class="col-md-12">
-                    <div class="mb-10 px-10">
-                        <label class="form-label">API Callback Token</label>
-                        <input type="text" name="api_callback_token" value="<?php echo $data['api_callback_token']; ?>" class="form-control" maxlength="32" readonly>
-                    </div>
-                </div>
-                <div class="col-md-12">
-                    <div class="mb-10 px-10">
-                        <label class="form-label">API Callback URL</label>
-                        <input type="text" class="form-control" value="<?php echo $api_callback_url; ?>" readonly>
-                    </div>
-                </div>
-            </div>
-            <hr />
-            <div class="row">
-                <div class="col-md-12">
-                    <div class="mb-20 px-10">
-                        <a href="<?php echo setURL('admin/hosting', '', array('action' => 'edit', 'id' => $data['api_id'])); ?>" class="btn btn-sm btn-secondary mx-5 btn-rounded"><i class="fa fa-edit"></i> <?php echo $lang->I18N('edit'); ?></a>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-</div>
diff --git a/src/admin/views/knowledgebase/add.php b/src/admin/views/knowledgebase/add.php
index 84c31c3..e16e999 100755
--- a/src/admin/views/knowledgebase/add.php
+++ b/src/admin/views/knowledgebase/add.php
@@ -1,34 +1,51 @@
+<?php
+if (!defined('IN_CRONLITE')) {
+    exit('Access Denied');
+}
+?>
 <div class="content-wrapper">
-<div class="container-fluid">
-    <div class="card py-0">
-        <div class="d-flex justify-content-between align-items-center pt-15">
-            <h5 class="m-0">New Knowledgebase</h5>
-            <a href="knowledgebase.php" class="btn btn-sm btn-danger">
-                <i class="fa fa-backward"></i> <?php echo $lang->I18N('Return'); ?>
-            </a>
-        </div>
-        <hr>
-        <form action="controllers/knowledgebase/add.php" method="post">
-            <div class="row pb-20">
-                <div class="col-md-12">
-                    <div class="mb-10 px-10">
-                        <label class="form-label required" for="input_subject">Subject</label>
-                        <input type="text" name="subject" id="input_subject" placeholder="knowledgebase subject..." class="form-control">
-                    </div>
-                </div>
-                <div class="col-md-12">
-                    <div class="mb-10 px-10">
-                        <label class="form-label required">Content</label>
-                        <textarea name="editor" id="content" placeholder="Enter ticket content..." class="form-control" style="height: 200px;"></textarea> 
-                    </div>
-                </div>
-                <div class="col-md-12">
-                    <div class="mb-10 px-10">
-                        <button name="submit" class="btn btn-sm btn-primary">Create Knowledgebase</button>
-                    </div>
+    <div class="container">
+        <ol class="breadcrumb page-breadcrumb">
+            <li><a href="index.php"><?php echo $lang->I18N('home'); ?></a></li>
+            <li><a href="knowledgebase.php"><?php echo $lang->I18N('Knowledgebase'); ?></a></li>
+            <li class="active"><?php echo $lang->I18N('add'); ?></li>
+        </ol>
+        <div class="panel panel-default">
+            <div class="panel-heading">
+                <div class="pull-right">
+                    <a href="knowledgebase.php" class="btn btn-primary btn-xs">
+                        <i class="fa fa-list"></i> <?php echo $lang->I18N('list'); ?>
+                    </a>
                 </div>
+                <span class="panel-title"><?php echo $PageInfo['title']; ?></span>
             </div>
-        </form>
+            <form action="controllers/knowledgebase/add.php" method="post">
+                <div class="panel-body">
+                    <div class="row pb-20">
+                        <div class="col-md-12">
+                            <div class="mb-10 px-10">
+                                <label class="form-label required" for="input_subject">Subject</label>
+                                <input type="text" name="subject" id="input_subject" placeholder="knowledgebase subject..." class="form-control">
+                            </div>
+                        </div>
+                        <div class="col-md-12">
+                            <div class="mb-10 px-10">
+                                <label class="form-label required">Content</label>
+                                <textarea name="editor" id="content" placeholder="Enter ticket content..." class="form-control" style="height: 200px;"></textarea> 
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="panel-footer">
+                    <div class="row pb-20">
+                        <div class="col-md-12">
+                            <div class="mb-10 px-10">
+                                <button name="submit" class="btn btn-sm btn-primary">Create Knowledgebase</button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </form>
+        </div>
     </div>
-</div>
 </div>
\ No newline at end of file
diff --git a/src/admin/views/knowledgebase/details.php b/src/admin/views/knowledgebase/details.php
new file mode 100755
index 0000000..361dfbc
--- /dev/null
+++ b/src/admin/views/knowledgebase/details.php
@@ -0,0 +1,46 @@
+<?php
+if (!defined('IN_CRONLITE')) {
+    exit('Access Denied');
+}
+?>
+<div class="content-wrapper">
+    <div class="container">
+        <ol class="breadcrumb page-breadcrumb">
+            <li><a href="index.php"><?php echo $lang->I18N('home'); ?></a></li>
+            <li><a href="knowledgebase.php"><?php echo $lang->I18N('Knowledgebase'); ?></a></li>
+            <li class="active"><?php echo $lang->I18N('details'); ?></li>
+        </ol>
+        <div class="panel panel-default">
+            <div class="panel-heading">
+                <div class="pull-right">
+                    <a href="knowledgebase.php?action=edit&id=<?php echo $knowledgebase_id; ?>" class="btn btn-success btn-xs"><i class="fa fa-edit"></i> <?php echo $lang->I18N('edit'); ?></a>
+                    <a href="knowledgebase.php?action=add" class="btn btn-info btn-xs"><i class="fa fa-plus"></i> <?php echo $lang->I18N('add'); ?></a>
+                    <a href="knowledgebase.php" class="btn btn-primary btn-xs"><i class="fa fa-list"></i> <?php echo $lang->I18N('list'); ?></a>
+                </div>
+                <div class="panel-title">
+                    <?php echo $PageInfo['title']; ?>
+                    <span class="label label-default"> ID <?php echo $knowledgebase_id; ?></span>
+                </div>
+            </div>
+            <div class="panel-body">
+                <div class="page-header">
+                    <div class="row">
+                        <div class="col-md-6">
+                            <b>Subject :</b>
+                            <span><?php echo $Knowledgebase['knowledgebase_subject']; ?></span>
+                        </div>
+                        <div class="col-md-6">
+                            <b>Date :</b>
+                            <span><?php echo $Knowledgebase['knowledgebase_date']; ?></span>
+                        </div>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col-md-12">
+                        <?php echo htmlspecialchars_decode($Knowledgebase['knowledgebase_content']); ?>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/src/admin/views/knowledgebase/edit.php b/src/admin/views/knowledgebase/edit.php
index f7fcc0e..307edb2 100755
--- a/src/admin/views/knowledgebase/edit.php
+++ b/src/admin/views/knowledgebase/edit.php
@@ -1,37 +1,56 @@
+<?php
+if (!defined('IN_CRONLITE')) {
+    exit('Access Denied');
+}
+?>
 <div class="content-wrapper">
-<div class="container-fluid">
-    <div class="card py-0">
-        <div class="d-flex justify-content-between align-items-center pt-15">
-            <h5 class="m-0">Edit Knowledgebase</h5>
-            <a href="knowledgebase.php" class="btn btn-sm btn-danger">
-                <i class="fa fa-backward"></i> <?php echo $lang->I18N('Return'); ?>
-            </a>
-        </div>
-
-        <hr>
-        <form action="controllers/knowledgebase/edit.php" method="post">
-            <div class="row pb-20">
-                <div class="col-md-12">
-                    <div class="mb-10 px-10">
-                        <label class="form-label required">Knowledgebase Subject</label>
-                        <input type="text" name="subject" placeholder="knowledgebase subject..." value="<?php echo $Knowledgebase['knowledgebase_subject'];?>" class="form-control">
-                    </div>
+    <div class="container">
+        <ol class="breadcrumb page-breadcrumb">
+            <li><a href="index.php"><?php echo $lang->I18N('home'); ?></a></li>
+            <li><a href="knowledgebase.php"><?php echo $lang->I18N('Knowledgebase'); ?></a></li>
+            <li><a href="knowledgebase.php?action=details&id=<?php echo $id; ?>"><?php echo $lang->I18N('details'); ?></a></li>
+            <li class="active"><?php echo $lang->I18N('edit'); ?></li>
+        </ol>
+        <div class="panel panel-default">
+            <div class="panel-heading">
+                <div class="pull-right">
+                    <a href="knowledgebase.php?action=details&id=<?php echo $id; ?>" class="btn btn-success btn-xs"><i class="fa fa-info-circle"></i> <?php echo $lang->I18N('details'); ?></a>
+                    <a href="knowledgebase.php?action=add" class="btn btn-info btn-xs"><i class="fa fa-plus"></i> <?php echo $lang->I18N('add'); ?></a>
+                    <a href="knowledgebase.php" class="btn btn-primary btn-xs"><i class="fa fa-list"></i> <?php echo $lang->I18N('list'); ?></a>
                 </div>
-                <input type="hidden" name="id" value="<?php echo $_GET['id'];?>">
-                <div class="col-md-12">
-                    <div class="mb-10 px-10">
-                        <label class="form-label required">Knowledgebase Content</label>
-                        <textarea name="editor" id="content" placeholder="Enter ticket content..." class="form-control" style="height: 200px;"><?php echo $Knowledgebase['knowledgebase_content'];?></textarea> 
-                    </div>
-                </div>
-                <div class="col-md-12">
-                    <div class="mb-10 px-10">
-                        <button name="submit" class="btn btn-sm btn-primary">Update</button>
-                        <a href="knowledgebase.php?action=view&id=<?php echo $Knowledgebase['knowledgebase_id'];?>" target="_blank" class="btn btn-sm btn-success">Preview</a>
-                    </div>
+                <div class="panel-title">
+                    <?php echo $PageInfo['title']; ?> <span class="label label-default"> ID <?php echo $id; ?></span>
                 </div>
             </div>
-        </form>
+
+            <form action="controllers/knowledgebase/edit.php" method="post">
+                <div class="panel-body">
+                    <div class="row pb-20">
+                        <div class="col-md-12">
+                            <div class="mb-10 px-10">
+                                <label class="form-label required">Knowledgebase Subject</label>
+                                <input type="text" name="subject" placeholder="<?php echo $lang->I18N('Enter knowledgebase subject'); ?>" value="<?php echo $Knowledgebase['knowledgebase_subject']; ?>" class="form-control">
+                            </div>
+                        </div>
+                        <input type="hidden" name="id" value="<?php echo $id; ?>">
+                        <div class="col-md-12">
+                            <div class="mb-10 px-10">
+                                <label class="form-label required">Knowledgebase Content</label>
+                                <textarea name="editor" id="content" placeholder="<?php echo $lang->I18N('Enter Knowledgebase Content'); ?>" class="form-control" style="height: 200px;"><?php echo $Knowledgebase['knowledgebase_content']; ?></textarea>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="panel-footer">
+                    <div class="row">
+                        <div class="col-md-12">
+                            <div class="mb-10 px-10">
+                                <button name="submit" class="btn btn-sm btn-primary"><?php echo $lang->I18N('Save'); ?></button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </form>
+        </div>
     </div>
-</div>
 </div>
\ No newline at end of file
diff --git a/src/admin/views/knowledgebase/list.php b/src/admin/views/knowledgebase/list.php
index ae45ec4..7568507 100755
--- a/src/admin/views/knowledgebase/list.php
+++ b/src/admin/views/knowledgebase/list.php
@@ -1,43 +1,53 @@
+<?php
+if (!defined('IN_CRONLITE')) {
+    exit('Access Denied');
+}
+?>
 <div class="content-wrapper">
-<div class="container-fluid">
-    <div class="card py-0">
-        <div class="d-flex justify-content-between align-items-center pt-15">
-            <h5 class="m-0">Knowledgebase</h5>
-            <a href="knowledgebase.php?action=add" class="btn btn-success btn-sm">
-                <i class="fa fa-plus"></i> <?php echo $lang->I18N('add'); ?>
-            </a>
+    <div class="container">
+        <ol class="breadcrumb page-breadcrumb">
+            <li><a href="index.php"><?php echo $lang->I18N('home'); ?></a></li>
+            <li class="active"><?php echo $lang->I18N('Knowledgebase'); ?></li>
+        </ol>
+        <div class="panel panel-default">
+            <div class="panel-heading">
+                <div class="pull-right">
+                    <a href="knowledgebase.php?action=add" class="btn btn-primary btn-xs">
+                        <i class="fa fa-plus"></i> <?php echo $lang->I18N('add'); ?>
+                    </a>
+                </div>
+                <span class="panel-title"><?php echo $PageInfo['title']; ?></span>
+            </div>
+            <div class="table-responsive">
+                <table class="table table-stripped table-bordered table-hover">
+                    <thead>
+                        <th>ID</th>
+                        <th>Subject</th>
+                        <th width="160">Date</th>
+                        <th width="150">Action</th>
+                    </thead>
+                    <tbody>
+                    <?php if ($count > 0): ?>
+                    <?php foreach ($rows as $value): ?>
+                        <tr>
+                            <td><?php echo $value['knowledgebase_id']; ?></td>
+                            <td><?php echo $value['knowledgebase_subject']; ?></td>
+                            <td><?php echo $value['knowledgebase_date']; ?></td>
+                            <td>
+                                <a href="knowledgebase.php?action=edit&id=<?php echo $value['knowledgebase_id']; ?>" class="btn btn-success btn-xs"><i class="fa fa-edit"></i> <?php echo $lang->I18N('edit'); ?></a>
+                                <a href="knowledgebase.php?action=details&id=<?php echo $value['knowledgebase_id']; ?>" class="btn btn-primary btn-xs"><i class="fa fa-info-circle"></i> <?php echo $lang->I18N('details'); ?></a>
+                            </td>
+                        </tr>
+                    <?php endforeach;?>
+                    <?php else: ?>
+                        <tr>
+                            <td colspan="5" class="text-center">Nothing found</td>
+                        </tr>
+                    <?php endif;?>
+                    </tbody>
+                </table>
+            </div>
+            <div class="panel-footer"><?php echo $count; ?> Records Found</div>
         </div>
-        <hr>
-        <div class="table-responsive">
-            <table class="table table-stripped table-bordered table-hover">
-                <thead>
-                    <th width="5%">ID</th>
-                    <th width="75%">Subject</th>
-                    <th width="10%">Date</th>
-                    <th width="10%">Action</th>
-                </thead>
-                <tbody>
-                <?php if ($count > 0): ?>
-                <?php foreach ($rows as $value): ?>
-                    <tr>
-                        <td>#<?php echo $value['knowledgebase_id']; ?></td>
-                        <td><?php echo $value['knowledgebase_subject']; ?></td>
-                        <td><?php echo $value['knowledgebase_date']; ?></td>
-                        <td>
-                            <a href="knowledgebase.php?action=edit&id=<?php echo $value['knowledgebase_id']; ?>" class="btn btn-sm btn-secondary mx-5 btn-rounded"><i class="fa fa-edit"></i> <?php echo $lang->I18N('edit'); ?></a>
-                            <a href="knowledgebase.php?action=view&id=<?php echo $value['knowledgebase_id']; ?>" class="btn btn-sm btn-secondary mx-5 btn-rounded"><i class="fa fa-info-circle"></i> <?php echo $lang->I18N('details'); ?></a>
-                        </td>
-                    </tr>
-                <?php endforeach;?>
-                <?php else: ?>
-                    <tr>
-                        <td colspan="5" class="text-center">Nothing found</td>
-                    </tr>
-                <?php endif;?>
-                </tbody>
-            </table>
-        </div>
-        <p class="pb-10"><?php echo $count; ?> Records Found</p>
     </div>
 </div>
-</div>
\ No newline at end of file
diff --git a/src/admin/views/knowledgebase/list2.php b/src/admin/views/knowledgebase/list2.php
new file mode 100755
index 0000000..5d8558a
--- /dev/null
+++ b/src/admin/views/knowledgebase/list2.php
@@ -0,0 +1,171 @@
+
+<div class="container" style="padding-top:70px;">
+    <div class="col-xs-12 center-block" style="float: none;">
+        <div id="searchToolbar">
+            <form onsubmit="return searchSubmit()" method="GET" class="form-inline">
+                <input type="hidden" name="did">
+                <div class="form-group">
+                    <label>搜索</label>
+                    <input type="text" class="form-control" name="appid" placeholder="应用ID" style="width: 80px;" />
+                </div>
+                <div class="form-group">
+                    <input type="text" class="form-control" name="smtp_id" placeholder="服务ID" style="width: 80px;" />
+                </div>
+                <div class="form-group">
+                    <input type="text" class="form-control" name="mail_to" placeholder="接收人" style="width: 120px;" />
+                </div>
+                <div class="form-group">
+                    <input type="text" class="form-control" name="mail_subject" placeholder="主题">
+                </div>
+                <div class="form-group">
+                    <input type="text" class="form-control" name="mail_from" placeholder="发信人" style="width: 120px;" />
+                </div>
+                <div class="form-group">
+                    <button class="btn btn-primary" type="submit"><i class="fa fa-search"></i> 搜索</button>&nbsp;
+                    <a href="javascript:searchClear()" class="btn btn-default" title="刷新记录列表"><i class="fa fa-repeat"></i> 重置</a>&nbsp;
+                </div>
+            </form>
+        </div>
+
+        <table id="listTable"></table>
+    </div>
+</div>
+
+<script src="<?php echo $site_url; ?>/assets/jquery/jquery.min.js"></script>
+<script src="<?php echo $site_url; ?>/assets/bootstrap/js/bootstrap.min.js?_=<?php echo $static_release; ?>"></script>
+<script src="<?php echo $site_url; ?>/assets/js/common.js"></script>
+
+<script src="//cdn.staticfile.org/layer/3.1.1/layer.js"></script>
+<script src="//cdn.staticfile.org/bootstrap-table/1.20.2/bootstrap-table.min.js"></script>
+<script src="//cdn.staticfile.org/bootstrap-table/1.20.2/extensions/page-jump-to/bootstrap-table-page-jump-to.min.js"></script>
+<script src="../assets/js/custom.js"></script>
+<script>
+    $(document).ready(function() {
+        updateToolbar();
+        const defaultPageSize = 15;
+        const pageNumber = typeof window.$_GET['pageNumber'] != 'undefined' ? parseInt(window.$_GET['pageNumber']) : 1;
+        const pageSize = typeof window.$_GET['pageSize'] != 'undefined' ? parseInt(window.$_GET['pageSize']) : defaultPageSize;
+
+        $("#listTable").bootstrapTable({
+            url: 'api/tickets/?act=list',
+            pageNumber: pageNumber,
+            pageSize: pageSize,
+            classes: 'table table-striped table-hover table-bordered',
+            columns: [{
+                    field: 'id',
+                    title: 'ID',
+                    formatter: function(value, row, index) {
+                        return '<b>' + value + '</b>';
+                    }
+                },
+                {
+                    field: 'appid',
+                    title: 'AppID',
+                    formatter: function(value, row, index) {
+                        return '<a href="app.php?id=' + row.appid + '">' + row.appid + '</a>';
+                    }
+                },
+                {
+                    field: 'smtp_id',
+                    title: '服务ID',
+                    formatter: function(value, row, index) {
+                        return '<a href="smtp.php?id=' + row.smtp_id + '">' + row.smtp_id + '</a>';
+                    }
+                },
+                {
+                    field: 'mail_to',
+                    title: '接收人'
+                },
+                {
+                    field: 'mail_subject',
+                    title: '主题'
+                },
+                {
+                    field: 'mail_from',
+                    title: '发送人'
+                },
+                // {
+                //     field: 'ip',
+                //     title: 'IP',
+                //     formatter: function(value, row, index) {
+                //         return '<a href="https://m.ip138.com/iplookup.asp?ip=' + value + '" target="_blank" rel="noreferrer">' + value + '</a>';
+                //     }
+                // },
+                {
+                    field: 'mail_date',
+                    title: '发送时间'
+                },
+                {
+                    field: 'status',
+                    title: '回调结果',
+                    formatter: function(value, row, index) {
+                        return value == 1 ? '<span class="label label-success">成功</span>' : '<span class="label label-default">失败</span>';
+                    }
+                },
+                {
+                    field: '',
+                    title: '操作',
+                    formatter: function(value, row, index) {
+                        var html = '<a href="javascript:viewEmail(' + row.id + ')" class="btn btn-info btn-xs">预览</a>';
+                        return html;
+                    }
+                }
+            ]
+        })
+    });
+
+    function viewEmail(id) {
+        layer.open({
+            type: 2,
+            area: ['60%', '500px'],
+            closeBtn: 2,
+            title: '查看邮件内容',
+            content: 'view.php?id=' + id
+        });
+        // var ii = layer.load(2);
+        // $.ajax({
+        //     type: 'GET',
+        //     url: 'ajax_record.php',
+        //     data: {
+        //         act: 'info',
+        //         id: id
+        //     },
+        //     dataType: 'json',
+        //     success: function(data) {
+        //         layer.close(ii);
+        //         if (data.code == 0) {
+        //             layer.open({
+        //                 type: 1,
+        //                 area: ['100%'],
+        //                 closeBtn: 2,
+        //                 title: '查看邮件内容',
+        //                 content: data.data.mail_body
+        //             })
+        //         } else {
+        //             layer.alert(data.msg, {
+        //                 icon: 2
+        //             })
+        //         }
+        //     },
+        //     error: function(data) {
+        //         layer.close(ii);
+        //         layer.msg('服务器错误');
+        //     }
+        // });
+    };
+</script>
+
+<?php if (!empty($load_editor)): ?>
+
+<script src="<?php echo $site_url; ?>/assets/nicedit/nicedit.js"></script>
+<script type="text/javascript">
+    bkLib.onDomLoaded(function(){
+        new nicEditor({
+            iconsPath : '<?php echo $site_url; ?>/assets/nicedit/nicEditorIcons.gif'
+        }).panelInstance('content');
+    });
+</script>
+<?php endif; ?>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/src/admin/views/knowledgebase/view.php b/src/admin/views/knowledgebase/view.php
deleted file mode 100755
index aab9244..0000000
--- a/src/admin/views/knowledgebase/view.php
+++ /dev/null
@@ -1,40 +0,0 @@
-<?php
-if (!$Knowledgebase) {
-    include __DIR__ . '/../common/404.php';
-    exit();
-}
-?>
-<div class="content-wrapper">
-<div class="container-fluid">
-    <div class="card py-0">
-        <div class="d-flex justify-content-between align-items-center pt-15">
-            <h5 class="m-0">Viewing Knowledgebase #<?php echo $knowledgebase_id; ?></h5>
-            <a href="<?php echo $SiteConfig['site_path']; ?>admin/knowledgebase.php" class="btn btn-sm btn-danger">
-                <i class="fa fa-backward"></i> <?php echo $lang->I18N('Return'); ?>
-            </a>
-        </div>
-        <hr />
-        <div class="mb-20">
-            <div class="row">
-                <div class="col-md-6">
-                    <div class="d-flex justify-content-between align-items-center mx-10 my-5">
-                        <b>Subject:</b>
-                        <span><?php echo $Knowledgebase['knowledgebase_subject']; ?></span>
-                    </div>
-                </div>
-                <div class="col-md-6">
-                    <div class="d-flex justify-content-between align-items-center mx-10 my-5">
-                        <b>Date:</b>
-                        <span><?php echo $Knowledgebase['knowledgebase_date']; ?></span>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="card py-0">
-        <div class="mx-10 py-15">
-            <div><?php echo htmlspecialchars_decode($Knowledgebase['knowledgebase_content']); ?></div>
-        </div>
-    </div>
-</div>
-</div>
\ No newline at end of file
diff --git a/src/admin/views/login/footer.php b/src/admin/views/login/footer.php
new file mode 100755
index 0000000..dece2ec
--- /dev/null
+++ b/src/admin/views/login/footer.php
@@ -0,0 +1,33 @@
+
+    <footer class="footer navbar navbar-default navbar-fixed-bottom">
+        <div class="container">
+            <div class="navbar-inner navbar-content-center" style="padding-top:15px;">
+                <ul class="navbar-left list-inline text-center text-muted credit">
+                    <li>
+                        <span class="co">&copy;&nbsp;2013-<?php echo date("Y"); ?>&nbsp;<a href="<?php echo $site_url; ?>" target="_blank"><?php echo $SiteConfig['site_brand']; ?></a>&nbsp;</span>
+                        <span class="co">&nbsp;Powered by <a href="https://crogram.org" target="_blank">Crogram</a>&nbsp;</span>
+                    </li>
+                </ul>
+                <ul class="legal navbar-right list-inline text-center">
+                    <li><a href="<?php echo $site_url; ?>" target="_blank"><?php echo $lang->I18N('home'); ?></a></li>
+                    <li><a href="<?php echo $site_url; ?>/about.php" target="_blank"><?php echo $lang->I18N('about'); ?></a></li>
+                    <li class="dropup">
+                        <div class="dropdown-toggle" id="changelanguage" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                            <span class="fa fa-language"></span>
+                            <a href="#"><?php echo $lang->get_language_name(); ?></a>
+                        </div>
+                        <ul class="dropdown-menu language-change"><?php echo $lang->get_languages_tags(); ?></ul>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </footer>
+    <div id="hidden-area"><?php getMessage(); ?></div>
+
+    <script src="<?php echo $site_url; ?>/assets/jquery/jquery.min.js"></script>
+    <script src="<?php echo $site_url; ?>/assets/bootstrap/js/bootstrap.min.js?_=<?php echo $static_release; ?>"></script>
+    <script src="//cdn.staticfile.org/layer/3.1.1/layer.js"></script>
+
+    <script src="<?php echo $site_url; ?>/assets/js/common.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/src/admin/views/login/forgetpassword.php b/src/admin/views/login/forgetpassword.php
new file mode 100755
index 0000000..b7e8872
--- /dev/null
+++ b/src/admin/views/login/forgetpassword.php
@@ -0,0 +1,20 @@
+<div class="container" id="login">
+    <div class="row">
+        <div class="col-md-offset-4 col-md-4 col-sm-offset-3 col-sm-6">
+            <form action="controllers/profile/forgetpassword.php" method="post">
+                <h3 class="m-0 text-center"><?php echo $lang->I18N('Forget Password'); ?></h3>
+                <hr />
+                <div class="form-group mb-10">
+                    <label class="form-label required"><?php echo $lang->I18N('Email Address'); ?></label>
+                    <input type="email" name="email" class="form-control" placeholder="<?php echo $lang->I18N('input_email'); ?>">
+                </div>
+                <div class="form-group mb-10">
+                    <button class="btn btn-primary btn-block" name="reset"><?php echo $lang->I18N('Reset Password'); ?></button>
+                </div>
+            </form>
+            <div class="nav-links">
+                <a href="login.php"><?php echo $lang->I18N('login'); ?></a>
+            </div>
+        </div>
+    </div>
+</div>
diff --git a/src/admin/views/login/header.php b/src/admin/views/login/header.php
new file mode 100755
index 0000000..53dd592
--- /dev/null
+++ b/src/admin/views/login/header.php
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="<?php echo $lang->language_current; ?>">
+<head>
+    <!-- Meta tags -->
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
+    <meta name="robots" content="noindex,nofollow">
+    <meta name="format-detection" content="telephone=no,email=no" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="description" content="UIISC is a free of cost we hosting and SSL management software allow you to manage your clients and accounts from a single place!" />
+    <meta name="keywords" content="<?php echo $page_keywords; ?>" />
+    <meta name="author" content="UIISC" />
+    <meta name="copyright" content="® CROGRAM" />
+
+    <title><?php echo $PageInfo['title']; ?> - <?php echo $lang->I18N('AdminArea'); ?> - <?php echo $SiteConfig['site_name']; ?></title>
+    <link rel="icon" type="image/x-icon" href="<?php echo $site_url; ?>/assets/image/favicon.ico">
+    <link rel="shortcut" type="image/x-icon" href="<?php echo $site_url; ?>/assets/image/favicon.ico">
+
+    <link href="<?php echo $site_url; ?>/assets/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
+    <link href="<?php echo $site_url; ?>/assets/css/font-awesome.min.css" rel="stylesheet" />
+    <link href="<?php echo $site_url; ?>/assets/css/common.css?_=<?php echo $static_release; ?>" rel="stylesheet" />
+    <!-- <link href="<?php echo $site_url; ?>/assets/css/admin.css" rel="stylesheet" /> -->
+    <script type="text/javascript">
+        var site_domain = "<?php echo $site_domain; ?>";
+        var cur_lang = "<?php echo $lang->language_current; ?>";
+        var ifastnet_aff = "<?php echo $ifastnet_aff; ?>";
+    </script>
+    <?php echo $PageInfo['rel']; ?>
+</head>
+
+<body>
+
diff --git a/src/admin/views/login/login.php b/src/admin/views/login/login.php
index 644a048..b440bc1 100755
--- a/src/admin/views/login/login.php
+++ b/src/admin/views/login/login.php
@@ -1,32 +1,28 @@
-
-<div class="container-fluid" id="login">
+<div class="container" id="login">
     <div class="row">
-        <div class="m-auto" style="width: 400px;">
-            <div class="card mx-30" style="opacity: 80%">
-                <form action="controllers/login/login.php" method="post">
-                    <h5 class="m-0 text-center"><?php echo $lang->I18N('login'); ?></h5><hr>
-                    <div class="mb-10">
-                        <label class="form-label required"><?php echo $lang->I18N('email'); ?></label>
-                        <input type="email" name="email" class="form-control" placeholder="<?php echo $lang->I18N('input_email'); ?>">
-                    </div>
-                    <div class="mb-10">
-                        <label class="form-label required"><?php echo $lang->I18N('password'); ?></label>
-                        <input type="password" name="password" class="form-control" placeholder="<?php echo $lang->I18N('input_password'); ?>">
-                    </div>
-                    <div class="form-group">
-                        <div class="custom-switch">
-                            <input type="checkbox" name="remember" value="1" id="remember-my-information">
-                            <label for="remember-my-information"><?php echo $lang->I18N('Remember me'); ?></label>
-                        </div>
-                    </div>
-                    <div class="mb-10 d-grid">
-                        <button class="btn btn-primary btn-block" name="login"><?php echo $lang->I18N('login'); ?></button>
-                    </div>
-                </form>
-                <div class="nav-links">
-                    <a href="forgetpassword.php"><?php echo $lang->I18N('password_lost'); ?></a>
+        <div class="col-md-offset-4 col-md-4 col-sm-offset-3 col-sm-6">
+            <form action="controllers/login/login.php" method="post">
+                <h3 class="m-0 text-center"><?php echo $lang->I18N('login'); ?></h3>
+                <hr />
+                <div class="form-group mb-10">
+                    <label class="form-label required"><?php echo $lang->I18N('email'); ?></label>
+                    <input type="email" name="email" class="form-control" placeholder="<?php echo $lang->I18N('input_email'); ?>">
                 </div>
+                <div class="form-group mb-10">
+                    <label class="form-label required"><?php echo $lang->I18N('password'); ?></label>
+                    <input type="password" name="password" class="form-control" placeholder="<?php echo $lang->I18N('input_password'); ?>">
+                </div>
+                <div class="form-group">
+                    <input type="checkbox" name="remember" value="1" id="remember-my-information">
+                    <label for="remember-my-information"><?php echo $lang->I18N('Remember me'); ?></label>
+                </div>
+                <div class="mb-10 d-grid">
+                    <button class="btn btn-primary btn-block" name="login"><?php echo $lang->I18N('login'); ?></button>
+                </div>
+            </form>
+            <div class="nav-links">
+                <a href="forgetpassword.php"><?php echo $lang->I18N('password_lost'); ?></a>
             </div>
         </div>
     </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/src/admin/views/login/resetpassword.php b/src/admin/views/login/resetpassword.php
new file mode 100755
index 0000000..652c4da
--- /dev/null
+++ b/src/admin/views/login/resetpassword.php
@@ -0,0 +1,36 @@
+<div class="container" id="login">
+    <div class="row">
+        <div class="col-md-offset-4 col-md-4 col-sm-offset-3 col-sm-6">
+            <form action="controllers/profile/resetpassword.php" method="post" onsubmit="
+                var password = document.getElementById('password').value;
+                var cpassword = document.getElementById('cpassword').value;
+                if(password != cpassword){
+                    alert('Password not match');
+                    return false;
+                }
+                return true;
+            ">
+                <h3 class="m-0 text-center"><?php echo $lang->I18N('Reset Password'); ?></h3><hr>
+                <div class="form-group">
+                    <label class="form-label required"><?php echo $lang->I18N('Reset Token'); ?></label>
+                    <input type="text" name="token" class="form-control" placeholder="<?php echo $lang->I18N('Input Reset Token'); ?>">
+                </div>
+                <div class="form-group">
+                    <label class="form-label required"><?php echo $lang->I18N('Password'); ?></label>
+                    <input type="password" name="password" id="password" class="form-control" placeholder="<?php echo $lang->I18N('input_password'); ?>">
+                </div>
+                <div class="form-group">
+                    <label class="form-label required"><?php echo $lang->I18N('Confirm Password'); ?></label>
+                    <input type="password" name="cpassword" id="cpassword" class="form-control" placeholder="<?php echo $lang->I18N('Input Confirm Password'); ?>">
+                </div>
+                <div class="form-group">
+                    <button class="btn btn-primary btn-block" name="reset"><?php echo $lang->I18N('Reset Password'); ?></button>
+                </div>
+            </form>
+            <div class="nav-links">
+                <a href="login.php"><?php echo $lang->I18N('login'); ?></a>
+            </div>
+        </div>
+    </div>
+</div>
+</div>
diff --git a/src/admin/views/news/add.php b/src/admin/views/news/add.php
index 651e928..0d7a633 100755
--- a/src/admin/views/news/add.php
+++ b/src/admin/views/news/add.php
@@ -5,44 +5,53 @@ if (!defined('IN_CRONLITE')) {
 ?>
 
 <div class="content-wrapper">
-<div class="container-fluid">
-    <div class="card py-0">
-        <div class="d-flex justify-content-between align-items-center pt-15">
-            <h5 class="m-0"><?php echo $PageInfo['title']; ?></h5>
-            <a href="news.php" class="btn btn-sm btn-danger"><i class="fa fa-backward"></i> <?php echo $lang->I18N('Return'); ?></a>
-        </div>
-        <hr>
-        <form action="controllers/news/add.php" method="post">
-            <div class="row pb-20">
-                <div class="col-md-12">
-                    <div class="mb-10 px-10">
-                        <label class="form-label required" for="subject">Subject</label>
-                        <input type="text" name="subject" id="subject" class="form-control" placeholder="news subject..." maxlength="255">
-                    </div>
-                </div>
-                <div class="col-md-12">
-                    <div class="mb-10 px-10">
-                        <label class="form-label required" for="status">Status</label>
-                        <select name="status" id="status" class="form-control">
-                        <?php foreach ($status_types as $key => $value): ?>
-                            <option value="<?php echo $key; ?>"><?php echo $value; ?></option>
-                        <?php endforeach;?>
-                    </select>
-                    </div>
-                </div>
-                <div class="col-md-12">
-                    <div class="mb-10 px-10">
-                        <label class="form-label required" for="content">Content</label>
-                        <textarea name="content" id="content" class="form-control" rows="10" maxlength="5000" placeholder="Enter news content..."></textarea>
-                    </div>
-                </div>
-                <div class="col-md-12">
-                    <div class="mb-10 px-10">
-                        <button name="submit" class="btn btn-sm btn-primary">Create News</button>
-                    </div>
+    <div class="container">
+        <ol class="breadcrumb page-breadcrumb">
+            <li><a href="index.php"><?php echo $lang->I18N('home'); ?></a></li>
+            <li><a href="news.php"><?php echo $lang->I18N('News List'); ?></a></li>
+            <li class="active"><?php echo $lang->I18N('add'); ?></li>
+        </ol>
+        <div class="panel panel-default">
+            <div class="panel-heading">
+                <div class="pull-right">
+                    <a href="news.php" class="btn btn-primary btn-xs">
+                        <i class="fa fa-list"></i> <?php echo $lang->I18N('list'); ?>
+                    </a>
                 </div>
+                <span class="panel-title"><?php echo $PageInfo['title']; ?></span>
             </div>
-        </form>
+
+            <form action="controllers/news/add.php" method="post">
+                <div class="panel-body">
+                    <div class="row">
+                        <div class="col-md-12">
+                            <div class="mb-10 px-10">
+                                <label class="form-label required" for="subject">Subject</label>
+                                <input type="text" name="subject" id="subject" class="form-control" placeholder="news subject..." maxlength="255">
+                            </div>
+                        </div>
+                        <div class="col-md-12">
+                            <div class="mb-10 px-10">
+                                <label class="form-label required" for="status">Status</label>
+                                <select name="status" id="status" class="form-control">
+                                    <?php foreach ($status_types as $key => $value): ?>
+                                        <option value="<?php echo $key; ?>"><?php echo $value; ?></option>
+                                    <?php endforeach;?>
+                                </select>
+                            </div>
+                        </div>
+                        <div class="col-md-12">
+                            <div class="mb-10 px-10">
+                                <label class="form-label required" for="content">Content</label>
+                                <textarea name="content" id="content" class="form-control" rows="10" maxlength="5000" placeholder="Enter news content..."></textarea>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="panel-footer">
+                    <button name="submit" class="btn btn-sm btn-primary">Create News</button>
+                </div>
+            </form>
+        </div>
     </div>
-</div>
 </div>
\ No newline at end of file
diff --git a/src/admin/views/news/edit.php b/src/admin/views/news/edit.php
index 3fc63ad..aa29d95 100755
--- a/src/admin/views/news/edit.php
+++ b/src/admin/views/news/edit.php
@@ -5,52 +5,61 @@ if (!defined('IN_CRONLITE')) {
 ?>
 
 <div class="content-wrapper">
-<div class="container-fluid">
-    <div class="card py-0">
-        <div class="d-flex justify-content-between align-items-center pt-15">
-            <h5 class="m-0"><?php echo $PageInfo['title']; ?></h5>
-            <div>
-                <a href="news.php" class="btn btn-sm btn-danger">
-                    <i class="fa fa-backward"></i> <?php echo $lang->I18N('Return'); ?>
-                </a>
-                <a href="<?php echo setURL('admin/news', '', array('action' => 'view', 'id' => $id)); ?>" class="btn btn-sm btn-success">
-                    <i class="fa fa-info-circle"></i> <?php echo $lang->I18N('details'); ?>
-                </a>
+    <div class="container">
+        <ol class="breadcrumb page-breadcrumb">
+            <li><a href="index.php"><?php echo $lang->I18N('home'); ?></a></li>
+            <li><a href="news.php"><?php echo $lang->I18N('News List'); ?></a></li>
+            <li><a href="<?php echo setURL('admin/news', '', array('action' => 'view', 'id' => $id)); ?>"><?php echo $lang->I18N('details'); ?></a></li>
+            <li class="active"><?php echo $lang->I18N('edit'); ?></li>
+        </ol>
+
+        <div class="panel panel-default">
+            <div class="panel-heading">
+                <div class="pull-right">
+                    <a href="<?php echo setURL('admin/news', '', array('action' => 'view', 'id' => $id)); ?>" class="btn btn-success btn-xs">
+                        <i class="fa fa-info-circle"></i> <?php echo $lang->I18N('details'); ?>
+                    </a>
+                    <a href="news.php?action=add" class="btn btn-primary btn-xs">
+                        <i class="fa fa-plus"></i> <?php echo $lang->I18N('add'); ?>
+                    </a>
+                    <a href="news.php?action=list" class="btn btn-primary btn-xs">
+                        <i class="fa fa-list"></i> <?php echo $lang->I18N('list'); ?>
+                    </a>
+                </div>
+                <span class="panel-title"><?php echo $PageInfo['title']; ?> ID:<?php echo $id; ?></span>
             </div>
-        </div>
-        <hr>
         <form action="controllers/news/edit.php" method="post">
             <input type="hidden" name="id" value="<?php echo $news['news_id']; ?>">
-            <div class="row pb-20">
-                <div class="col-md-12">
-                    <div class="mb-10 px-10">
-                        <label class="form-label required" for="subject">Subject</label>
-                        <input type="text" name="subject" id="subject" class="form-control" value="<?php echo $news['news_subject']; ?>" placeholder="news subject..." maxlength="255">
+            <div class="panel-body">
+                <div class="row pb-20">
+                    <div class="col-md-12">
+                        <div class="mb-10 px-10">
+                            <label class="form-label required" for="subject">Subject</label>
+                            <input type="text" name="subject" id="subject" class="form-control" value="<?php echo $news['news_subject']; ?>" placeholder="news subject..." maxlength="255">
+                        </div>
                     </div>
-                </div>
-                <div class="col-md-12">
-                    <div class="mb-10 px-10">
-                        <label class="form-label required" for="status">Status</label>
-                        <select name="status" id="status" class="form-control">
-                        <?php foreach ($status_types as $key => $value): ?>
-                            <option value="<?php echo $key; ?>" <?php echo $key == $news['news_status'] ? 'selected' : ''; ?> ><?php echo $value; ?></option>
-                        <?php endforeach;?>
-                    </select>
+                    <div class="col-md-12">
+                        <div class="mb-10 px-10">
+                            <label class="form-label required" for="status">Status</label>
+                            <select name="status" id="status" class="form-control">
+                            <?php foreach ($status_types as $key => $value): ?>
+                                <option value="<?php echo $key; ?>" <?php echo $key == $news['news_status'] ? 'selected' : ''; ?> ><?php echo $value; ?></option>
+                            <?php endforeach;?>
+                        </select>
+                        </div>
                     </div>
-                </div>
-                <div class="col-md-12">
-                    <div class="mb-10 px-10">
-                        <label class="form-label required" for="content">Content</label>
-                        <textarea name="content" id="content" class="form-control" rows="10" maxlength="5000" placeholder="Enter news content..."><?php echo $news['news_content']; ?></textarea>
-                    </div>
-                </div>
-                <div class="col-md-12">
-                    <div class="mb-10 px-10">
-                        <button name="submit" class="btn btn-sm btn-primary">Update</button>
+                    <div class="col-md-12">
+                        <div class="mb-10 px-10">
+                            <label class="form-label required" for="content">Content</label>
+                            <textarea name="content" id="content" class="form-control" rows="10" maxlength="5000" placeholder="Enter news content..."><?php echo $news['news_content']; ?></textarea>
+                        </div>
                     </div>
                 </div>
             </div>
+            <div class="panel-footer">
+                <button name="submit" class="btn btn-sm btn-primary">Update</button>
+            </div>
         </form>
+        </div>
     </div>
 </div>
-</div>
\ No newline at end of file
diff --git a/src/admin/views/news/list.php b/src/admin/views/news/list.php
index e7182f1..e67f285 100755
--- a/src/admin/views/news/list.php
+++ b/src/admin/views/news/list.php
@@ -5,47 +5,53 @@ if (!defined('IN_CRONLITE')) {
 ?>
 
 <div class="content-wrapper">
-<div class="container-fluid">
-    <div class="card py-0">
-        <div class="d-flex justify-content-between align-items-center pt-15">
-            <h5 class="m-0"><?php echo $PageInfo['title']; ?></h5>
-            <a href="news.php?action=add" class="btn text-white btn-success btn-sm">
-                <i class="fa fa-plus"></i> <?php echo $lang->I18N('add'); ?>
-            </a>
+    <div class="container">
+        <ol class="breadcrumb page-breadcrumb">
+            <li><a href="index.php"><?php echo $lang->I18N('home'); ?></a></li>
+            <li class="active"><?php echo $lang->I18N('News List'); ?></li>
+        </ol>
+
+        <div class="panel panel-default">
+            <div class="panel-heading">
+                <div class="pull-right">
+                <a href="news.php?action=add" class="btn btn-success btn-xs">
+                    <i class="fa fa-plus"></i> <?php echo $lang->I18N('add'); ?>
+                </a>
+                </div>
+                <span class="panel-title"><?php echo $PageInfo['title']; ?></span>
+            </div>
+            <div class="table-responsive">
+                <table class="table table-stripped table-bordered table-hover">
+                    <thead>
+                        <th width="100">ID</th>
+                        <th><?php echo $lang->I18N('Title'); ?></th>
+                        <th><?php echo $lang->I18N('Status'); ?></th>
+                        <th style="width: 150px;"><?php echo $lang->I18N('Date'); ?></th>
+                        <th><?php echo $lang->I18N('Action'); ?></th>
+                    </thead>
+                    <tbody>
+                    <?php if ($count > 0): ?>
+                    <?php foreach ($rows as $value): ?>
+                        <tr>
+                            <td><?php echo $value['news_id']; ?></td>
+                            <td><?php echo $value["news_subject"]; ?></td>
+                            <td><?php echo $status_types[$value['news_status']]; ?></td>
+                            <td style="width: 150px;"><?php echo $value["news_date"]; ?></td>
+                            <td style="width: 150px;">
+                                <a href="news.php?action=edit&id=<?php echo $value['news_id']; ?>" class="btn btn-success btn-xs"><i class="fa fa-edit"></i> <?php echo $lang->I18N('edit'); ?></a>
+                                <a href="news.php?action=view&id=<?php echo $value['news_id']; ?>" class="btn btn-primary btn-xs"><i class="fa fa-info-circle"></i> <?php echo $lang->I18N('details'); ?></a>
+                            </td>
+                        </tr>
+                    <?php endforeach;?>
+                    <?php else: ?>
+                        <tr>
+                            <td colspan="5" class="text-center">Nothing found</td>
+                        </tr>
+                    <?php endif;?>
+                    </tbody>
+                </table>
+            </div>
+            <div class="panel-footer"><?php echo $count; ?> Records Found, Page 1 of 1</div>
         </div>
-        <hr>
-        <div class="table-responsive">
-            <table class="table table-stripped table-bordered table-hover">
-                <thead>
-                    <th width="5%">ID</th>
-                    <th><?php echo $lang->I18N('Title'); ?></th>
-                    <th><?php echo $lang->I18N('Status'); ?></th>
-                    <th style="width: 150px;"><?php echo $lang->I18N('Date'); ?></th>
-                    <th><?php echo $lang->I18N('Action'); ?></th>
-                </thead>
-                <tbody>
-                <?php if ($count > 0): ?>
-                <?php foreach ($rows as $value): ?>
-                    <tr>
-                        <td>#<?php echo $value['news_id']; ?></td>
-                        <td><?php echo $value["news_subject"]; ?></td>
-                        <td><?php echo $status_types[$value['news_status']]; ?></td>
-                        <td style="width: 150px;"><?php echo $value["news_date"]; ?></td>
-                        <td style="width: 150px;">
-                            <a href="news.php?action=edit&id=<?php echo $value['news_id']; ?>" class="btn btn-sm btn-secondary mx-5 btn-rounded"><i class="fa fa-edit"></i> <?php echo $lang->I18N('edit'); ?></a>
-                            <a href="news.php?action=view&id=<?php echo $value['news_id']; ?>" class="btn btn-sm btn-secondary mx-5 btn-rounded"><i class="fa fa-info-circle"></i> <?php echo $lang->I18N('details'); ?></a>
-                        </td>
-                    </tr>
-                <?php endforeach;?>
-                <?php else: ?>
-                    <tr>
-                        <td colspan="5" class="text-center">Nothing found</td>
-                    </tr>
-                <?php endif;?>
-                </tbody>
-            </table>
-        </div>
-        <p class="pb-10"><?php echo $count; ?> Records Found, Page 1 of 1</p>
     </div>
 </div>
-</div>
diff --git a/src/admin/views/news/view.php b/src/admin/views/news/view.php
index d4bc9a3..46a5edb 100755
--- a/src/admin/views/news/view.php
+++ b/src/admin/views/news/view.php
@@ -1,51 +1,42 @@
 <?php
 if (!defined('IN_CRONLITE')) {
-    // exit('禁止访问');
-    header("Location: ../../admin.php");
     exit;
 }
 ?>
 
-<div class="content-wrapper">
-<div class="container-fluid">
-    <div class="card py-0">
-        <div class="d-flex justify-content-between align-items-center pt-15">
-            <h5 class="m-0"><?php echo $PageInfo['title']; ?> #<?php echo $id; ?></h5>
-            <div>
-                <a href="news.php" class="btn btn-sm btn-danger">
-                    <i class="fa fa-backward"></i> <?php echo $lang->I18N('Return'); ?>
-                </a>
-                <a href="<?php echo setURL('admin/news', '', array('action' => 'edit', 'id' => $id)); ?>" class="btn btn-sm btn-success">
-                    <i class="fa fa-edit"></i> <?php echo $lang->I18N('edit'); ?>
-                </a>
-                <a href="news.php?action=add" class="btn btn-sm btn-success">
-                    <i class="fa fa-plus"></i> <?php echo $lang->I18N('add'); ?>
-                </a>
-            </div>
-        </div>
-        <hr />
 
-        <div class="mb-20">
-            <div class="row">
-                <div class="col-md-6">
-                    <div class="d-flex justify-content-between align-items-center mx-10 my-5">
-                        <b>Subject:</b>
-                        <span><?php echo $data['news_subject']; ?></span>
-                    </div>
+<div class="content-wrapper">
+    <div class="container">
+        <ol class="breadcrumb page-breadcrumb">
+            <li><a href="index.php"><?php echo $lang->I18N('home'); ?></a></li>
+            <li><a href="news.php"><?php echo $lang->I18N('News List'); ?></a></li>
+            <li class="active"><?php echo $lang->I18N('details'); ?></li>
+        </ol>
+
+        <div class="panel panel-default">
+            <div class="panel-heading">
+                <div class="pull-right">
+                    <a href="<?php echo setURL('admin/news', '', array('action' => 'edit', 'id' => $id)); ?>" class="btn btn-success btn-xs">
+                        <i class="fa fa-edit"></i> <?php echo $lang->I18N('edit'); ?>
+                    </a>
+                    <a href="news.php?action=add" class="btn btn-primary btn-xs">
+                        <i class="fa fa-plus"></i> <?php echo $lang->I18N('add'); ?>
+                    </a>
+                    <a href="news.php?action=list" class="btn btn-primary btn-xs">
+                        <i class="fa fa-list"></i> <?php echo $lang->I18N('list'); ?>
+                    </a>
                 </div>
-                <div class="col-md-6">
-                    <div class="d-flex justify-content-between align-items-center mx-10 my-5">
-                        <b>Date:</b>
-                        <span><?php echo $data['news_date']; ?></span>
-                    </div>
+                <span class="panel-title"><?php echo $PageInfo['title']; ?> ID:<?php echo $id; ?></span>
+            </div>
+            <div class="panel-body">
+                <div class="page-header text-center">
+                    <h2><?php echo $data['news_subject']; ?></h2>
+                    <p><?php echo $data['news_date']; ?></p>
+                </div>
+                <div class="news-content">
+                    <?php echo htmlspecialchars_decode($data['news_content']); ?>
                 </div>
             </div>
         </div>
     </div>
-    <div class="card py-0">
-        <div class="mx-10 py-15">
-            <?php echo htmlspecialchars_decode($data['news_content']); ?>
-        </div>
-    </div>
-</div>
 </div>
diff --git a/src/admin/views/profile/forgetpassword.php b/src/admin/views/profile/forgetpassword.php
deleted file mode 100755
index 2cd2296..0000000
--- a/src/admin/views/profile/forgetpassword.php
+++ /dev/null
@@ -1,22 +0,0 @@
-
-<div class="container-fluid" id="login">
-    <div class="row">
-        <div class="m-auto" style="width: 400px;">
-            <div class="card mx-30" style="opacity: 80%">
-                <form action="controllers/profile/forgetpassword.php" method="post">
-                    <h5 class="m-0 text-center">Forget Password</h5><hr>
-                    <div class="mb-10">
-                        <label class="form-label required">Email Address</label>
-                        <input type="email" name="email" class="form-control" placeholder="Email Address...">
-                    </div>
-                      <div class="mb-10 d-grid">
-                        <button class="btn btn-primary btn-block" name="reset">Reset Password</button>
-                    </div>
-                </form>
-                <div class="nav-links">
-                    <a href="login.php"><?php echo $lang->I18N('login'); ?></a>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
\ No newline at end of file
diff --git a/src/admin/views/profile/resetpassword.php b/src/admin/views/profile/resetpassword.php
deleted file mode 100755
index 25df64a..0000000
--- a/src/admin/views/profile/resetpassword.php
+++ /dev/null
@@ -1,37 +0,0 @@
-
-<div class="content-wrapper">
-<div class="container-fluid" id="login">
-    <div class="row">
-        <div class="col-md-6 col-md-offset-2 col-lg-4 offset-lg-4">
-            <div class="card mx-30" style="opacity: 80%">
-                <form action="controllers/profile/resetpassword.php" method="post" onsubmit="
-                    var password = document.getElementById('password').value;
-                    var cpassword = document.getElementById('cpassword').value;
-                    if(password != cpassword){
-                        alert('Password not match');
-                        return false;
-                    }
-                    return true;
-                ">
-                    <h5 class="m-0 text-center">Reset Password</h5><hr>
-                    <div class="mb-10">
-                        <label class="form-label required">Reset Token</label>
-                        <input type="text" name="token" class="form-control" placeholder="Eeset token here...">
-                    </div>
-                    <div class="mb-10">
-                        <label class="form-label required">Password</label>
-                        <input type="password" name="password" id="password" class="form-control" placeholder="Password...">
-                    </div>
-                    <div class="mb-20">
-                        <label class="form-label required">Confirm Password</label>
-                        <input type="password" name="cpassword" id="cpassword" class="form-control" placeholder="Confirm Password...">
-                    </div>
-                    <div class="mb-10 d-grid">
-                        <button class="btn btn-primary btn-block" name="reset">Reset Password</button>
-                    </div>
-                </form>
-            </div>
-        </div>
-    </div>
-</div>
-</div>
diff --git a/src/admin/views/tickets/details.php b/src/admin/views/tickets/details.php
new file mode 100755
index 0000000..2a04343
--- /dev/null
+++ b/src/admin/views/tickets/details.php
@@ -0,0 +1,92 @@
+<?php
+if (!defined('IN_CRONLITE')) {
+    exit('Access Denied');
+}
+?>
+<div class="content-wrapper">
+    <div class="container">
+        <ol class="breadcrumb page-breadcrumb">
+            <li><a href="index.php"><?php echo $lang->I18N('home'); ?></a></li>
+            <li><a href="tickets.php"><?php echo $lang->I18N('Tickets List'); ?></a></li>
+            <li class="active"><?php echo $lang->I18N('Tickets Details'); ?></li>
+        </ol>
+        <div class="panel panel-info">
+            <div class="panel-heading">
+                <div class="pull-right">
+                <?php if ($TicketInfo['ticket_status'] != '3'): ?>
+                    <a href="controllers/tickets/close.php?ticket_id=<?php echo $ticket_id; ?>" class="btn btn-danger btn-xs"><?php echo $lang->I18N('close'); ?></a>
+                <?php endif; ?>
+                    <!-- <a href="tickets.php?action=add" class="btn btn-info btn-xs"><i class="fa fa-plus"></i> <?php echo $lang->I18N('add'); ?></a> -->
+                    <a href="tickets.php" class="btn btn-primary btn-xs"><i class="fa fa-list"></i> <?php echo $lang->I18N('list'); ?></a>
+                </div>
+                <div class="panel-title">
+                    <?php echo $PageInfo['title']; ?>
+                    <span class="label label-default"> ID <?php echo $ticket_id; ?></span>
+                </div>
+            </div>
+            <div class="panel-body">
+                <div class="row">
+                    <div class="col-md-6 mb-10">
+                        <b>Subject:</b>
+                        <span><?php echo $TicketInfo['ticket_subject']; ?></span>
+                    </div>
+                    <div class="col-md-6 mb-10">
+                        <b>Status:</b>
+                        <span><?php echo get_ticket_status_span($TicketInfo['ticket_status']); ?></span>
+                    </div>
+                    <div class="col-md-6 mb-10">
+                        <b>Department:</b>
+                        <span><?php echo get_ticket_department($TicketInfo['ticket_department']); ?></span>
+                    </div>
+                    <div class="col-md-6 mb-10">
+                        <b>Date:</b>
+                        <span><?php echo $TicketInfo['ticket_date']; ?></span>
+                    </div>
+                </div>
+                <!-- <hr /> -->
+                <p><b>Ticket content :</b></p>
+                <?php echo $TicketInfo['ticket_content']; ?>
+            </div>
+        </div>
+<?php if ($ReplyCount > 0): ?>
+    <?php foreach ($ReplyInfo as $value): ?>
+        <div class="panel <?php echo $value['reply_from'] == 999999 ? 'panel-default' : 'panel-success'; ?>">
+            <div class="panel-heading">
+                <strong><?php echo $value['reply_from'] == 999999 ? 'Support Staff' : 'Client Reply'; ?></strong>
+                <span><?php echo $value['reply_date']; ?></span>
+            </div>
+            <div class="panel-body">
+                <?php echo $value['reply_content']; ?>
+            </div>
+        </div>
+    <?php endforeach;?>
+<?php else: ?>
+        <div class="panel panel-default">
+            <div class="panel-body text-center">No replies to this ticket yet.</div>
+        </div>
+<?php endif;?>
+
+<?php if ($TicketInfo['ticket_status'] == '3'): ?>
+        <div class="panel panel-default">
+            <div class="panel-body text-center">You can't reply to this ticket anymore open new ticket for any further questions.</div>
+        </div>
+<?php else: ?>
+        <form action="controllers/tickets/reply.php" method="post">
+            <input type="hidden" name="ticket_id" value="<?php echo $TicketInfo['ticket_id']; ?>">
+            <input type="hidden" name="ticket_email" value="<?php echo $TicketInfo['ticket_email']; ?>">
+            <div class="panel panel-default" id="reply">
+                <div class="panel-heading">
+                    Reply content
+                </div>
+                <div class="panel-body">
+                    <textarea class="form-control" name="content" id="content"></textarea>
+                </div>
+                <div class="panel-footer">
+                    <button class="btn btn-sm btn-primary" name="submit">Add Reply</button>
+                    <a href="controllers/tickets/close.php?ticket_id=<?php echo $ticket_id; ?>" class="btn btn-danger btn-sm">Close Ticket</a>
+                </div>
+            </div>
+        </form>
+<?php endif;?>
+    </div>
+</div>
diff --git a/src/admin/views/tickets/list.php b/src/admin/views/tickets/list.php
index 73b0eb1..3114389 100755
--- a/src/admin/views/tickets/list.php
+++ b/src/admin/views/tickets/list.php
@@ -1,35 +1,40 @@
-
 <div class="content-wrapper">
-<div class="container-fluid">
-    <div class="card">
-        <div class="card-header d-flex justify-content-between align-items-center">
-            <h3 class="m-0"><?php echo $lang->I18N('Tickets List'); ?></h3>
-            <a href="index.php" class="btn text-white btn-danger btn-sm">
-                <i class="fa fa-backward"></i> <?php echo $lang->I18N('Return'); ?>
-            </a>
-        </div>
-        <hr />
-        <div class="card-body table-responsive">
-            <table class="table table-stripped table-bordered table-hover">
-                <thead>
-                    <th>ID</th>
-                    <th>Subject</th>
-                    <th>Department</th>
-                    <th>Client Email</th>
-                    <th>Date</th>
-                    <th>Status</th>
-                    <th>Action</th>
-                </thead>
-                <tbody>
-                <?php if ($count > 0): ?>
-                <?php foreach ($rows as $value): ?>
-                    <tr>
-                        <td>#<?php echo $value['ticket_id']; ?></td>
-                        <td><?php echo $value['ticket_subject']; ?></td>
-                        <td><?php echo get_ticket_department($value['ticket_department']); ?></td>
-                        <td><?php echo $value['ticket_email']; ?></td>
-                        <td><?php echo $value['ticket_date']; ?></td>
-                        <td><?php echo get_ticket_status_span($value['ticket_status']);
+    <div class="container">
+        <ol class="breadcrumb page-breadcrumb">
+            <li><a href="index.php"><?php echo $lang->I18N('home'); ?></a></li>
+            <li class="active"><?php echo $lang->I18N('Tickets List'); ?></li>
+        </ol>
+        <div class="panel panel-default">
+            <div class="panel-heading">
+                <div class="pull-right">
+                    <!-- <a href="<?php echo setURL('admin/clients', '', array('action' => 'add')); ?>" class="btn btn-primary btn-xs">
+                        <i class="fa fa-plus"></i> <?php echo $lang->I18N('add'); ?>
+                    </a> -->
+                </div>
+                <span class="panel-title"><?php echo $PageInfo['title']; ?></span>
+            </div>
+
+            <div class="table-responsive">
+                <table class="table table-stripped table-bordered table-hover">
+                    <thead>
+                        <th>ID</th>
+                        <th>Subject</th>
+                        <th>Department</th>
+                        <th>Client Email</th>
+                        <th>Date</th>
+                        <th>Status</th>
+                        <th>Action</th>
+                    </thead>
+                    <tbody>
+                    <?php if ($count > 0): ?>
+                    <?php foreach ($rows as $value): ?>
+                        <tr>
+                            <td><?php echo $value['ticket_id']; ?></td>
+                            <td><?php echo $value['ticket_subject']; ?></td>
+                            <td><?php echo get_ticket_department($value['ticket_department']); ?></td>
+                            <td><?php echo $value['ticket_email']; ?></td>
+                            <td><?php echo $value['ticket_date']; ?></td>
+                            <td><?php echo get_ticket_status_span($value['ticket_status']);
 if ($value['ticket_status'] == '0') {
 $btn = ['secondary', 'clock'];
 } elseif ($value['ticket_status'] == '1') {
@@ -40,25 +45,24 @@ $btn = ['primary', 'comment'];
 $btn = ['danger', 'lock'];
 }
 ?></td>
-                        <td>
-                            <a href="tickets.php?action=view&ticket_id=<?php echo $value['ticket_id']; ?>#reply" class="btn btn-sm btn-<?php echo $btn[0]; ?> btn-rounded">
-                                <i class="fa fa-<?php echo $btn[1]; ?>"></i> Manage
-                            </a>
-                        </td>
-                    </tr>
-                <?php endforeach;?>
-                <?php else: ?>
-                    <tr>
-                        <td colspan="5" class="text-center">Nothing found</td>
-                    </tr>
-                <?php endif;?>
-                </tbody>
-            </table>
-        </div>
-        <hr />
-        <div class="card-footer">
-            <p class="pb-10"><?php echo $count; ?> Records Founds</p>
+                            <td>
+                                <a href="tickets.php?action=details&ticket_id=<?php echo $value['ticket_id']; ?>#reply" class="btn btn-primary btn-xs">
+                                    <i class="fa fa-info-circle"></i> <?php echo $lang->I18N('details'); ?>
+                                </a>
+                            </td>
+                        </tr>
+                    <?php endforeach;?>
+                    <?php else: ?>
+                        <tr>
+                            <td colspan="5" class="text-center">Nothing found</td>
+                        </tr>
+                    <?php endif;?>
+                    </tbody>
+                </table>
+            </div>
+            <div class="panel-footer">
+                <p class="pb-10"><?php echo $count; ?> Records Founds</p>
+            </div>
         </div>
     </div>
 </div>
-</div>
diff --git a/src/admin/views/tickets/view.php b/src/admin/views/tickets/view.php
deleted file mode 100755
index 61a5926..0000000
--- a/src/admin/views/tickets/view.php
+++ /dev/null
@@ -1,92 +0,0 @@
-<?php
-if (!$TicketInfo) {
-    include __DIR__ . '/../common/404.php';
-    exit();
-}
-?>
-
-<div class="content-wrapper">
-<div class="container-fluid">
-    <div class="card">
-        <div class="card-header d-flex justify-content-between align-items-center">
-            <h5 class="m-0"><?php echo $lang->I18N('Tickets Details'); ?> (#<?php echo $ticket_id; ?>)</h5>
-            <a href="tickets.php" class="btn btn-sm btn-danger">
-                <i class="fa fa-backward"></i> <?php echo $lang->I18N('Return'); ?>
-            </a>
-        </div>
-        <hr />
-        <div class="card-body">
-            <div class="row">
-                <div class="col-md-6">
-                    <b>Subject:</b>
-                    <span><?php echo $TicketInfo['ticket_subject']; ?></span>
-                </div>
-                <div class="col-md-6">
-                    <b>Status:</b>
-                    <span><?php echo get_ticket_status_span($TicketInfo['ticket_status']); ?></span>
-                </div>
-                <div class="col-md-6">
-                    <b>Department:</b>
-                    <span><?php echo get_ticket_department($TicketInfo['ticket_department']); ?></span>
-                </div>
-                <div class="col-md-6">
-                    <b>Date:</b>
-                    <span><?php echo $TicketInfo['ticket_date']; ?></span>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="card">
-        <div class="card-header d-flex justify-content-between align-items-center">
-            <strong>Client Reply</strong>
-            <span><?php echo $TicketInfo['ticket_date']; ?></span>
-        </div>
-        <hr />
-        <div class="card-body">
-            <?php echo $TicketInfo['ticket_content']; ?>
-        </div>
-    </div>
-<?php if ($ReplyCount > 0): ?>
-<?php foreach ($ReplyInfo as $value): ?>
-    <div class="card">
-        <div class="card-header d-flex justify-content-between align-items-center">
-            <strong><?php echo $value['reply_from'] == 999999 ? 'Support Staff' : 'Client Reply'; ?></strong>
-            <span><?php echo $value['reply_date']; ?></span>
-        </div>
-        <hr />
-        <div class="card-body m-5">
-            <?php echo $value['reply_content']; ?>
-        </div>
-    </div>
-<?php endforeach;?>
-<?php else: ?>
-    <div class="card">
-        <div class="card-body text-center">No replies to this ticket yet.</div>
-    </div>
-<?php endif;?>
-
-<?php if ($TicketInfo['ticket_status'] == '3'): ?>
-    <div class="card">
-        <div class="card-body text-center">You can't reply to this ticket anymore open new ticket for any further questions.</div>
-    </div>
-<?php else: ?>
-    <div class="card" id="reply">
-        <form action="controllers/tickets/reply.php" method="post">
-            <label class="card-header form-label required" for="content">Reply content</label>
-            <div class="card-body">
-                <div class="form-group mb-10">
-                    <textarea class="form-control" name="content" id="content"></textarea>
-                    <input type="hidden" name="ticket_id" value="<?php echo $TicketInfo['ticket_id']; ?>">
-                    <input type="hidden" name="ticket_email" value="<?php echo $TicketInfo['ticket_email']; ?>">
-                </div>
-                <div class="form-group">
-                    <button class="btn btn-sm btn-primary" name="submit">Add Reply</button>
-                    <a href="controllers/tickets/close.php?ticket_id=<?php echo $ticket_id; ?>" class="btn btn-danger btn-sm">Close Ticket</a>
-                    <a href="tickets.php" class="btn btn-sm btn-danger pull-right"><i class="fa fa-backward"></i> <?php echo $lang->I18N('Return'); ?></a>
-                </div>
-            </div>
-        </form>
-<?php endif;?>
-    </div>
-</div>
-</div>
diff --git a/src/assets/css/admin.css b/src/assets/css/admin.css
new file mode 100755
index 0000000..39e6cef
--- /dev/null
+++ b/src/assets/css/admin.css
@@ -0,0 +1,153 @@
+body {
+    padding-top: 51px;
+    padding-bottom: 60px;
+}
+.badge,
+.badge-pill,
+.btn-rounded {
+    border-radius: 4px !important;
+    border: none;
+}
+
+#hidden-area {
+    position: fixed;
+    bottom: 10px;
+    right: 10px;
+    max-width: 350px;
+    display: block;
+}
+
+.nolink:hover {
+    text-decoration: none;
+}
+
+.fw-bold {
+    font-weight: 600 !important;
+}
+
+
+/* nav tabs */
+
+.tabs {
+    overflow: hidden;
+    background-color: transparent;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+}
+
+.tab-item {
+    margin-right: 5px;
+}
+
+.tab-item:hover {
+    border-color: rgba(0, 0, 0, 0.02);
+}
+
+.btn.tab-item.active {
+    border-color: #199de9;
+    box-shadow: none;
+    outline: none;
+}
+
+.tab-hover.active {
+    background-color: rgba(0, 0, 0, 0.05);
+}
+
+.tab-content {
+    display: none;
+    padding: 0.5rem 0;
+    border-top: none;
+    -webkit-animation: fadeEffect 1s;
+    animation: fadeEffect 1s;
+}
+
+@-webkit-keyframes fadeEffect {
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
+}
+
+@keyframes fadeEffect {
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
+}
+
+pre {
+    overflow-x: auto;
+}
+
+@media only screen and (min-width: 992px) {
+    .hidden-on-up {
+        display: none;
+    }
+    .m5x {
+        margin-right: 0px;
+    }
+}
+.huge {
+    font-size: 40px;
+}
+.huge .count-all {
+    font-size: 20px;
+}
+.panel-green {
+    border-color: #5cb85c;
+}
+
+.panel-green .panel-heading {
+    border-color: #5cb85c;
+    color: #fff;
+    background-color: #5cb85c;
+}
+
+.panel-green a {
+    color: #5cb85c;
+}
+
+.panel-green a:hover {
+    color: #3d8b3d;
+}
+
+.panel-red {
+    border-color: #d9534f;
+}
+
+.panel-red .panel-heading {
+    border-color: #d9534f;
+    color: #fff;
+    background-color: #d9534f;
+}
+
+.panel-red a {
+    color: #d9534f;
+}
+
+.panel-red a:hover {
+    color: #b52b27;
+}
+
+.panel-yellow {
+    border-color: #f0ad4e;
+}
+
+.panel-yellow .panel-heading {
+    border-color: #f0ad4e;
+    color: #fff;
+    background-color: #f0ad4e;
+}
+
+.panel-yellow a {
+    color: #f0ad4e;
+}
+
+.panel-yellow a:hover {
+    color: #df8a13;
+}
diff --git a/src/assets/css/all.min.css b/src/assets/css/all.min.css
deleted file mode 100755
index e1e271c..0000000
--- a/src/assets/css/all.min.css
+++ /dev/null
@@ -1,5 +0,0 @@
-/*!
- * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- */
-.fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-airbnb:before{content:"\f834"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-artstation:before{content:"\f77a"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atlassian:before{content:"\f77b"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-bacon:before{content:"\f7e5"}.fa-bacteria:before{content:"\e059"}.fa-bacterium:before{content:"\e05a"}.fa-bahai:before{content:"\f666"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-battle-net:before{content:"\f835"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-biking:before{content:"\f84a"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-dead:before{content:"\f6b7"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bootstrap:before{content:"\f836"}.fa-border-all:before{content:"\f84c"}.fa-border-none:before{content:"\f850"}.fa-border-style:before{content:"\f853"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-box-tissue:before{content:"\e05b"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buy-n-large:before{content:"\f8a6"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candy-cane:before{content:"\f786"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caravan:before{content:"\f8ff"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.fa-cat:before{content:"\f6be"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-cheese:before{content:"\f7ef"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clinic-medical:before{content:"\f7f2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudflare:before{content:"\e07d"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-compress-alt:before{content:"\f422"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-cotton-bureau:before{content:"\f89e"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dailymotion:before{content:"\e052"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-deezer:before{content:"\e077"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diaspora:before{content:"\f791"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-disease:before{content:"\f7fa"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edge-legacy:before{content:"\e078"}.fa-edit:before{content:"\f044"}.fa-egg:before{content:"\f7fb"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-evernote:before{content:"\f839"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-alt:before{content:"\f424"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fan:before{content:"\f863"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-faucet:before{content:"\e005"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before{content:"\f7e4"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-firefox-browser:before{content:"\e007"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gifts:before{content:"\f79c"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-cheers:before{content:"\f79f"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-europe:before{content:"\f7a2"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-pay:before{content:"\e079"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guilded:before{content:"\e07e"}.fa-guitar:before{content:"\f7a6"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamburger:before{content:"\f805"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-medical:before{content:"\e05c"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-water:before{content:"\f4c1"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-sparkles:before{content:"\e05d"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-hands-wash:before{content:"\e05e"}.fa-handshake:before{content:"\f2b5"}.fa-handshake-alt-slash:before{content:"\e05f"}.fa-handshake-slash:before{content:"\e060"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-hat-wizard:before{content:"\f6e8"}.fa-hdd:before{content:"\f0a0"}.fa-head-side-cough:before{content:"\e061"}.fa-head-side-cough-slash:before{content:"\e062"}.fa-head-side-mask:before{content:"\e063"}.fa-head-side-virus:before{content:"\e064"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before{content:"\f7a9"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hive:before{content:"\e07f"}.fa-hockey-puck:before{content:"\f453"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hospital-user:before{content:"\f80d"}.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-house-user:before{content:"\e065"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-icicles:before{content:"\f7ad"}.fa-icons:before{content:"\f86d"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-ideal:before{content:"\e013"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-innosoft:before{content:"\e080"}.fa-instagram:before{content:"\f16d"}.fa-instagram-square:before{content:"\e055"}.fa-instalod:before{content:"\e081"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-house:before{content:"\e066"}.fa-laptop-medical:before{content:"\f812"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lungs:before{content:"\f604"}.fa-lungs-virus:before{content:"\e067"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-mdb:before{content:"\f8ca"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microblog:before{content:"\e01a"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mixer:before{content:"\e056"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mouse:before{content:"\f8cc"}.fa-mouse-pointer:before{content:"\f245"}.fa-mug-hot:before{content:"\f7b6"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-octopus-deploy:before{content:"\e082"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-orcid:before{content:"\f8d2"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-pager:before{content:"\f815"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-penny-arcade:before{content:"\f704"}.fa-people-arrows:before{content:"\e068"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-perbyte:before{content:"\e083"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-alt:before{content:"\f879"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-square-alt:before{content:"\f87b"}.fa-phone-volume:before{content:"\f2a0"}.fa-photo-video:before{content:"\f87c"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-square:before{content:"\e01e"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-plane-slash:before{content:"\e069"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pump-medical:before{content:"\e06a"}.fa-pump-soap:before{content:"\e06b"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-rainbow:before{content:"\f75b"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-record-vinyl:before{content:"\f8d9"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-remove-format:before{content:"\f87d"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-rust:before{content:"\e07a"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-salesforce:before{content:"\f83b"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-sd-card:before{content:"\f7c2"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-shield-virus:before{content:"\e06c"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopify:before{content:"\e057"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-sink:before{content:"\e06d"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-sketch:before{content:"\f7c6"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-sms:before{content:"\f7cd"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowman:before{content:"\f7d0"}.fa-snowplow:before{content:"\f7d2"}.fa-soap:before{content:"\e06e"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-down-alt:before{content:"\f884"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-amount-up-alt:before{content:"\f885"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-speaker-deck:before{content:"\f83c"}.fa-spell-check:before{content:"\f891"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stackpath:before{content:"\f842"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-stopwatch-20:before{content:"\e06f"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-store-alt-slash:before{content:"\e070"}.fa-store-slash:before{content:"\e071"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swift:before{content:"\f8e1"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-symfony:before{content:"\f83d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tenge:before{content:"\f7d7"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-tiktok:before{content:"\e07b"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toilet-paper-slash:before{content:"\e072"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-trailer:before{content:"\e041"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-trash-restore:before{content:"\f829"}.fa-trash-restore-alt:before{content:"\f82a"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbraco:before{content:"\f8e8"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-uncharted:before{content:"\e084"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-unity:before{content:"\e049"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-unsplash:before{content:"\e07c"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-users-slash:before{content:"\e073"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-vest:before{content:"\e085"}.fa-vest-patches:before{content:"\e086"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-virus:before{content:"\e074"}.fa-virus-slash:before{content:"\e075"}.fa-viruses:before{content:"\e076"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-voicemail:before{content:"\f897"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-watchman-monitoring:before{content:"\e087"}.fa-water:before{content:"\f773"}.fa-wave-square:before{content:"\f83e"}.fa-waze:before{content:"\f83f"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wodu:before{content:"\e088"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.fab,.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}
\ No newline at end of file
diff --git a/src/assets/css/common.css b/src/assets/css/common.css
index ccd7fba..eb37f2b 100755
--- a/src/assets/css/common.css
+++ b/src/assets/css/common.css
@@ -11,6 +11,11 @@ body {
     overflow-y: auto;
 }
 
+.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,
+body, html, input, button, textarea, span, p {
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
+
 input {
     border: 0;
     outline-width: 0 !important;
@@ -24,6 +29,18 @@ button {
     margin-top: 20px;
 }
 
+.breadcrumb {
+    border: 1px solid #ddd;
+}
+
+.page-breadcrumb {
+    margin-top: 20px;
+}
+
+.mb-10 {
+    margin-bottom: 10px;
+}
+
 .section-wrap {
     padding: 10px 0;
 }
diff --git a/src/assets/css/font-awesome.min.css b/src/assets/css/font-awesome.min.css
index 4ec9223..ac76ff1 100644
--- a/src/assets/css/font-awesome.min.css
+++ b/src/assets/css/font-awesome.min.css
@@ -1,4 +1,5 @@
 /*!
- *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
- *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
- */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.6.3');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
\ No newline at end of file
+ * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ */
+.fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-airbnb:before{content:"\f834"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-artstation:before{content:"\f77a"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atlassian:before{content:"\f77b"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-bacon:before{content:"\f7e5"}.fa-bacteria:before{content:"\e059"}.fa-bacterium:before{content:"\e05a"}.fa-bahai:before{content:"\f666"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-battle-net:before{content:"\f835"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-biking:before{content:"\f84a"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-dead:before{content:"\f6b7"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bootstrap:before{content:"\f836"}.fa-border-all:before{content:"\f84c"}.fa-border-none:before{content:"\f850"}.fa-border-style:before{content:"\f853"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-box-tissue:before{content:"\e05b"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buy-n-large:before{content:"\f8a6"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candy-cane:before{content:"\f786"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caravan:before{content:"\f8ff"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.fa-cat:before{content:"\f6be"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-cheese:before{content:"\f7ef"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clinic-medical:before{content:"\f7f2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudflare:before{content:"\e07d"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-compress-alt:before{content:"\f422"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-cotton-bureau:before{content:"\f89e"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dailymotion:before{content:"\e052"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-deezer:before{content:"\e077"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diaspora:before{content:"\f791"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-disease:before{content:"\f7fa"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edge-legacy:before{content:"\e078"}.fa-edit:before{content:"\f044"}.fa-egg:before{content:"\f7fb"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-evernote:before{content:"\f839"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-alt:before{content:"\f424"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fan:before{content:"\f863"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-faucet:before{content:"\e005"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before{content:"\f7e4"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-firefox-browser:before{content:"\e007"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gifts:before{content:"\f79c"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-cheers:before{content:"\f79f"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-europe:before{content:"\f7a2"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-pay:before{content:"\e079"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guilded:before{content:"\e07e"}.fa-guitar:before{content:"\f7a6"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamburger:before{content:"\f805"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-medical:before{content:"\e05c"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-water:before{content:"\f4c1"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-sparkles:before{content:"\e05d"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-hands-wash:before{content:"\e05e"}.fa-handshake:before{content:"\f2b5"}.fa-handshake-alt-slash:before{content:"\e05f"}.fa-handshake-slash:before{content:"\e060"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-hat-wizard:before{content:"\f6e8"}.fa-hdd:before{content:"\f0a0"}.fa-head-side-cough:before{content:"\e061"}.fa-head-side-cough-slash:before{content:"\e062"}.fa-head-side-mask:before{content:"\e063"}.fa-head-side-virus:before{content:"\e064"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before{content:"\f7a9"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hive:before{content:"\e07f"}.fa-hockey-puck:before{content:"\f453"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hospital-user:before{content:"\f80d"}.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-house-user:before{content:"\e065"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-icicles:before{content:"\f7ad"}.fa-icons:before{content:"\f86d"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-ideal:before{content:"\e013"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-innosoft:before{content:"\e080"}.fa-instagram:before{content:"\f16d"}.fa-instagram-square:before{content:"\e055"}.fa-instalod:before{content:"\e081"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-house:before{content:"\e066"}.fa-laptop-medical:before{content:"\f812"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lungs:before{content:"\f604"}.fa-lungs-virus:before{content:"\e067"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-mdb:before{content:"\f8ca"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microblog:before{content:"\e01a"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mixer:before{content:"\e056"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mouse:before{content:"\f8cc"}.fa-mouse-pointer:before{content:"\f245"}.fa-mug-hot:before{content:"\f7b6"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-octopus-deploy:before{content:"\e082"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-orcid:before{content:"\f8d2"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-pager:before{content:"\f815"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-penny-arcade:before{content:"\f704"}.fa-people-arrows:before{content:"\e068"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-perbyte:before{content:"\e083"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-alt:before{content:"\f879"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-square-alt:before{content:"\f87b"}.fa-phone-volume:before{content:"\f2a0"}.fa-photo-video:before{content:"\f87c"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-square:before{content:"\e01e"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-plane-slash:before{content:"\e069"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pump-medical:before{content:"\e06a"}.fa-pump-soap:before{content:"\e06b"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-rainbow:before{content:"\f75b"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-record-vinyl:before{content:"\f8d9"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-remove-format:before{content:"\f87d"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-rust:before{content:"\e07a"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-salesforce:before{content:"\f83b"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-sd-card:before{content:"\f7c2"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-shield-virus:before{content:"\e06c"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopify:before{content:"\e057"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-sink:before{content:"\e06d"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-sketch:before{content:"\f7c6"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-sms:before{content:"\f7cd"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowman:before{content:"\f7d0"}.fa-snowplow:before{content:"\f7d2"}.fa-soap:before{content:"\e06e"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-down-alt:before{content:"\f884"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-amount-up-alt:before{content:"\f885"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-speaker-deck:before{content:"\f83c"}.fa-spell-check:before{content:"\f891"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stackpath:before{content:"\f842"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-stopwatch-20:before{content:"\e06f"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-store-alt-slash:before{content:"\e070"}.fa-store-slash:before{content:"\e071"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swift:before{content:"\f8e1"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-symfony:before{content:"\f83d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tenge:before{content:"\f7d7"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-tiktok:before{content:"\e07b"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toilet-paper-slash:before{content:"\e072"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-trailer:before{content:"\e041"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-trash-restore:before{content:"\f829"}.fa-trash-restore-alt:before{content:"\f82a"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbraco:before{content:"\f8e8"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-uncharted:before{content:"\e084"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-unity:before{content:"\e049"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-unsplash:before{content:"\e07c"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-users-slash:before{content:"\e073"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-vest:before{content:"\e085"}.fa-vest-patches:before{content:"\e086"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-virus:before{content:"\e074"}.fa-virus-slash:before{content:"\e075"}.fa-viruses:before{content:"\e076"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-voicemail:before{content:"\f897"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-watchman-monitoring:before{content:"\e087"}.fa-water:before{content:"\f773"}.fa-wave-square:before{content:"\f83e"}.fa-waze:before{content:"\f83f"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wodu:before{content:"\e088"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.fab,.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}
\ No newline at end of file
diff --git a/src/assets/css/login.css b/src/assets/css/login.css
index 2598c52..2aaeecb 100755
--- a/src/assets/css/login.css
+++ b/src/assets/css/login.css
@@ -1,7 +1,3 @@
-body {
-    background-image: linear-gradient(45deg, orange, skyblue) !important;
-}
-
 .icon-text {
     background-image: linear-gradient(-45deg, orange, skyblue) !important;
     background-clip: text;
@@ -17,9 +13,8 @@ body {
     margin-top: 8%;
 }
 
-.card {
-    opacity: 80% !important;
-    border-radius: 15px !important;
+.nav-links {
+    margin-top: 20px;
 }
 
 @media only screen and (max-width: 768px) {
diff --git a/src/assets/ui/css/style.min.css b/src/assets/ui/css/style.min.css
deleted file mode 100644
index 7f67157..0000000
--- a/src/assets/ui/css/style.min.css
+++ /dev/null
@@ -1,4359 +0,0 @@
-/** reset */
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-.h1,
-.h2,
-.h3,
-.h4,
-.h5,
-.h6 {
-    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-    color: #313944;
-    line-height: 1.5;
-    letter-spacing: 0.5px;
-}
-.h1,
-.h2,
-.h3,
-.h4,
-.h5,
-.h6,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-    margin-top: 0;
-    margin-bottom: 0.5rem;
-}
-
-body {
-    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-    color: #4d5259;
-    line-height: 1.5;
-    font-size: 14px;
-    background-color: #f5f6fa;
-}
-html,
-body {
-    height: 100%;
-}
-a {
-    color: #33cabb;
-    -webkit-transition: 0.2s linear;
-    transition: 0.2s linear;
-}
-a:hover,
-a:focus {
-    color: #4d5259;
-    text-decoration: none;
-    outline: none;
-}
-a:hover,
-a:focus,
-a:active {
-    text-decoration: none;
-}
-a,
-button,
-a:focus,
-a:active,
-button:focus,
-button:active {
-    outline: none !important;
-}
-blockquote {
-    font-size: 16px;
-}
-img {
-    max-width: 100%;
-}
-pre {
-    background-color: #f9fafb;
-    border: none;
-    border-left: 5px solid #ebebeb;
-    padding: 12px;
-    border-radius: 3px;
-    color: #616a78;
-}
-
-/* 导航相关 */
-.navbar-toggle {
-    background-color: transparent;
-    border-color: transparent !important;
-}
-.navbar-default .navbar-toggle:hover,
-.navbar-default .navbar-toggle:focus {
-    background-color: transparent;
-}
-.navbar-default .navbar-toggle .icon-bar {
-    background-color: #4d5259;
-}
-.nav > li > a:focus {
-    background-color: transparent;
-}
-.nav > li > a:hover {
-    background-color: rgba(0, 0, 0, 0.0085);
-}
-.nav .open > a,
-.nav .open > a:focus,
-.nav .open > a:hover {
-    background-color: transparent;
-    border-color: transparent;
-}
-
-/* 下拉 */
-.dropdown-menu {
-    border-radius: 0;
-    border: none;
-    /*border: 1px solid rgba(235, 235, 235, 0.4);*/
-    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.075);
-    box-shadow: 0 0 4px rgba(0, 0, 0, 0.075);
-}
-.dropdown-menu > li > a:focus,
-.dropdown-menu > li > a:hover {
-    background-color: #f9fafb;
-}
-.dropdown-menu .divider {
-    background-color: #f1f2f3;
-}
-.dropdown-menu > li > a {
-    padding-top: 8px;
-    padding-bottom: 8px;
-}
-.dropdown-menu > li > a > i {
-    margin-right: 10px;
-}
-.dropdown-menu > .active > a,
-.dropdown-menu > .active > a:focus,
-.dropdown-menu > .active > a:hover {
-    background-color: #33cabb;
-}
-
-/* 表格 */
-.table-bordered {
-    border-color: #eceeef;
-}
-.table > tbody > tr > td,
-.table > tbody > tr > th,
-.table > tfoot > tr > td,
-.table > tfoot > tr > th,
-.table > thead > tr > td,
-.table > thead > tr > th {
-    /*padding: .75em;*/
-    padding: 10px;
-    line-height: 1.5;
-    border-color: #eceeef;
-}
-.table-striped tbody tr:nth-of-type(odd) {
-    background-color: #fafafa;
-}
-.table-hover > tbody > tr:hover {
-    background-color: #f1fbfb;
-}
-.table-vcenter > thead > tr > th,
-.table-vcenter > thead > tr > td,
-.table-vcenter > tbody > tr > th,
-.table-vcenter > tbody > tr > td,
-.table-vcenter > tfoot > tr > th,
-.table-vcenter > tfoot > tr > td {
-    vertical-align: middle;
-}
-.table-hover tbody tr {
-    -webkit-transition: background-color 0.2s linear;
-    transition: background-color 0.2s linear;
-}
-.table-condensed > tbody > tr > td,
-.table-condensed > tbody > tr > th,
-.table-condensed > tfoot > tr > td,
-.table-condensed > tfoot > tr > th,
-.table-condensed > thead > tr > td,
-.table-condensed > thead > tr > th {
-    padding: 0.5em;
-}
-
-/* 标签 */
-.label {
-    padding-top: 0.3em;
-    border-radius: 2px;
-    font-weight: 300;
-}
-.label-default {
-    background-color: #f5f6f7;
-    color: #8b95a5;
-}
-.label-primary {
-    background-color: #33cabb;
-}
-.label-success {
-    background-color: #15c377;
-}
-.label-info {
-    background-color: #48b0f7;
-}
-.label-warning {
-    background-color: #faa64b;
-}
-.label-danger {
-    background-color: #f96868;
-}
-.label-dark {
-    background-color: #465161;
-}
-.label-secondary {
-    background-color: #e4e7ea;
-    color: #4d5259;
-}
-.label-purple {
-    background-color: #926dde;
-}
-.label-pink {
-    background-color: #f96197;
-}
-.label-cyan {
-    background-color: #57c7d4;
-}
-.label-yellow {
-    background-color: #fcc525;
-}
-.label-brown {
-    background-color: #8d6658;
-}
-
-/* well */
-.well {
-    border-radius: 2px;
-    background-color: #f7f7f7;
-    border-color: #f0f0f0;
-    -webkit-box-shadow: none;
-    box-shadow: none;
-}
-
-/* 面板 */
-.panel {
-    border-color: #f0f0f0;
-    -webkit-box-shadow: none;
-    box-shadow: none;
-    margin-bottom: 30px;
-}
-.panel a:hover,
-.panel a:focus,
-.panel a:active {
-    color: inherit;
-}
-.panel-heading {
-    -webkit-border-radius: 0px;
-    border-radius: 0px;
-}
-.panel-default > .panel-heading,
-.panel-default > .panel-heading + .panel-collapse > .panel-body {
-    border-color: #f0f0f0;
-}
-.panel-primary > .panel-heading {
-    background-color: #33cabb;
-    border-color: #33cabb;
-}
-.panel-primary {
-    border-color: #33cabb;
-}
-.panel-primary > .panel-heading + .panel-collapse > .panel-body {
-    border-top-color: #33cabb;
-}
-.panel-primary > .panel-heading .badge {
-    color: #33cabb;
-}
-.panel-success > .panel-heading {
-    color: #fff;
-    background-color: #15c377;
-    border-color: #15c377;
-}
-.panel-success {
-    border-color: #15c377;
-}
-.panel-success > .panel-heading + .panel-collapse > .panel-body {
-    border-top-color: #15c377;
-}
-.panel-success > .panel-heading .badge {
-    background-color: #fff;
-    color: #15c377;
-}
-.panel-info > .panel-heading {
-    color: #fff;
-    background-color: #48b0f7;
-    border-color: #48b0f7;
-}
-.panel-info {
-    border-color: #48b0f7;
-}
-.panel-info > .panel-heading + .panel-collapse > .panel-body {
-    border-top-color: #48b0f7;
-}
-.panel-info > .panel-heading .badge {
-    background-color: #fff;
-    color: #48b0f7;
-}
-.panel-warning > .panel-heading {
-    color: #fff;
-    background-color: #faa64b;
-    border-color: #faa64b;
-}
-.panel-warning {
-    border-color: #faa64b;
-}
-.panel-warning > .panel-heading + .panel-collapse > .panel-body {
-    border-top-color: #faa64b;
-}
-.panel-warning > .panel-heading .badge {
-    background-color: #fff;
-    color: #faa64b;
-}
-.panel-danger > .panel-heading {
-    color: #fff;
-    background-color: #f96868;
-    border-color: #f96868;
-}
-.panel-danger {
-    border-color: #f96868;
-}
-.panel-danger > .panel-heading + .panel-collapse > .panel-body {
-    border-top-color: #f96868;
-}
-.panel-danger > .panel-heading .badge {
-    background-color: #fff;
-    color: #f96868;
-}
-.panel-dark > .panel-heading {
-    color: #fff;
-    background-color: #465161;
-    border-color: #465161;
-}
-.panel-dark {
-    border-color: #465161;
-}
-.panel-dark > .panel-heading + .panel-collapse > .panel-body {
-    border-top-color: #465161;
-}
-.panel-secondary > .panel-heading {
-    background-color: #e4e7ea;
-    border-color: #e4e7ea;
-}
-.panel-secondary {
-    border-color: #e4e7ea;
-}
-.panel-secondary > .panel-heading + .panel-collapse > .panel-body {
-    border-top-color: #e4e7ea;
-}
-.panel-purple > .panel-heading {
-    color: #fff;
-    background-color: #926dde;
-    border-color: #926dde;
-}
-.panel-purple {
-    border-color: #926dde;
-}
-.panel-purple > .panel-heading + .panel-collapse > .panel-body {
-    border-top-color: #926dde;
-}
-.panel-pink > .panel-heading {
-    color: #fff;
-    background-color: #f96197;
-    border-color: #f96197;
-}
-.panel-pink {
-    border-color: #f96197;
-}
-.panel-pink > .panel-heading + .panel-collapse > .panel-body {
-    border-top-color: #f96197;
-}
-.panel-cyan > .panel-heading {
-    color: #fff;
-    background-color: #57c7d4;
-    border-color: #57c7d4;
-}
-.panel-cyan {
-    border-color: #57c7d4;
-}
-.panel-cyan > .panel-heading + .panel-collapse > .panel-body {
-    border-top-color: #57c7d4;
-}
-
-/* 列表组 */
-.list-group-item {
-    border-color: #f0f0f0;
-}
-a.list-group-item:focus,
-a.list-group-item:hover,
-button.list-group-item:focus,
-button.list-group-item:hover {
-    background-color: #f9fafb;
-}
-.list-group-item.active,
-.list-group-item.active:focus,
-.list-group-item.active:hover {
-    background-color: #33cabb;
-    border-color: #33cabb;
-}
-.list-group-item:first-child {
-    border-top-left-radius: 2px;
-    border-top-right-radius: 2px;
-}
-.list-group-item:last-child {
-    border-bottom-right-radius: 2px;
-    border-bottom-left-radius: 2px;
-}
-
-/* 表单 */
-.form-control {
-    height: 38px;
-    border-color: #ebebeb;
-    -webkit-border-radius: 2px;
-    border-radius: 2px;
-    color: #8b95a5;
-    padding: 5px 12px;
-    line-height: inherit;
-    -webkit-transition: 0.2s linear;
-    transition: 0.2s linear;
-    -webkit-box-shadow: none;
-    box-shadow: none;
-}
-.form-control:focus {
-    border-color: #33cabb;
-    outline: 0;
-    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(51, 202, 187, 0.6);
-    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(51, 202, 187, 0.6);
-}
-.input-group-addon {
-    border-color: #ebebeb;
-    background-color: #f9fafb;
-    -webkit-border-radius: 2px;
-    border-radius: 2px;
-}
-.input-group-lg > .form-control,
-.input-group-lg > .input-group-addon,
-.input-group-lg > .input-group-btn > .btn {
-    -webkit-border-radius: 2px;
-    border-radius: 2px;
-}
-.input-sm {
-    height: 30px;
-}
-.input-lg {
-    height: 46px;
-}
-.has-success .help-block,
-.has-success .control-label,
-.has-success .radio,
-.has-success .checkbox,
-.has-success .radio-inline,
-.has-success .checkbox-inline,
-.has-success.radio label,
-.has-success.checkbox label,
-.has-success.radio-inline label,
-.has-success.checkbox-inline label {
-    color: #15c377;
-}
-.has-success .form-control {
-    border-color: #15c377 !important;
-    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
-    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
-}
-.has-success .form-control:focus {
-    border-color: #15c377 !important;
-    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(21, 195, 119, 0.6) !important;
-    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(21, 195, 119, 0.6) !important;
-}
-.has-success .input-group-addon {
-    color: #15c377;
-    background-color: #dff0d8;
-    border-color: #15c377;
-}
-.has-success .form-control-feedback {
-    color: #15c377;
-}
-.has-info .help-block,
-.has-info .control-label,
-.has-info .radio,
-.has-info .checkbox,
-.has-info .radio-inline,
-.has-info .checkbox-inline,
-.has-info.radio label,
-.has-info.checkbox label,
-.has-info.radio-inline label,
-.has-info.checkbox-inline label {
-    color: #48b0f7;
-}
-.has-info .form-control {
-    border-color: #48b0f7 !important;
-    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
-    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
-}
-.has-info .form-control:focus {
-    border-color: #48b0f7 !important;
-    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(72, 176, 247, 0.6) !important;
-    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(72, 176, 247, 0.6) !important;
-}
-.has-info .input-group-addon {
-    color: #48b0f7;
-    background-color: #dff0d8;
-    border-color: #48b0f7;
-}
-.has-info .form-control-feedback {
-    color: #48b0f7;
-}
-.has-warning .help-block,
-.has-warning .control-label,
-.has-warning .radio,
-.has-warning .checkbox,
-.has-warning .radio-inline,
-.has-warning .checkbox-inline,
-.has-warning.radio label,
-.has-warning.checkbox label,
-.has-warning.radio-inline label,
-.has-warning.checkbox-inline label {
-    color: #faa64b;
-}
-.has-warning .form-control {
-    border-color: #faa64b !important;
-    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
-    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
-}
-.has-warning .form-control:focus {
-    border-color: #faa64b !important;
-    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(250, 166, 75, 0.6) !important;
-    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(250, 166, 75, 0.6) !important;
-}
-.has-warning .input-group-addon {
-    color: #faa64b;
-    background-color: #fcf8e3;
-    border-color: #faa64b;
-}
-.has-warning .form-control-feedback {
-    color: #faa64b;
-}
-.has-error .help-block,
-.has-error .control-label,
-.has-error .radio,
-.has-error .checkbox,
-.has-error .radio-inline,
-.has-error .checkbox-inline,
-.has-error.radio label,
-.has-error.checkbox label,
-.has-error.radio-inline label,
-.has-error.checkbox-inline label {
-    color: #f96868;
-}
-.has-error .form-control {
-    border-color: #f96868 !important;
-    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
-    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
-}
-.has-error .form-control:focus {
-    border-color: #f96868 !important;
-    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(249, 104, 104, 0.6) !important;
-    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(249, 104, 104, 0.6) !important;
-}
-.has-error .input-group-addon {
-    color: #f96868;
-    background-color: #f2dede;
-    border-color: #f96868;
-}
-.has-error .form-control-feedback {
-    color: #f96868;
-}
-
-/* 复选框 & 单选框 */
-.lyear-checkbox,
-.lyear-radio {
-    display: block;
-    position: relative;
-    margin-top: 0px;
-    margin-bottom: 0px;
-    cursor: pointer;
-    padding-left: 30px;
-    font-weight: 400;
-    min-height: 18px;
-    height: auto !important;
-    line-height: 18px !important;
-}
-input[type='checkbox'],
-input[type='radio'] {
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    padding: 0;
-}
-.lyear-checkbox input,
-.lyear-radio input {
-    position: absolute;
-    /*opacity: 0;*/
-    display: none;
-}
-.lyear-checkbox span::before,
-.lyear-radio span::before {
-    content: '';
-    position: absolute;
-    display: inline-block;
-    height: 18px;
-    width: 18px;
-    left: 0;
-    top: 0px;
-    border: 2px solid #ebebeb;
-    -webkit-transition: all 0.1s;
-    -o-transition: all 0.1s;
-    transition: all 0.1s;
-}
-.lyear-checkbox span::after,
-.lyear-radio span::after {
-    content: '';
-    position: absolute;
-    display: none;
-    width: 5px;
-    height: 10px;
-    left: 7px;
-    top: 3px;
-    border: solid #4d5259;
-    border-width: 0 2px 2px 0;
-    -webkit-transform: rotate(45deg);
-    -ms-transform: rotate(45deg);
-    transform: rotate(45deg);
-}
-.lyear-checkbox span,
-.lyear-radio span {
-    display: inline-block;
-}
-.lyear-checkbox input:checked ~ span:after,
-.lyear-radio input:checked ~ span:after {
-    display: inline-block;
-}
-.lyear-checkbox:hover span::before,
-.lyear-radio:hover span::before {
-    border-color: #ebebeb;
-}
-.lyear-checkbox.checkbox-grey span::before,
-.lyear-checkbox.radio-grey span::before,
-.lyear-radio.checkbox-grey span::before,
-.lyear-radio.radio-grey span::before {
-    background-color: #ebebeb;
-    border-color: #ebebeb;
-}
-.lyear-checkbox input:disabled + span,
-.lyear-radio input:disabled + span {
-    cursor: not-allowed;
-}
-.lyear-checkbox input:disabled + span::before,
-.lyear-checkbox input:disabled + span::after,
-.lyear-radio input:disabled + span::before,
-.lyear-radio input:disabled + span::after {
-    opacity: 0.4;
-}
-/* checkbox */
-.checkbox-primary input:checked ~ span::before {
-    background-color: #33cabb;
-    border-color: #33cabb;
-}
-.checkbox-primary input:checked ~ span::after {
-    border-color: #fff;
-}
-.checkbox-success input:checked ~ span::before {
-    background-color: #15c377;
-    border-color: #15c377;
-}
-.checkbox-success input:checked ~ span::after {
-    border-color: #fff;
-}
-.checkbox-info input:checked ~ span::before {
-    background-color: #48b0f7;
-    border-color: #48b0f7;
-}
-.checkbox-info input:checked ~ span::after {
-    border-color: #fff;
-}
-.checkbox-warning input:checked ~ span::before {
-    background-color: #faa64b;
-    border-color: #faa64b;
-}
-.checkbox-warning input:checked ~ span::after {
-    border-color: #fff;
-}
-.checkbox-danger input:checked ~ span::before {
-    background-color: #f96868;
-    border-color: #f96868;
-}
-.checkbox-danger input:checked ~ span::after {
-    border-color: #fff;
-}
-.checkbox-dark input:checked ~ span::before {
-    background-color: #465161;
-    border-color: #465161;
-}
-.checkbox-dark input:checked ~ span::after {
-    border-color: #fff;
-}
-.checkbox-secondary input:checked ~ span::before {
-    background-color: #e4e7ea;
-    border-color: #e4e7ea;
-}
-.checkbox-secondary input:checked ~ span::after {
-    border-color: #fff;
-}
-.checkbox-purple input:checked ~ span::before {
-    background-color: #926dde;
-    border-color: #926dde;
-}
-.checkbox-purple input:checked ~ span::after {
-    border-color: #fff;
-}
-.checkbox-pink input:checked ~ span::before {
-    background-color: #f96197;
-    border-color: #f96197;
-}
-.checkbox-pink input:checked ~ span::after {
-    border-color: #fff;
-}
-.checkbox-cyan input:checked ~ span::before {
-    background-color: #57c7d4;
-    border-color: #57c7d4;
-}
-.checkbox-cyan input:checked ~ span::after {
-    border-color: #fff;
-}
-.checkbox-yellow input:checked ~ span::before {
-    background-color: #fcc525;
-    border-color: #fcc525;
-}
-.checkbox-yellow input:checked ~ span::after {
-    border-color: #fff;
-}
-.checkbox-brown input:checked ~ span::before {
-    background-color: #8d6658;
-    border-color: #8d6658;
-}
-.checkbox-brown input:checked ~ span::after {
-    border-color: #fff;
-}
-/* radio */
-.lyear-radio span::before {
-    -webkit-border-radius: 50%;
-    border-radius: 50%;
-}
-.lyear-radio span::after {
-    border: 0;
-    height: 6px;
-    left: 6px;
-    top: 6px;
-    width: 6px;
-    background: #4d5259;
-    -webkit-border-radius: 100%;
-    border-radius: 100%;
-}
-.radio-primary input:checked ~ span::before {
-    background-color: #33cabb;
-    border-color: #33cabb;
-}
-.radio-primary input:checked ~ span::after {
-    background-color: #fff;
-}
-.radio-success input:checked ~ span::before {
-    background-color: #15c377;
-    border-color: #15c377;
-}
-.radio-success input:checked ~ span::after {
-    background-color: #fff;
-}
-.radio-info input:checked ~ span::before {
-    background-color: #48b0f7;
-    border-color: #48b0f7;
-}
-.radio-info input:checked ~ span::after {
-    background-color: #fff;
-}
-.radio-warning input:checked ~ span::before {
-    background-color: #faa64b;
-    border-color: #faa64b;
-}
-.radio-warning input:checked ~ span::after {
-    background-color: #fff;
-}
-.radio-danger input:checked ~ span::before {
-    background-color: #f96868;
-    border-color: #f96868;
-}
-.radio-danger input:checked ~ span::after {
-    background-color: #fff;
-}
-.radio-dark input:checked ~ span::before {
-    background-color: #465161;
-    border-color: #465161;
-}
-.radio-dark input:checked ~ span::after {
-    background-color: #fff;
-}
-.radio-secondary input:checked ~ span::before {
-    background-color: #e4e7ea;
-    border-color: #e4e7ea;
-}
-.radio-secondary input:checked ~ span::after {
-    background-color: #fff;
-}
-.radio-purple input:checked ~ span::before {
-    background-color: #926dde;
-    border-color: #926dde;
-}
-.radio-purple input:checked ~ span::after {
-    background-color: #fff;
-}
-.radio-pink input:checked ~ span::before {
-    background-color: #f96197;
-    border-color: #f96197;
-}
-.radio-pink input:checked ~ span::after {
-    background-color: #fff;
-}
-.radio-cyan input:checked ~ span::before {
-    background-color: #57c7d4;
-    border-color: #57c7d4;
-}
-.radio-cyan input:checked ~ span::after {
-    background-color: #fff;
-}
-.radio-yellow input:checked ~ span::before {
-    background-color: #fcc525;
-    border-color: #fcc525;
-}
-.radio-yellow input:checked ~ span::after {
-    background-color: #fff;
-}
-.radio-brown input:checked ~ span::before {
-    background-color: #8d6658;
-    border-color: #8d6658;
-}
-.radio-brown input:checked ~ span::after {
-    background-color: #fff;
-}
-
-.checkbox-inline,
-.radio-inline {
-    display: inline-block;
-}
-.form-horizontal .lyear-radio.radio-inline,
-.form-horizontal .lyear-checkbox.checkbox-inline {
-    padding-top: 0px;
-    margin-top: 8px;
-}
-
-/* 开关 */
-.lyear-switch {
-    display: -webkit-inline-box;
-    display: -webkit-inline-flex;
-    display: -ms-inline-flexbox;
-    display: inline-flex;
-    -webkit-box-align: center;
-    -webkit-align-items: center;
-    -ms-flex-align: center;
-    align-items: center;
-    margin-bottom: 0;
-}
-.lyear-switch input {
-    height: 0;
-    width: 0;
-    position: absolute;
-    opacity: 0;
-}
-.lyear-switch span {
-    display: inline-block;
-    position: relative;
-    width: 40px;
-    height: 10px;
-    -webkit-border-radius: 10px;
-    border-radius: 10px;
-    background-color: #ebebeb;
-    border: 2px solid #ebebeb;
-    cursor: pointer;
-    -webkit-transition: all 0.1s ease;
-    -o-transition: all 0.1s ease;
-    transition: all 0.1s ease;
-}
-.lyear-switch span:after {
-    content: '';
-    height: 20px;
-    width: 20px;
-    -webkit-border-radius: 50%;
-    border-radius: 50%;
-    position: absolute;
-    left: 1px;
-    top: -7px;
-    color: #aaa;
-    -webkit-transition: all 0.1s ease;
-    -o-transition: all 0.1s ease;
-    transition: all 0.1s ease;
-    text-align: center;
-    font-size: 13px;
-    background-color: #fff;
-    -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0 1px 6px, rgba(0, 0, 0, 0.12) 0 1px 4px;
-    box-shadow: rgba(0, 0, 0, 0.12) 0 1px 6px, rgba(0, 0, 0, 0.12) 0 1px 4px;
-}
-.lyear-switch input:checked ~ span:after {
-    left: -webkit-calc(100% - 20px);
-    left: calc(100% - 20px);
-}
-.switch-primary input:checked ~ span:after {
-    background-color: #33cabb;
-}
-.switch-success input:checked ~ span:after {
-    background-color: #15c377;
-}
-.switch-info input:checked ~ span:after {
-    background-color: #48b0f7;
-}
-.switch-warning input:checked ~ span:after {
-    background-color: #faa64b;
-}
-.switch-danger input:checked ~ span:after {
-    background-color: #f96868;
-}
-.switch-secondary input:checked ~ span:after {
-    background-color: #868e96;
-}
-.switch-dark input:checked ~ span:after {
-    background-color: #465161;
-}
-.switch-purple input:checked ~ span:after {
-    background-color: #926dde;
-}
-.switch-pink input:checked ~ span:after {
-    background-color: #f96197;
-}
-.switch-cyan input:checked ~ span:after {
-    background-color: #57c7d4;
-}
-.switch-yellow input:checked ~ span:after {
-    background-color: #fcc525;
-}
-.switch-brown input:checked ~ span:after {
-    background-color: #8d6658;
-}
-
-.lyear-switch.switch-solid span,
-.lyear-switch.switch-light span,
-.lyear-switch.switch-outline span {
-    height: 20px;
-}
-.lyear-switch.switch-solid span:after,
-.lyear-switch.switch-light span:after,
-.lyear-switch.switch-outline span:after {
-    top: -2px;
-}
-.lyear-switch.switch-outline span {
-    background-color: #fff;
-}
-.switch-solid.switch-primary input:checked ~ span {
-    background-color: #33cabb;
-    border-color: #33cabb;
-}
-.switch-solid.switch-primary input:checked ~ span:after {
-    background-color: #fff;
-    color: #33cabb;
-}
-.switch-solid.switch-success input:checked ~ span {
-    background-color: #15c377;
-    border-color: #15c377;
-}
-.switch-solid.switch-success input:checked ~ span:after {
-    background-color: #fff;
-    color: #15c377;
-}
-.switch-solid.switch-info input:checked ~ span {
-    background-color: #48b0f7;
-    border-color: #48b0f7;
-}
-.switch-solid.switch-info input:checked ~ span:after {
-    background-color: #fff;
-    color: #48b0f7;
-}
-.switch-solid.switch-warning input:checked ~ span {
-    background-color: #faa64b;
-    border-color: #faa64b;
-}
-.switch-solid.switch-warning input:checked ~ span:after {
-    background-color: #fff;
-    color: #faa64b;
-}
-.switch-solid.switch-danger input:checked ~ span {
-    background-color: #f96868;
-    border-color: #f96868;
-}
-.switch-solid.switch-danger input:checked ~ span:after {
-    background-color: #fff;
-    color: #f96868;
-}
-.switch-solid.switch-secondary input:checked ~ span {
-    background-color: #868e96;
-    border-color: #868e96;
-}
-.switch-solid.switch-secondary input:checked ~ span:after {
-    background-color: #fff;
-    color: #868e96;
-}
-.switch-solid.switch-dark input:checked ~ span {
-    background-color: #465161;
-    border-color: #465161;
-}
-.switch-solid.switch-dark input:checked ~ span:after {
-    background-color: #fff;
-    color: #465161;
-}
-.switch-solid.switch-purple input:checked ~ span {
-    background-color: #926dde;
-    border-color: #926dde;
-}
-.switch-solid.switch-purple input:checked ~ span:after {
-    background-color: #fff;
-    color: #926dde;
-}
-.switch-solid.switch-pink input:checked ~ span {
-    background-color: #f96197;
-    border-color: #f96197;
-}
-.switch-solid.switch-pink input:checked ~ span:after {
-    background-color: #fff;
-    color: #f96197;
-}
-.switch-solid.switch-cyan input:checked ~ span {
-    background-color: #57c7d4;
-    border-color: #57c7d4;
-}
-.switch-solid.switch-cyan input:checked ~ span:after {
-    background-color: #fff;
-    color: #57c7d4;
-}
-.switch-solid.switch-yellow input:checked ~ span {
-    background-color: #fcc525;
-    border-color: #fcc525;
-}
-.switch-solid.switch-yellow input:checked ~ span:after {
-    background-color: #fff;
-    color: #fcc525;
-}
-.switch-solid.switch-brown input:checked ~ span {
-    background-color: #8d6658;
-    border-color: #8d6658;
-}
-.switch-solid.switch-brown input:checked ~ span:after {
-    background-color: #fff;
-    color: #8d6658;
-}
-
-/* 模态框 */
-.modal-header {
-    border-bottom-color: #f1f2f3;
-}
-.modal-footer {
-    border-top-color: #f1f2f3;
-}
-.modal-content {
-    -webkit-border-radius: 3px;
-    border-radius: 3px;
-    border: none;
-    -webkit-box-shadow: none;
-    box-shadow: none;
-}
-
-/* 标签页 */
-.nav-tabs {
-    border-bottom-color: #ebebeb;
-    margin-bottom: 1rem;
-}
-.nav-tabs > li > a {
-    margin-right: 0px;
-    border: none;
-    border-bottom: 1px solid transparent;
-    border-radius: 0;
-    color: #8b95a5;
-    -webkit-transition: 0.5s;
-    transition: 0.5s;
-}
-.nav-tabs > li.active > a,
-.nav-tabs > li.active > a:focus,
-.nav-tabs > li.active > a:hover {
-    color: #4d5259;
-    border: none;
-    background-color: transparent;
-    border-bottom: 1px solid #33cabb;
-}
-.nav-tabs.nav > li > a:hover,
-.nav-tabs.nav > li > a:focus {
-    text-decoration: none;
-    background-color: transparent;
-    border-bottom-color: #33cabb;
-}
-.nav-tabs.nav-justified > .active > a,
-.nav-tabs.nav-justified > .active > a:focus,
-.nav-tabs.nav-justified > .active > a:hover {
-    color: #4d5259;
-    border: none;
-    border-bottom: 1px solid #33cabb;
-}
-@media (min-width: 768px) {
-    .nav-tabs.nav-justified > li > a {
-        border-bottom-color: #ebebeb;
-        -webkit-border-radius: 0px;
-        border-radius: 0px;
-    }
-}
-
-/* 进度条 */
-.progress {
-    height: 12px;
-    -webkit-border-radius: 2px;
-    -moz-border-radius: 2px;
-    -ms-border-radius: 2px;
-    -o-border-radius: 2px;
-    border-radius: 2px;
-    margin-bottom: 8px;
-    background-color: #f5f6f7;
-    -webkit-box-shadow: none;
-    box-shadow: none;
-}
-.progress-bar {
-    font-size: 10px;
-    line-height: 12px;
-    background-color: #33cabb;
-    -webkit-box-shadow: none;
-    box-shadow: none;
-}
-.progress-bar-success {
-    background-color: #15c377;
-}
-.progress-bar-info {
-    background-color: #48b0f7;
-}
-.progress-bar-warning {
-    background-color: #faa64b;
-}
-.progress-bar-danger {
-    background-color: #f96868;
-}
-.progress-bar-secondary {
-    background-color: #e4e7ea;
-}
-.progress-bar-pink {
-    background-color: #f96197;
-}
-.progress-bar-purple {
-    background-color: #926dde;
-}
-.progress-bar-brown {
-    background-color: #8d6658;
-}
-.progress-bar-cyan {
-    background-color: #57c7d4;
-}
-.progress-bar-yellow {
-    background-color: #fcc525;
-}
-.progress-bar-gray {
-    background-color: #868e96;
-}
-.progress-bar-dark {
-    background-color: #465161;
-}
-.progress-sm {
-    height: 8px;
-}
-.progress-lg {
-    height: 16px;
-}
-
-/* 弹出框 */
-.popover {
-    border-color: #ebebeb;
-    -webkit-border-radius: 2px;
-    border-radius: 2px;
-    -webkit-box-shadow: none;
-    box-shadow: none;
-    padding: 0px;
-}
-.popover-title {
-    background-color: #fcfdfe;
-    padding-top: 10px;
-    padding-bottom: 10px;
-    color: #616a78;
-    border-bottom-color: #f1f2f3;
-}
-.popover.top > .arrow {
-    border-top-color: #ebebeb;
-}
-.popover.right > .arrow {
-    border-right-color: #ebebeb;
-}
-.popover.bottom > .arrow {
-    border-bottom-color: #ebebeb;
-}
-.popover.left > .arrow {
-    border-left-color: #ebebeb;
-}
-
-/* 警告框 */
-.alert {
-    -webkit-border-radius: 2px;
-    border-radius: 2px;
-}
-.alert .alert-link:hover {
-    text-decoration: underline;
-}
-
-/* 分页 */
-.pagination > li > a,
-.pagination > li > span {
-    padding: 0px 8px;
-    margin: 0 3px;
-    color: #6c757d;
-    border-color: #dee2e6;
-    line-height: 29px;
-    min-width: 31px;
-    text-align: center;
-    -webkit-border-radius: 2px;
-    border-radius: 2px;
-}
-.pagination-sm > li > a,
-.pagination-sm > li > span {
-    padding: 0;
-    min-width: 26px;
-    line-height: 24px;
-}
-.pagination-lg > li > a,
-.pagination-lg > li > span {
-    padding: 0;
-    min-width: 37px;
-    line-height: 35px;
-}
-.pagination > li > a:hover,
-.pagination > li > a:focus .pagination > li > span:hover,
-.pagination > li > span:focus {
-    background-color: #f9fafb;
-    color: #4d5259;
-}
-.pagination > li:first-child a,
-.pagination > li:first-child span {
-    -webkit-border-radius: 2px;
-    border-radius: 2px;
-}
-.pagination > li:last-child a,
-.pagination > li:last-child span {
-    border-top-right-radius: 2px;
-    border-bottom-right-radius: 2px;
-}
-.pagination > .active > a,
-.pagination > .active > a:focus,
-.pagination > .active > a:hover,
-.pagination > .active > span,
-.pagination > .active > span:focus,
-.pagination > .active > span:hover {
-    background-color: #33cabb;
-    border-color: #33cabb;
-}
-.pagination > .disabled > a,
-.pagination > .disabled > a:focus,
-.pagination > .disabled > a:hover,
-.pagination > .disabled > span,
-.pagination > .disabled > span:focus,
-.pagination > .disabled > span:hover {
-    color: #6c757d;
-    opacity: 0.6;
-}
-.pagination.no-border > li a,
-.pagination.no-border > li span {
-    border: none;
-}
-.pagination-circle > li a,
-.pagination-circle > li span {
-    -webkit-border-radius: 50% !important;
-    border-radius: 50% !important;
-}
-.pagination.no-gutters > li a,
-.pagination.no-gutters > li span {
-    margin: 0;
-    margin-left: -1px;
-    -webkit-border-radius: 0 !important;
-    border-radius: 0 !important;
-}
-
-.pager li > a,
-.pager li > span {
-    -webkit-border-radius: 2px;
-    border-radius: 2px;
-    background-color: #fcfdfe;
-    border-color: #ebebeb;
-    color: #8b95a5;
-}
-.pager li > a:hover,
-.pager li > a:focus {
-    background-color: #f9fafb;
-    color: #4d5259;
-}
-.pager li > a:active,
-.pager li > a.active {
-    background-color: #f9fafb;
-    color: #4d5259;
-}
-.pager .disabled > a,
-.pager .disabled > a:focus,
-.pager .disabled > a:hover,
-.pager .disabled > span {
-    opacity: 0.6;
-    background-color: #fcfdfe;
-}
-
-/* 按钮 */
-.btn-w-xs {
-    width: 80px;
-}
-.btn-w-sm {
-    width: 100px;
-}
-.btn-w-md {
-    width: 120px;
-}
-.btn-w-lg {
-    width: 145px;
-}
-.btn-w-xl {
-    width: 180px;
-}
-.btn {
-    color: #8b95a5;
-    padding: 8px 12px;
-    letter-spacing: 1px;
-    border-radius: 2px;
-    background-color: #fff;
-    outline: none !important;
-    -webkit-transition: 0.15s linear;
-    transition: 0.15s linear;
-}
-.btn:focus,
-.btn.focus,
-.btn:active,
-.btn.active {
-    -webkit-box-shadow: none !important;
-    box-shadow: none !important;
-}
-.btn-default {
-    background-color: #fcfdfe;
-    border-color: #ebebeb;
-    color: #8b95a5;
-}
-.btn-default:hover {
-    background-color: #f9fafb;
-    border-color: #ebebeb;
-    color: #4d5259;
-}
-.btn-default:focus,
-.btn-default.focus,
-.btn-default:active,
-.btn-default.active,
-.show > .btn-default.dropdown-toggle,
-.open > .btn-default.dropdown-toggle {
-    background-color: #f9fafb !important;
-    border-color: #ebebeb !important;
-    color: #4d5259;
-}
-.btn-default:not([disabled]):not(.disabled).active,
-.btn-default:not([disabled]):not(.disabled):active,
-.show > .btn-default.dropdown-toggle {
-    background-color: #f9fafb !important;
-    border-color: #ebebeb !important;
-    color: #4d5259;
-    -webkit-box-shadow: none;
-    box-shadow: none;
-}
-.btn-default.disabled,
-.btn-default:disabled {
-    background-color: #fcfdfe;
-    border-color: #ebebeb;
-    opacity: 0.5;
-}
-.btn-primary {
-    background-color: #33cabb;
-    border-color: #33cabb;
-    color: #fff !important;
-}
-.btn-primary:hover {
-    background-color: #52d3c7;
-    border-color: #52d3c7;
-}
-.btn-primary:focus,
-.btn-primary.focus,
-.btn-primary.active,
-.btn-primary:active,
-.open > .dropdown-toggle.btn-primary {
-    background-color: #52d3c7 !important;
-    border-color: #52d3c7 !important;
-}
-.btn-primary.disabled,
-.btn-primary:disabled {
-    background-color: #33cabb;
-    border-color: #33cabb;
-    opacity: 0.5;
-}
-.btn-primary:not([disabled]):not(.disabled).active,
-.btn-primary:not([disabled]):not(.disabled):active,
-.show > .btn-primary.dropdown-toggle {
-    background-color: #2ba99d !important;
-    border-color: #2ba99d !important;
-    -webkit-box-shadow: none;
-    box-shadow: none;
-}
-.btn-primary.disabled.focus,
-.btn-primary.disabled:focus,
-.btn-primary.disabled:hover,
-.btn-primary[disabled].focus,
-.btn-primary[disabled]:focus,
-.btn-primary[disabled]:hover,
-fieldset[disabled] .btn-primary.focus,
-fieldset[disabled] .btn-primary:focus,
-fieldset[disabled] .btn-primary:hover {
-    background-color: #26bba8;
-    border-color: #26bba8;
-}
-.btn-success {
-    background-color: #15c377;
-    border-color: #15c377;
-    color: #fff !important;
-}
-.btn-success:hover {
-    background-color: #16d17f;
-    border-color: #16d17f;
-}
-.btn-success:focus,
-.btn-success.focus,
-.btn-success.active,
-.btn-success:active,
-.open > .dropdown-toggle.btn-success {
-    background-color: #16d17f !important;
-    border-color: #16d17f !important;
-}
-.btn-success.disabled,
-.btn-success:disabled {
-    background-color: #15c377;
-    border-color: #15c377;
-    opacity: 0.5;
-}
-.btn-success:not([disabled]):not(.disabled).active,
-.btn-success:not([disabled]):not(.disabled):active,
-.show > .btn-success.dropdown-toggle {
-    background-color: #14b56f !important;
-    border-color: #14b56f !important;
-    -webkit-box-shadow: none;
-    box-shadow: none;
-}
-.btn-success.disabled.focus,
-.btn-success.disabled:focus,
-.btn-success.disabled:hover,
-.btn-success[disabled].focus,
-.btn-success[disabled]:focus,
-.btn-success[disabled]:hover,
-fieldset[disabled] .btn-success.focus,
-fieldset[disabled] .btn-success:focus,
-fieldset[disabled] .btn-success:hover {
-    background-color: #0fb25f;
-    border-color: #0fb25f;
-}
-.btn-info {
-    background-color: #48b0f7;
-    border-color: #48b0f7;
-    color: #fff !important;
-}
-.btn-info:hover {
-    background-color: #65bdf8;
-    border-color: #65bdf8;
-}
-.btn-info:focus,
-.btn-info.focus,
-.btn-info.active,
-.btn-info:active,
-.open > .dropdown-toggle.btn-info {
-    background-color: #65bdf8 !important;
-    border-color: #65bdf8 !important;
-}
-.btn-info.disabled,
-.btn-info:disabled {
-    background-color: #48b0f7;
-    border-color: #48b0f7;
-    opacity: 0.5;
-}
-.btn-info:not([disabled]):not(.disabled).active,
-.btn-info:not([disabled]):not(.disabled):active,
-.show > .btn-info.dropdown-toggle {
-    background-color: #2ba3f6 !important;
-    border-color: #2ba3f6 !important;
-    -webkit-box-shadow: none;
-    box-shadow: none;
-}
-.btn-info.disabled.focus,
-.btn-info.disabled:focus,
-.btn-info.disabled:hover,
-.btn-info[disabled].focus,
-.btn-info[disabled]:focus,
-.btn-info[disabled]:hover,
-fieldset[disabled] .btn-info.focus,
-fieldset[disabled] .btn-info:focus,
-fieldset[disabled] .btn-info:hover {
-    background-color: #379bf5;
-    border-color: #379bf5;
-}
-.btn-warning {
-    background-color: #faa64b;
-    border-color: #faa64b;
-    color: #fff !important;
-}
-.btn-warning:hover {
-    background-color: #fbb264;
-    border-color: #fbb264;
-}
-.btn-warning:focus,
-.btn-warning.focus,
-.btn-warning.active,
-.btn-warning:active,
-.open > .dropdown-toggle.btn-warning {
-    background-color: #fbb264 !important;
-    border-color: #fbb264 !important;
-}
-.btn-warning.disabled,
-.btn-warning:disabled {
-    background-color: #faa64b;
-    border-color: #faa64b;
-    opacity: 0.5;
-}
-.btn-warning:not([disabled]):not(.disabled).active,
-.btn-warning:not([disabled]):not(.disabled):active,
-.show > .btn-warning.dropdown-toggle {
-    background-color: #f99a32 !important;
-    border-color: #f99a32 !important;
-    -webkit-box-shadow: none;
-    box-shadow: none;
-}
-.btn-warning.disabled.focus,
-.btn-warning.disabled:focus,
-.btn-warning.disabled:hover,
-.btn-warning[disabled].focus,
-.btn-warning[disabled]:focus,
-.btn-warning[disabled]:hover,
-fieldset[disabled] .btn-warning.focus,
-fieldset[disabled] .btn-warning:focus,
-fieldset[disabled] .btn-warning:hover {
-    background-color: #f89038;
-    border-color: #f89038;
-}
-.btn-danger {
-    background-color: #f96868;
-    border-color: #f96868;
-    color: #fff !important;
-}
-.btn-danger:hover {
-    background-color: #fa8181;
-    border-color: #fa8181;
-}
-.btn-danger:focus,
-.btn-danger.focus,
-.btn-danger.active,
-.btn-danger:active,
-.open > .dropdown-toggle.btn-danger {
-    background-color: #fa8181 !important;
-    border-color: #fa8181 !important;
-}
-.btn-danger.disabled,
-.btn-danger:disabled {
-    background-color: #f96868;
-    border-color: #f96868;
-    opacity: 0.5;
-}
-.btn-danger:not([disabled]):not(.disabled).active,
-.btn-danger:not([disabled]):not(.disabled):active,
-.show > .btn-danger.dropdown-toggle {
-    background-color: #f84f4f !important;
-    border-color: #f84f4f !important;
-    -webkit-box-shadow: none;
-    box-shadow: none;
-}
-.btn-danger.disabled.focus,
-.btn-danger.disabled:focus,
-.btn-danger.disabled:hover,
-.btn-danger[disabled].focus,
-.btn-danger[disabled]:focus,
-.btn-danger[disabled]:hover,
-fieldset[disabled] .btn-danger.focus,
-fieldset[disabled] .btn-danger:focus,
-fieldset[disabled] .btn-danger:hover {
-    background-color: #f75252;
-    border-color: #f75252;
-}
-.btn-secondary {
-    color: #4d5259 !important;
-    background-color: #e4e7ea;
-    border-color: #e4e7ea;
-}
-.btn-secondary:hover {
-    background-color: #edeff1;
-    border-color: #edeff1;
-}
-.btn-secondary:focus,
-.btn-secondary.focus,
-.btn-secondary.active,
-.btn-secondary:active,
-.open > .dropdown-toggle.btn-secondary {
-    background-color: #edeff1 !important;
-    border-color: #edeff1 !important;
-}
-.btn-secondary.disabled,
-.btn-secondary:disabled {
-    background-color: #e4e7ea;
-    border-color: #e4e7ea;
-    opacity: 0.5;
-}
-.btn-secondary:not([disabled]):not(.disabled).active,
-.btn-secondary:not([disabled]):not(.disabled):active,
-.show > .btn-secondary.dropdown-toggle {
-    background-color: #dbdfe3 !important;
-    border-color: #dbdfe3 !important;
-    -webkit-box-shadow: none;
-    box-shadow: none;
-}
-.btn-secondary.disabled.focus,
-.btn-secondary.disabled:focus,
-.btn-secondary.disabled:hover,
-.btn-secondary[disabled].focus,
-.btn-secondary[disabled]:focus,
-.btn-secondary[disabled]:hover,
-fieldset[disabled] .btn-secondary.focus,
-fieldset[disabled] .btn-secondary:focus,
-fieldset[disabled] .btn-secondary:hover {
-    background-color: #dbdfe3;
-    border-color: #dbdfe3;
-}
-.btn-link {
-    color: #48b0f7;
-    background-color: transparent;
-    border-color: transparent;
-}
-.btn-link:hover,
-.btn-link:focus {
-    text-decoration: none;
-    color: #e4e7ea;
-}
-.btn-purple {
-    background-color: #926dde;
-    border-color: #926dde;
-    color: #fff !important;
-}
-.btn-purple:hover {
-    background-color: #a282e3;
-    border-color: #a282e3;
-}
-.btn-purple:focus,
-.btn-purple.focus,
-.btn-purple.active,
-.btn-purple:active,
-.open > .dropdown-toggle.btn-purple {
-    background-color: #a282e3 !important;
-    border-color: #a282e3 !important;
-}
-.btn-purple.disabled,
-.btn-purple:disabled {
-    background-color: #926dde;
-    border-color: #926dde;
-    opacity: 0.5;
-}
-.btn-purple:not([disabled]):not(.disabled).active,
-.btn-purple:not([disabled]):not(.disabled):active,
-.show > .btn-purple.dropdown-toggle {
-    background-color: #8258d9 !important;
-    border-color: #8258d9 !important;
-    -webkit-box-shadow: none;
-    box-shadow: none;
-}
-.btn-purple.disabled.focus,
-.btn-purple.disabled:focus,
-.btn-purple.disabled:hover,
-.btn-purple[disabled].focus,
-.btn-purple[disabled]:focus,
-.btn-purple[disabled]:hover,
-fieldset[disabled] .btn-purple.focus,
-fieldset[disabled] .btn-purple:focus,
-fieldset[disabled] .btn-purple:hover {
-    background-color: #7a56d4;
-    border-color: #7a56d4;
-}
-.btn-pink {
-    background-color: #f96197;
-    border-color: #f96197;
-    color: #fff !important;
-}
-.btn-pink:hover {
-    background-color: #fa75a4;
-    border-color: #fa75a4;
-}
-.btn-pink:focus,
-.btn-pink.focus,
-.btn-pink.active,
-.btn-pink:active,
-.open > .dropdown-toggle.btn-pink {
-    background-color: #fa75a4 !important;
-    border-color: #fa75a4 !important;
-}
-.btn-pink.disabled,
-.btn-pink:disabled {
-    background-color: #f96197;
-    border-color: #f96197;
-    opacity: 0.5;
-}
-.btn-pink:not([disabled]):not(.disabled).active,
-.btn-pink:not([disabled]):not(.disabled):active,
-.show > .btn-pink.dropdown-toggle {
-    background-color: #f84d8a !important;
-    border-color: #f84d8a !important;
-    -webkit-box-shadow: none;
-    box-shadow: none;
-}
-.btn-pink.disabled.focus,
-.btn-pink.disabled:focus,
-.btn-pink.disabled:hover,
-.btn-pink[disabled].focus,
-.btn-pink[disabled]:focus,
-.btn-pink[disabled]:hover,
-fieldset[disabled] .btn-pink.focus,
-fieldset[disabled] .btn-pink:focus,
-fieldset[disabled] .btn-pink:hover {
-    background-color: #f74b80;
-    border-color: #f74b80;
-}
-.btn-cyan {
-    background-color: #57c7d4;
-    border-color: #57c7d4;
-    color: #fff !important;
-}
-.btn-cyan:hover {
-    background-color: #77d2dc;
-    border-color: #77d2dc;
-}
-.btn-cyan:focus,
-.btn-cyan.focus,
-.btn-cyan.active,
-.btn-cyan:active,
-.open > .dropdown-toggle.btn-cyan {
-    background-color: #77d2dc !important;
-    border-color: #77d2dc !important;
-}
-.btn-cyan.disabled,
-.btn-cyan:disabled {
-    background-color: #57c7d4;
-    border-color: #57c7d4;
-    opacity: 0.5;
-}
-.btn-cyan:not([disabled]):not(.disabled).active,
-.btn-cyan:not([disabled]):not(.disabled):active,
-.show > .btn-cyan.dropdown-toggle {
-    background-color: #37bccc !important;
-    border-color: #37bccc !important;
-    -webkit-box-shadow: none;
-    box-shadow: none;
-}
-.btn-cyan.disabled.focus,
-.btn-cyan.disabled:focus,
-.btn-cyan.disabled:hover,
-.btn-cyan[disabled].focus,
-.btn-cyan[disabled]:focus,
-.btn-cyan[disabled]:hover,
-fieldset[disabled] .btn-cyan.focus,
-fieldset[disabled] .btn-cyan:focus,
-fieldset[disabled] .btn-cyan:hover {
-    background-color: #42b7c7;
-    border-color: #42b7c7;
-}
-.btn-yellow {
-    background-color: #fcc525;
-    border-color: #fcc525;
-    color: #fff !important;
-}
-.btn-yellow:hover {
-    background-color: #fdd04d;
-    border-color: #fdd04d;
-}
-.btn-yellow:focus,
-.btn-yellow.focus,
-.btn-yellow.active,
-.btn-yellow:active,
-.open > .dropdown-toggle.btn-yellow {
-    background-color: #fdd04d !important;
-    border-color: #fdd04d !important;
-}
-.btn-yellow.disabled,
-.btn-yellow:disabled {
-    background-color: #fcc525;
-    border-color: #fcc525;
-    opacity: 0.5;
-}
-.btn-yellow:not([disabled]):not(.disabled).active,
-.btn-yellow:not([disabled]):not(.disabled):active,
-.show > .btn-yellow.dropdown-toggle {
-    background-color: #f5b703 !important;
-    border-color: #f5b703 !important;
-    -webkit-box-shadow: none;
-    box-shadow: none;
-}
-.btn-yellow.disabled.focus,
-.btn-yellow.disabled:focus,
-.btn-yellow.disabled:hover,
-.btn-yellow[disabled].focus,
-.btn-yellow[disabled]:focus,
-.btn-yellow[disabled]:hover,
-fieldset[disabled] .btn-yellow.focus,
-fieldset[disabled] .btn-yellow:focus,
-fieldset[disabled] .btn-yellow:hover {
-    background-color: #fcb41b;
-    border-color: #fcb41b;
-}
-.btn-brown {
-    background-color: #8d6658;
-    border-color: #8d6658;
-    color: #fff !important;
-}
-.btn-brown:hover {
-    background-color: #9d7162;
-    border-color: #9d7162;
-}
-.btn-brown:focus,
-.btn-brown.focus,
-.btn-brown.active,
-.btn-brown:active,
-.open > .dropdown-toggle.btn-brown {
-    background-color: #8d6658 !important;
-    border-color: #8d6658 !important;
-}
-.btn-brown.disabled,
-.btn-brown:disabled {
-    background-color: #8d6658;
-    border-color: #8d6658;
-    opacity: 0.5;
-}
-.btn-brown:not([disabled]):not(.disabled).active,
-.btn-brown:not([disabled]):not(.disabled):active,
-.show > .btn-brown.dropdown-toggle {
-    background-color: #7d5b4e !important;
-    border-color: #7d5b4e !important;
-    -webkit-box-shadow: none;
-    box-shadow: none;
-}
-.btn-brown.disabled.focus,
-.btn-brown.disabled:focus,
-.btn-brown.disabled:hover,
-.btn-brown[disabled].focus,
-.btn-brown[disabled]:focus,
-.btn-brown[disabled]:hover,
-fieldset[disabled] .btn-brown.focus,
-fieldset[disabled] .btn-brown:focus,
-fieldset[disabled] .btn-brown:hover {
-    background-color: #755043;
-    border-color: #755043;
-}
-.btn-dark {
-    background-color: #465161;
-    border-color: #465161;
-    color: #fff !important;
-}
-.btn-dark:hover {
-    background-color: #515d70;
-    border-color: #515d70;
-}
-.btn-dark:focus,
-.btn-dark.focus,
-.btn-dark.active,
-.btn-dark:active,
-.open > .dropdown-toggle.btn-dark {
-    background-color: #515d70 !important;
-    border-color: #515d70 !important;
-}
-.btn-dark.disabled,
-.btn-dark:disabled {
-    background-color: #465161;
-    border-color: #465161;
-    opacity: 0.5;
-}
-.btn-dark:not([disabled]):not(.disabled).active,
-.btn-dark:not([disabled]):not(.disabled):active,
-.show > .btn-dark.dropdown-toggle {
-    background-color: #3b4552 !important;
-    border-color: #3b4552 !important;
-    -webkit-box-shadow: none;
-    box-shadow: none;
-}
-.btn-dark.disabled.focus,
-.btn-dark.disabled:focus,
-.btn-dark.disabled:hover,
-.btn-dark[disabled].focus,
-.btn-dark[disabled]:focus,
-.btn-dark[disabled]:hover,
-fieldset[disabled] .btn-dark.focus,
-fieldset[disabled] .btn-dark:focus,
-fieldset[disabled] .btn-dark:hover {
-    background-color: #353e4b;
-    border-color: #353e4b;
-}
-.btn-round {
-    -webkit-border-radius: 10rem;
-}
-.btn-label {
-    position: relative;
-    padding-left: 52px;
-    overflow: hidden;
-}
-.btn-label label {
-    position: absolute;
-    left: 0;
-    top: 0;
-    bottom: 0;
-    width: 36px;
-    line-height: 1.5;
-    padding-top: 5px;
-    padding-bottom: 5px;
-    background-color: rgba(0, 0, 0, 0.1);
-    cursor: pointer;
-    margin-bottom: 0;
-}
-.btn-label label i {
-    font-size: 16px;
-}
-.btn-group-xs > .btn,
-.btn-xs {
-    font-size: 12px;
-    padding: 2px 6px;
-    line-height: 18px;
-}
-.btn-group-sm > .btn,
-.btn-sm {
-    font-size: 12px;
-    padding: 4px 8px;
-    line-height: 20px;
-}
-.btn-group-lg > .btn,
-.btn-lg {
-    font-size: 16px;
-    padding: 7px 20px;
-    line-height: 32px;
-}
-.btn-sm.btn-label {
-    padding-left: 42px;
-}
-.btn-sm.btn-label label {
-    line-height: 20px;
-    width: 30px;
-}
-.btn-lg.btn-label {
-    padding-left: 58px;
-}
-.btn-lg.btn-label label {
-    line-height: 36px;
-    width: 36px;
-}
-.btn-xs.btn-label {
-    padding-left: 36px;
-}
-.btn-xs.btn-label label {
-    line-height: 14px;
-    width: 28px;
-}
-.btn-group-justified {
-    display: -webkit-box;
-    display: flex;
-    -webkit-box-pack: justify;
-    justify-content: space-between;
-}
-.btn-group-justified .btn {
-    width: 100%;
-}
-.btn-group-round .btn:first-child {
-    border-top-left-radius: 10rem;
-    border-bottom-left-radius: 10rem;
-}
-.btn-group-round .btn:last-child {
-    border-top-right-radius: 10rem;
-    border-bottom-right-radius: 10rem;
-}
-
-/* 背景色 */
-.bg-primary {
-    background-color: #33cabb !important;
-    color: #fff !important;
-}
-.bg-secondary {
-    background-color: #e4e7ea !important;
-    color: #fff !important;
-}
-.bg-success {
-    background-color: #15c377 !important;
-    color: #fff !important;
-}
-.bg-info {
-    background-color: #48b0f7 !important;
-    color: #fff !important;
-}
-.bg-warning {
-    background-color: #faa64b !important;
-    color: #fff !important;
-}
-.bg-danger {
-    background-color: #f96868 !important;
-    color: #fff !important;
-}
-.bg-pink {
-    background-color: #f96197 !important;
-    color: #fff !important;
-}
-.bg-purple {
-    background-color: #926dde !important;
-    color: #fff !important;
-}
-.bg-brown {
-    background-color: #8d6658 !important;
-    color: #fff !important;
-}
-.bg-cyan {
-    background-color: #57c7d4 !important;
-    color: #fff !important;
-}
-.bg-yellow {
-    background-color: #fcc525 !important;
-    color: #fff !important;
-}
-.bg-gray {
-    background-color: #868e96 !important;
-    color: #fff !important;
-}
-.bg-dark {
-    background-color: #465161 !important;
-    color: #fff !important;
-}
-.bg-white {
-    background-color: #fff !important;
-}
-.bg-lightest {
-    background-color: #fcfdfe !important;
-}
-.bg-lighter {
-    background-color: #f9fafb !important;
-}
-.bg-light {
-    background-color: #f5f6f7 !important;
-}
-.bg-translucent {
-    background-color: rgba(255, 255, 255, 0.175);
-}
-.bg-transparent {
-    background-color: transparent !important;
-}
-
-/* 字体颜色 */
-.text-primary {
-    color: #33cabb !important;
-}
-.text-secondary {
-    color: #e4e7ea !important;
-}
-.text-success {
-    color: #15c377 !important;
-}
-.text-info {
-    color: #48b0f7 !important;
-}
-.text-warning {
-    color: #faa64b !important;
-}
-.text-danger {
-    color: #f96868 !important;
-}
-.text-pink {
-    color: #f96197 !important;
-}
-.text-purple {
-    color: #926dde !important;
-}
-.text-brown {
-    color: #8d6658 !important;
-}
-.text-cyan {
-    color: #57c7d4 !important;
-}
-.text-yellow {
-    color: #fcc525 !important;
-}
-.text-gray {
-    color: #868e96 !important;
-}
-.text-dark {
-    color: #465161 !important;
-}
-.text-default {
-    color: #4d5259 !important;
-}
-.text-muted {
-    color: #868e96 !important;
-}
-.text-light {
-    color: #616a78 !important;
-}
-.text-lighter {
-    color: #a5b3c7 !important;
-}
-.text-fade {
-    color: rgba(77, 82, 89, 0.7) !important;
-}
-.text-fader {
-    color: rgba(77, 82, 89, 0.5) !important;
-}
-.text-fadest {
-    color: rgba(77, 82, 89, 0.4) !important;
-}
-.text-white {
-    color: #ffffff !important;
-}
-.text-transparent {
-    color: transparent !important;
-}
-a.text-primary:hover,
-a.text-primary:focus {
-    color: #33cabb !important;
-}
-a.text-secondary:hover,
-a.text-secondary:focus {
-    color: #e4e7ea !important;
-}
-a.text-info:hover,
-a.text-info:focus {
-    color: #48b0f7 !important;
-}
-a.text-success:hover,
-a.text-success:focus {
-    color: #15c377 !important;
-}
-a.text-warning:hover,
-a.text-warning:focus {
-    color: #faa64b !important;
-}
-a.text-danger:hover,
-a.text-danger:focus {
-    color: #f96868 !important;
-}
-
-/* 分割线 */
-.divider {
-    display: -webkit-box;
-    display: flex;
-    -webkit-box-align: center;
-    align-items: center;
-    -webkit-box-flex: 0;
-    flex: 0 1;
-    color: #8b95a5;
-    font-size: 11px;
-    letter-spacing: 0.5px;
-    margin: 2rem auto;
-    width: 100%;
-}
-.divider::before,
-.divider::after {
-    content: '';
-    -webkit-box-flex: 1;
-    flex-grow: 1;
-    border-top: 1px solid #ebebeb;
-}
-.divider::before {
-    margin-right: 16px;
-}
-.divider::after {
-    margin-left: 16px;
-}
-
-/* 其他 */
-hr {
-    border-top-color: rgba(77, 82, 89, 0.05);
-    margin: 2rem auto;
-}
-dd,
-dt {
-    line-height: 1.75;
-}
-.lead {
-    font-size: 16px;
-    line-height: 1.75;
-}
-.irs {
-    font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'PingFang SC', 'Hiragino Sans GB',
-        'Microsoft YaHei', sans-serif;
-}
-
-/** ----------------------------------
- * 辅助类
- -------------------------------------- */
-/* margin */
-.m-0 {
-    margin: 0px !important;
-}
-.mt-0 {
-    margin-top: 0px !important;
-}
-.mb-0 {
-    margin-bottom: 0px !important;
-}
-.m-5 {
-    margin: 5px !important;
-}
-.mt-5 {
-    margin-top: 5px !important;
-}
-.mr-5 {
-    margin-right: 5px !important;
-}
-.mb-5 {
-    margin-bottom: 5px !important;
-}
-.ml-5 {
-    margin-left: 5px !important;
-}
-.m-10 {
-    margin: 10px !important;
-}
-.m-tb-10 {
-    margin: 10px 0px !important;
-}
-.m-lr-10 {
-    margin: 0px 10px !important;
-}
-.mt-10 {
-    margin-top: 10px !important;
-}
-.mr-10 {
-    margin-right: 10px !important;
-}
-.mb-10 {
-    margin-bottom: 10px !important;
-}
-.ml-10 {
-    margin-left: 10px !important;
-}
-
-/* padding */
-.p-0 {
-    padding: 0px !important;
-}
-.pt-0 {
-    padding-top: 0px !important;
-}
-.pb-0 {
-    padding-bottom: 0px !important;
-}
-.p-10 {
-    padding: 10px !important;
-}
-.pt-10 {
-    padding: 10px 0px !important;
-}
-.p-lr-10 {
-    padding: 0px 10px !important;
-}
-.pt-10 {
-    padding-top: 10px !important;
-}
-.pr-10 {
-    padding-right: 10px !important;
-}
-.pb-10 {
-    padding-bottom: 10px !important;
-}
-.pl-10 {
-    padding-left: 10px !important;
-}
-.p-lr-15 {
-    padding: 0px 15px !important;
-}
-.pl-20 {
-    padding-left: 20px !important;
-}
-.pl-40 {
-    padding-left: 40px !important;
-}
-
-/* 字体大小 */
-.fa-1-5x {
-    font-size: 1.5em;
-}
-.fa-2x {
-    font-size: 2em;
-}
-.fa-3x {
-    font-size: 3em;
-}
-.fa-4x {
-    font-size: 4em;
-}
-.fa-5x {
-    font-size: 5em;
-}
-.fa-6x {
-    font-size: 6em;
-}
-.fa-7x {
-    font-size: 7em;
-}
-.fa-8x {
-    font-size: 8em;
-}
-.fa-9x {
-    font-size: 9em;
-}
-.fa-10x {
-    font-size: 10em;
-}
-
-/* 宽度 */
-.w-5 {
-    width: 5%;
-}
-.w-10 {
-    width: 10%;
-}
-.w-15 {
-    width: 15%;
-}
-.w-20 {
-    width: 20%;
-}
-.w-25 {
-    width: 25%;
-}
-.w-30 {
-    width: 30%;
-}
-.w-35 {
-    width: 35%;
-}
-.w-40 {
-    width: 40%;
-}
-.w-45 {
-    width: 45%;
-}
-.w-50 {
-    width: 50%;
-}
-.w-55 {
-    width: 55%;
-}
-.w-60 {
-    width: 60%;
-}
-.w-65 {
-    width: 65%;
-}
-.w-70 {
-    width: 70%;
-}
-.w-75 {
-    width: 75%;
-}
-.w-80 {
-    width: 80%;
-}
-.w-85 {
-    width: 85%;
-}
-.w-90 {
-    width: 90%;
-}
-.w-95 {
-    width: 95%;
-}
-.w-100 {
-    width: 100%;
-}
-
-/* 图库 */
-.masonry-grid {
-    -webkit-column-count: 3;
-    -moz-column-count: 3;
-    column-count: 3;
-    -webkit-column-gap: 30px;
-    -moz-column-gap: 30px;
-    column-gap: 30px;
-}
-.masonry-item {
-    display: block;
-    -webkit-column-break-inside: avoid;
-    break-inside: avoid;
-    padding-bottom: 30px;
-}
-.masonry-grid.gap-2 {
-    -webkit-column-gap: 16px;
-    -moz-column-gap: 16px;
-    column-gap: 16px;
-}
-.masonry-grid.gap-2 .masonry-item {
-    padding-bottom: 16px;
-}
-
-/** ----------------------------------
- * 滚动条样式
- -------------------------------------- */
-.ps {
-    overflow: hidden !important;
-    overflow-anchor: none;
-    -ms-overflow-style: none;
-    touch-action: auto;
-    -ms-touch-action: auto;
-}
-.ps__rail-x {
-    display: none;
-    opacity: 0;
-    transition: background-color 0.2s linear, opacity 0.2s linear;
-    -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
-    height: 6px;
-    bottom: 2px;
-    position: absolute;
-}
-
-.ps__rail-y {
-    display: none;
-    opacity: 0;
-    transition: background-color 0.2s linear, opacity 0.2s linear;
-    -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
-    width: 6px;
-    right: 2px;
-    position: absolute;
-}
-.ps--active-x > .ps__rail-x,
-.ps--active-y > .ps__rail-y {
-    display: block;
-    background-color: transparent;
-}
-.ps:hover > .ps__rail-x,
-.ps:hover > .ps__rail-y,
-.ps--focus > .ps__rail-x,
-.ps--focus > .ps__rail-y,
-.ps--scrolling-x > .ps__rail-x,
-.ps--scrolling-y > .ps__rail-y {
-    opacity: 0.6;
-}
-.ps .ps__rail-x:hover,
-.ps .ps__rail-y:hover,
-.ps .ps__rail-x:focus,
-.ps .ps__rail-y:focus,
-.ps .ps__rail-x.ps--clicking,
-.ps .ps__rail-y.ps--clicking {
-    background-color: #eee;
-    opacity: 0.9;
-}
-.ps__thumb-x {
-    background-color: #aaa;
-    border-radius: 6px;
-    transition: background-color 0.2s linear, height 0.2s ease-in-out;
-    -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
-    height: 3px;
-    bottom: 0px;
-    position: absolute;
-}
-.ps__thumb-y {
-    background-color: #aaa;
-    border-radius: 6px;
-    transition: background-color 0.2s linear, width 0.2s ease-in-out;
-    -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
-    width: 3px;
-    right: 0px;
-    position: absolute;
-}
-.ps__rail-x:hover > .ps__thumb-x,
-.ps__rail-x:focus > .ps__thumb-x,
-.ps__rail-x.ps--clicking .ps__thumb-x {
-    background-color: #999;
-    height: 6px;
-}
-.ps__rail-y:hover > .ps__thumb-y,
-.ps__rail-y:focus > .ps__thumb-y,
-.ps__rail-y.ps--clicking .ps__thumb-y {
-    background-color: #999;
-    width: 6px;
-}
-@supports (-ms-overflow-style: none) {
-    .ps {
-        overflow: auto !important;
-    }
-}
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-    .ps {
-        overflow: auto !important;
-    }
-}
-
-/** ----------------------------------
- * 左侧导航
- -------------------------------------- */
-.lyear-layout-sidebar {
-    position: fixed;
-    top: 0;
-    bottom: 0;
-    z-index: 5;
-    display: block;
-    width: 240px;
-    font-weight: 500;
-    -webkit-backface-visibility: hidden;
-    backface-visibility: hidden;
-    -webkit-transition: 0.3s transform;
-    transition: 0.3s transform;
-    transform: translateX(0);
-    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.08);
-    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.08);
-    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.08);
-}
-.lyear-layout-sidebar-close .lyear-layout-sidebar {
-    transform: translateX(-100%);
-    -webkit-box-shadow: none;
-    -moz-box-shadow: none;
-    box-shadow: none;
-}
-.lyear-layout-sidebar-close .lyear-layout-header,
-.lyear-layout-sidebar-close .lyear-layout-content {
-    padding-left: 0px;
-}
-.lyear-layout-sidebar-scroll {
-    height: -moz-calc(100% - 68px);
-    height: -webkit-calc(100% - 68px);
-    height: calc(100% - 68px);
-    position: relative;
-    background-color: #fff;
-}
-
-/* 侧边栏开关 */
-.lyear-aside-toggler {
-    margin-right: 0.25rem;
-    padding: 0.25rem 0.95rem 0.25rem 0.25rem;
-    line-height: 1.5;
-    cursor: pointer;
-}
-.lyear-aside-toggler .lyear-toggler-bar {
-    display: block;
-    height: 2px;
-    width: 20px;
-    background-color: #4d5259;
-    margin: 4px 0px;
-    -webkit-transition: 0.3s;
-    transition: 0.3s;
-}
-.lyear-aside-toggler .lyear-toggler-bar:nth-child(2) {
-    width: 15px;
-}
-.lyear-aside-toggler:hover .lyear-toggler-bar:nth-child(2) {
-    width: 20px;
-}
-.lyear-layout-sidebar-close .lyear-aside-toggler .lyear-toggler-bar {
-    width: 20px;
-}
-
-/* logo */
-.sidebar-header {
-    position: relative;
-    overflow: hidden;
-    z-index: 999;
-    background-color: #fff;
-    width: 100%;
-    -webkit-box-shadow: 0 1px 1px -1px rgba(77, 82, 89, 0.15);
-    box-shadow: 0 1px 1px -1px rgba(77, 82, 89, 0.15);
-}
-.sidebar-header:before,
-.sidebar-header:after {
-    content: ' ';
-    display: table;
-}
-.sidebar-header a {
-    display: block;
-    height: auto;
-    width: 100%;
-    max-width: 240px;
-    height: 68px;
-    line-height: 68px;
-    text-align: center;
-    font-size: 20px;
-}
-.sidebar-header a img {
-    max-width: 240px;
-    margin: 16px 0px;
-}
-.sidebar-main {
-    -webkit-transform: translateZ(0);
-    transform: translateZ(0);
-}
-.nav-drawer li a {
-    padding-right: 24px;
-    padding-left: 52.99999px;
-    color: inherit;
-    font-weight: 500;
-}
-.nav-drawer > li > a {
-    border-right: 3px solid transparent;
-    padding-top: 14px;
-    padding-bottom: 13px;
-}
-.nav-drawer > .active > a {
-    background-color: rgba(0, 0, 0, 0.0125);
-    border-color: #33cabb;
-}
-.nav-drawer > li.active > a {
-    background-color: rgba(0, 0, 0, 0.0125) !important;
-}
-.nav-drawer > .active > a:hover,
-.nav-drawer > .active > a:focus,
-.nav-drawer > .active > a:active {
-    background-color: rgba(0, 0, 0, 0.0125);
-    border-color: #33cabb;
-}
-.nav-drawer .nav-subnav > li.active > a,
-.nav-drawer .nav-subnav > li > a:hover {
-    color: #33cabb;
-    background-color: transparent;
-}
-.nav-drawer > li > a > i {
-    position: absolute;
-    left: 21px;
-    top: 15px;
-    font-size: 1.25em;
-}
-.nav-drawer ul li ul {
-    padding-left: 15px;
-}
-
-.nav-item > a:after {
-    display: inline-block;
-    position: absolute;
-    right: 24px;
-    font: normal normal normal 14px/1 FontAwesome;
-    font-size: 10px;
-    line-height: 1.75;
-    text-rendering: auto;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    content: '\f105';
-
-    -webkit-transition: -webkit-transform 0.3s linear;
-    transition: -webkit-transform 0.1s linear;
-    transition: transform 0.1s linear;
-    transition: transform 0.1s linear, -webkit-transform 0.1s linear;
-}
-
-.nav-item-has-subnav > a:after {
-    content: '\f107';
-}
-
-.nav-item-has-subnav.open > a:after {
-    -webkit-transform: rotate(90deg);
-    transform: rotate(90deg);
-}
-
-.nav-item-has-subnav.open > .nav-subnav {
-    display: block;
-}
-.nav-subnav {
-    display: none;
-    margin-top: 8px;
-    margin-bottom: 8px;
-}
-
-/* 左侧版权信息 */
-.sidebar-footer {
-    bottom: 0;
-    width: 100%;
-    height: 96px;
-    border-top: 1px solid rgba(77, 82, 89, 0.05);
-    margin-top: 24px;
-    padding-top: 24px;
-    padding-right: 24px;
-    padding-bottom: 24px;
-    padding-left: 24px;
-    font-size: 13px;
-    line-height: 24px;
-    text-align: center;
-}
-
-/** ----------------------------------
- * 头部信息
- -------------------------------------- */
-.lyear-layout-header {
-    position: fixed;
-    top: 0;
-    right: 0;
-    left: 0;
-    z-index: 4;
-    padding-left: 240px;
-    background-color: #fff;
-    -webkit-transition: padding 0.3s;
-    transition: padding 0.3s;
-    -webkit-box-shadow: 4px 0 5px rgba(0, 0, 0, 0.035);
-    -moz-box-shadow: 4px 0 5px rgba(0, 0, 0, 0.035);
-    box-shadow: 4px 0 5px rgba(0, 0, 0, 0.035);
-}
-.lyear-layout-header .navbar {
-    position: relative;
-    min-height: 64px;
-    margin-bottom: 0;
-    border: 0px;
-    -webkit-border-radius: 0px;
-    -moz-border-radius: 0px;
-    border-radius: 0px;
-}
-.lyear-layout-header .navbar-default {
-    background-color: transparent;
-}
-.topbar {
-    display: -webkit-box;
-    display: flex;
-    -webkit-box-pack: justify;
-    justify-content: space-between;
-    -webkit-box-align: center;
-    align-items: center;
-    min-height: 64px;
-    padding: 0 15px;
-}
-.topbar .topbar-left {
-    display: -webkit-box;
-    display: flex;
-    -webkit-box-align: center;
-    align-items: center;
-}
-.topbar .topbar-right {
-    display: -webkit-box;
-    display: flex;
-    -webkit-box-align: center;
-    align-items: center;
-    -webkit-box-orient: horizontal;
-    -webkit-box-direction: reverse;
-    flex-direction: row-reverse;
-    list-style: none;
-    margin: 0px;
-    padding: 0px;
-}
-.topbar-right > li > a {
-    position: relative;
-    display: block;
-    padding: 10px 0px 10px 15px;
-}
-.navbar-page-title {
-    display: inline-block;
-    margin-right: 20px;
-    padding-top: 20px;
-    padding-bottom: 20px;
-    font-size: 16px;
-}
-
-/* 头像相关 */
-.img-avatar {
-    display: inline-block !important;
-    width: 64px;
-    height: 64px;
-    line-height: 64px;
-    text-align: center;
-    vertical-align: middle;
-    -webkit-border-radius: 50%;
-    border-radius: 50%;
-}
-.img-avatar-48 {
-    width: 48px;
-    height: 48px;
-    line-height: 48px;
-}
-.edit-avatar {
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-align: start;
-    align-items: flex-start;
-}
-.avatar-divider {
-    display: inline-block;
-    border-left: 1px solid rgba(77, 82, 89, 0.07);
-    height: 50px;
-    align-self: center;
-    margin: 0px 20px;
-}
-.edit-avatar-content {
-    display: inline-block;
-}
-
-/** ----------------------------------
- * 主要内容
- -------------------------------------- */
-.lyear-layout-content {
-    height: 100%;
-    width: 100%;
-    padding-top: 68px;
-    padding-left: 240px;
-    -webkit-transition: padding 0.3s;
-    transition: padding 0.3s;
-}
-.lyear-layout-content .container-fluid {
-    padding-top: 15px;
-    padding-bottom: 15px;
-}
-
-/* card */
-.card {
-    margin-bottom: 24px;
-    background-color: #fff;
-    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.035);
-    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.035);
-}
-.card-header {
-    width: 100%;
-    margin: 0;
-    padding: 15px 24px;
-    border-bottom: 1px solid rgba(77, 82, 89, 0.05);
-}
-.card-header > * {
-    margin: 0;
-    display: table-cell;
-    vertical-align: middle;
-}
-.card-header:after,
-.card-footer:after {
-    display: table;
-    content: ' ';
-    clear: both;
-}
-.card-body {
-    padding: 24px 24px;
-}
-.card-header .h4,
-.card-header h4 {
-    font-size: 16px;
-    float: left;
-}
-.card-header + .card-body {
-    padding-top: 15px;
-}
-.card-header[class*='bg'] .card-actions > li > a:not(.label),
-.card-header[class*='bg'] .card-actions > li > button,
-.card-header[class*='bg'] h1,
-.card-header[class*='bg'] h2,
-.card-header[class*='bg'] h3,
-.card-header[class*='bg'] h4,
-.card-header[class*='bg'] h5,
-.card-header[class*='bg'] h6,
-.card-header[class*='bg'] .h1,
-.card-header[class*='bg'] .h2,
-.card-header[class*='bg'] .h3,
-.card-header[class*='bg'] .h4,
-.card-header[class*='bg'] .h5,
-.card-header[class*='bg'] .h6 {
-    color: #ffffff;
-}
-.card-toolbar {
-    padding: 24px 24px 0px 24px;
-    position: relative;
-}
-.card-toolbar .search-bar {
-    max-width: 280px;
-}
-.card-toolbar .dropdown-menu {
-    min-width: 100%;
-}
-/* card-actions */
-.card-actions {
-    float: right;
-    margin-bottom: 0;
-    margin-left: auto;
-    padding: 0;
-}
-.card-actions > li {
-    display: inline-block;
-    padding: 0;
-}
-.card-actions > li > a:not(.label),
-.card-actions > li > button {
-    color: #86939e;
-    display: inline-block;
-    padding: 0;
-    line-height: 1;
-    opacity: 0.7;
-    vertical-align: middle;
-    -webkit-transition: opacity 0.15s ease-out;
-    transition: opacity 0.15s ease-out;
-}
-.card-actions > li > a:not(.label):hover,
-.card-actions > li > button:hover {
-    text-decoration: none;
-    opacity: 1;
-}
-.card-actions > li > a:not(.label):active,
-.card-actions > li > button:active {
-    opacity: 0.6;
-}
-.card-actions > li > span {
-    display: block;
-}
-.card-actions > li > .label {
-    line-height: 1.25;
-}
-.card-actions > li > a:focus {
-    text-decoration: none;
-    opacity: 1;
-}
-.card-actions > li > button {
-    background: none;
-    border: none;
-}
-.card-actions > li.active > a,
-.card-actions > li.open > button {
-    text-decoration: none;
-    opacity: 1;
-}
-.card-actions > li + li {
-    margin-left: 10px;
-}
-.card .tab-content {
-    padding: 10px 24px;
-}
-.card-footer {
-    background-color: #fcfdfe;
-    border-top: 1px solid rgba(77, 82, 89, 0.05);
-    padding: 15px 24px;
-}
-/* page-tabs */
-.page-tabs.nav-tabs {
-    padding: 0px 10px;
-}
-.page-tabs.nav-tabs > li > a {
-    padding: 15px;
-}
-
-/* 加载动画 */
-#lyear-loading {
-    position: fixed;
-    width: 100%;
-    height: 100%;
-    z-index: 9990;
-    background: rgba(0, 0, 0, 0.0325);
-}
-#lyear-loading .spinner-border {
-    z-index: 999999;
-    position: fixed;
-    left: 50%;
-    top: 50%;
-}
-@-webkit-keyframes spinner-border {
-    to {
-        -webkit-transform: rotate(360deg);
-        transform: rotate(360deg);
-    }
-}
-
-@keyframes spinner-border {
-    to {
-        -webkit-transform: rotate(360deg);
-        transform: rotate(360deg);
-    }
-}
-.spinner-border {
-    display: inline-block;
-    width: 3rem;
-    height: 3rem;
-    vertical-align: text-bottom;
-    border: 0.125em solid currentColor;
-    border-right-color: transparent;
-    border-radius: 50%;
-    -webkit-animation: spinner-border 0.75s linear infinite;
-    animation: spinner-border 0.75s linear infinite;
-}
-
-/* 步骤条 */
-.nav-step {
-    display: -webkit-box;
-    display: flex;
-    -webkit-box-pack: justify;
-    justify-content: space-between;
-    -webkit-box-align: baseline;
-    align-items: baseline;
-    padding: 0px;
-    margin-bottom: 1rem;
-}
-.step-dots .nav-step-item {
-    position: relative;
-    display: -webkit-box;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-    flex-direction: column;
-    -webkit-box-flex: 1;
-    -webkit-box-align: center;
-    align-items: center;
-    flex: 1 1;
-    padding: 0 12px;
-}
-.step-dots .nav-step-item:first-child a::before {
-    display: none;
-}
-.step-dots .nav-step-item.complete a,
-.step-dots .nav-step-item.complete a::before,
-.step-dots .nav-step-item.active a,
-.step-dots .nav-step-item.active a::before {
-    background-color: #dcfcfa;
-}
-.step-dots .nav-step-item.complete a::after,
-.step-dots .nav-step-item.active a::after {
-    background-color: #33cabb;
-    width: 29px;
-    height: 29px;
-    -webkit-transform: translateX(0);
-    transform: translateX(0);
-    color: #fff;
-}
-.step-dots .nav-step-item.complete a::after {
-    width: 29px;
-    height: 29px;
-    -webkit-transform: translateX(0);
-    transform: translateX(0);
-    color: #fff;
-}
-.step-dots .nav-step-item.active a::after {
-    width: 13px;
-    height: 13px;
-    margin-top: 8px;
-    -webkit-transform: translateX(8px);
-    transform: translateX(8px);
-    color: transparent;
-}
-.step-dots a {
-    display: -webkit-inline-box;
-    display: inline-flex;
-    padding: 0;
-    margin: 10px 0;
-    width: 29px;
-    height: 29px;
-    max-height: 29px;
-    border-radius: 50%;
-    background-color: #f7fafc;
-    -webkit-transition: 0.5s;
-    transition: 0.5s;
-    z-index: 1;
-}
-.step-dots a::before {
-    content: '';
-    position: absolute;
-    left: calc(-50% + 14.5px);
-    right: calc(50% + 14.5px);
-    height: 10px;
-    margin-top: 9.5px;
-    background-color: #f7fafc;
-    cursor: default;
-    -webkit-transition: 0.5s;
-    transition: 0.5s;
-}
-.step-dots a::after {
-    content: '\f12c';
-    font-family: 'Material Design Icons';
-    width: 0;
-    height: 0;
-    text-align: center;
-    font-size: 15px;
-    position: absolute;
-    border-radius: 50%;
-    background-color: transparent;
-    color: transparent;
-    -webkit-transform: translate(14.5px, 14.5px);
-    transform: translate(14.5px, 14.5px);
-    -webkit-transition: 0.5s;
-    transition: 0.5s;
-    z-index: 1;
-    display: -webkit-inline-box;
-    display: inline-flex;
-    -webkit-box-align: center;
-    align-items: center;
-    -webkit-box-pack: center;
-    justify-content: center;
-}
-.nav-step-pane.active {
-    display: block !important;
-}
-.nav-step-button {
-    display: -webkit-box;
-    display: flex;
-    -webkit-box-pack: justify;
-    justify-content: space-between;
-}
-.nav-step-button button.disabled {
-    opacity: 0;
-}
-
-.nav-step.step-anchor {
-    justify-content: flex-start;
-    border: 0;
-    background: #fcfdfe;
-    border-radius: 0;
-    list-style: none;
-    overflow: hidden;
-}
-.step-anchor > li > a,
-.step-anchor > li > a:hover {
-    color: #bbb;
-    text-decoration: none;
-    padding: 10px 0 10px 45px;
-    position: relative;
-    display: block;
-    border: 0 !important;
-    border-radius: 0;
-    outline-style: none;
-    background: #f7fafc;
-}
-.step-anchor > li > a:before,
-.step-anchor > li > a:after {
-    -webkit-transition: 0.2s linear;
-    transition: 0.2s linear;
-}
-.step-anchor > li > a:after {
-    content: ' ';
-    display: block;
-    width: 0;
-    height: 0;
-    border-top: 50px solid transparent;
-    border-bottom: 50px solid transparent;
-    border-left: 30px solid #f7fafc;
-    position: absolute;
-    top: 50%;
-    margin-top: -50px;
-    left: 100%;
-    z-index: 2;
-}
-.step-anchor > li > a:before {
-    content: ' ';
-    display: block;
-    width: 0;
-    height: 0;
-    border-top: 50px solid transparent;
-    border-bottom: 50px solid transparent;
-    border-left: 30px solid rgba(77, 82, 89, 0.075);
-    position: absolute;
-    top: 50%;
-    margin-top: -50px;
-    margin-left: 1px;
-    left: 100%;
-    z-index: 1;
-}
-.step-anchor > li:first-child > a {
-    padding-left: 15px;
-}
-.step-anchor > li.active h6,
-.step-anchor > li.complete h6 {
-    color: #fff !important;
-}
-.step-anchor > li.active > a,
-.step-anchor > li.complete > a {
-    border-color: #33cabb !important;
-    color: rgba(255, 255, 255, 0.8) !important;
-    background: #33cabb !important;
-}
-.step-anchor > li.active > a:after,
-.step-anchor > li.complete > a:after {
-    border-left: 30px solid #33cabb !important;
-}
-
-/* 多图上传 */
-.lyear-uploads-pic {
-    display: -webkit-flex;
-    display: flex;
-    -webkit-align-items: stretch;
-    align-items: stretch;
-    flex-direction: row;
-    flex-wrap: wrap;
-    margin-bottom: -10px;
-}
-.lyear-uploads-pic li {
-    margin-bottom: 10px;
-}
-.lyear-uploads-pic figure {
-    position: relative;
-    background: #4d5259;
-    overflow: hidden;
-    text-align: center;
-    cursor: pointer;
-}
-.lyear-uploads-pic figure img {
-    position: relative;
-    display: block;
-    min-height: 100%;
-    max-width: 100%;
-    width: 100%;
-    opacity: 1;
-    backface-visibility: hidden;
-    -webkit-backface-visibility: hidden;
-    -webkit-transition: opacity 0.5s;
-    transition: opacity 0.5s;
-}
-.lyear-uploads-pic figure:hover img {
-    opacity: 0.5;
-}
-.lyear-uploads-pic figure figcaption,
-.lyear-uploads-pic figure figcaption > a:not(.btn) {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-}
-.lyear-uploads-pic figure figcaption {
-    display: -webkit-box;
-    display: flex;
-    -webkit-box-align: center;
-    align-items: center;
-    -webkit-box-pack: center;
-    justify-content: center;
-    text-transform: none;
-    padding: 2em;
-    color: #fff;
-    -webkit-transform: scale(0);
-    transform: scale(0);
-    -webkit-transition: 0.35s;
-    transition: 0.35s;
-}
-.lyear-uploads-pic figure figcaption > a {
-    position: static;
-    z-index: auto;
-    text-indent: 0;
-    white-space: nowrap;
-    opacity: 1;
-    margin-left: 2px;
-    margin-right: 2px;
-}
-.lyear-uploads-pic figure figcaption > *:first-child {
-    margin-left: 0;
-}
-.lyear-uploads-pic figure:hover figcaption {
-    -webkit-transform: scale(1);
-    transform: scale(1);
-}
-.lyear-uploads-pic .pic-add {
-    display: -webkit-flex;
-    justify-content: center;
-    align-items: center;
-    height: 100%;
-    border: 1px dashed #ebebeb;
-    font-family: 'Material Design Icons';
-    font-size: 2.875rem;
-    color: #8b95a5;
-    -webkit-transition: 0.35s;
-    transition: 0.35s;
-}
-.lyear-uploads-pic .pic-add:before {
-    content: '\f415';
-}
-.lyear-uploads-pic .pic-add:hover {
-    border-color: #33cabb;
-    color: #33cabb;
-}
-
-/** ----------------------------------
- * 响应式处理
- -------------------------------------- */
-@media (max-width: 1024px) {
-    .lyear-layout-sidebar {
-        transform: translateX(-100%);
-    }
-    .lyear-layout-header,
-    .lyear-layout-content {
-        padding-left: 0;
-    }
-    .lyear-layout-sidebar {
-        -webkit-box-shadow: none;
-        -moz-webkit-box-shadow: none;
-        box-shadow: none;
-    }
-    .lyear-layout-sidebar.lyear-aside-open {
-        transform: translateX(0);
-    }
-    /* 遮罩层 */
-    .lyear-mask-modal {
-        background-color: rgba(0, 0, 0, 0.5);
-        height: 100%;
-        left: 0;
-        opacity: 1;
-        top: 0;
-        visibility: visible;
-        width: 100%;
-        z-index: 5;
-        position: fixed;
-        -webkit-transition: visibility 0 linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
-        transition: visibility 0 linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
-        -webkit-transform: translateZ(0);
-        transform: translateZ(0);
-    }
-}
-@media screen and (max-width: 767px) {
-    .table-responsive {
-        border-color: #eceeef;
-    }
-}
-@media screen and (max-width: 700px) {
-    .card-toolbar .search-bar {
-        max-width: 100%;
-        margin-bottom: 10px;
-        float: none !important;
-    }
-}
-@media screen and (max-width: 430px) {
-    .navbar-page-title {
-        display: none;
-    }
-    .dropdown-skin .dropdown-menu {
-        left: -80px !important;
-    }
-    .nav-step .nav-step-item p {
-        display: none;
-    }
-}
-
-/** ----------------------------------
- * 主题设置
- -------------------------------------- */
-.icon-palette {
-    display: block;
-    height: 68px;
-    line-height: 68px;
-    font-size: 1.5em;
-    cursor: pointer;
-    padding: 0 12px;
-    text-align: center;
-}
-.drop-title {
-    color: #4d5259;
-}
-.drop-title p {
-    padding: 5px 15px 0px 15px;
-}
-.drop-skin-li {
-    padding: 0px 12px;
-}
-.drop-skin-li input[type='radio'] {
-    display: none;
-}
-.drop-skin-li input[type='radio'] + label {
-    display: inline-block;
-    width: 20px;
-    height: 20px;
-    cursor: pointer;
-    margin: 3px;
-    -webkit-border-radius: 50%;
-    -moz-border-radius: 50%;
-    border-radius: 50%;
-    -webkit-transition: all 0.1s ease;
-    transition: all 0.1s ease;
-}
-.drop-skin-li input[type='radio']:checked + label {
-    position: relative;
-}
-.drop-skin-li input[type='radio']:checked + label::after {
-    display: inline-block;
-    font: normal normal normal 14px/1 FontAwesome;
-    font-size: inherit;
-    text-rendering: auto;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-
-    content: '\f00c';
-    font-size: 1rem;
-    display: block;
-    color: #fff;
-    width: 100%;
-    text-align: center;
-    line-height: 20px;
-    position: absolute;
-    top: 0px;
-    -webkit-transition: 0.2s;
-    transition: 0.2s;
-}
-.drop-skin-li .inverse input[type='radio']:checked + label::after {
-    color: #4d5259;
-}
-.dropdown-skin .dropdown-menu {
-    border: none;
-    width: 262px;
-}
-
-#header_bg_1 + label,
-#logo_bg_1 + label,
-#sidebar_bg_1 + label,
-#site_theme_1 + label {
-    background-color: #fff;
-    border: 1px solid #f0f0f0;
-}
-#header_bg_2 + label,
-#logo_bg_2 + label,
-#sidebar_bg_2 + label {
-    background-color: #15c377;
-    border: 1px solid #15c377;
-}
-#header_bg_3 + label,
-#logo_bg_3 + label,
-#sidebar_bg_3 + label {
-    background-color: #48b0f7;
-    border: 1px solid #48b0f7;
-}
-#header_bg_4 + label,
-#logo_bg_4 + label,
-#sidebar_bg_4 + label {
-    background-color: #faa64b;
-    border: 1px solid #faa64b;
-}
-#header_bg_5 + label,
-#logo_bg_5 + label,
-#sidebar_bg_5 + label {
-    background-color: #f96868;
-    border: 1px solid #f96868;
-}
-#header_bg_6 + label,
-#logo_bg_6 + label,
-#sidebar_bg_6 + label {
-    background-color: #926dde;
-    border: 1px solid #926dde;
-}
-#header_bg_7 + label,
-#logo_bg_7 + label,
-#sidebar_bg_7 + label {
-    background-color: #33cabb;
-    border: 1px solid #33cabb;
-}
-#header_bg_8 + label,
-#logo_bg_8 + label,
-#sidebar_bg_8 + label,
-#site_theme_2 + label {
-    background-color: #465161;
-    border: 1px solid #465161;
-}
-#site_theme_3 + label {
-    background: -webkit-linear-gradient(135deg, #65fdf0 10%, #1d6fa3 100%);
-    background: -o-linear-gradient(135deg, #65fdf0 10%, #1d6fa3 100%);
-    background: -moz-linear-gradient(135deg, #65fdf0 10%, #1d6fa3 100%);
-    background: linear-gradient(135deg, #65fdf0 10%, #1d6fa3 100%);
-}
-
-/* 暗黑 */
-body[data-theme='dark'] {
-    background-color: #1c1e2f;
-    color: #8c909a;
-}
-body[data-theme='dark'] a,
-[data-theme='dark'] .input-group-addon,
-[data-theme='dark'] a.list-group-item,
-[data-theme='dark'] button.list-group-item,
-[data-theme='dark'] h1,
-[data-theme='dark'] h2,
-[data-theme='dark'] h3,
-[data-theme='dark'] h4,
-[data-theme='dark'] h5,
-[data-theme='dark'] h6,
-[data-theme='dark'] .h1,
-[data-theme='dark'] .h2,
-[data-theme='dark'] .h3,
-[data-theme='dark'] .h4,
-[data-theme='dark'] .h5,
-[data-theme='dark'] .h6 {
-    color: #8c909a;
-}
-[data-theme='dark'] code,
-[data-theme='dark'] .panel {
-    background-color: #292b3d;
-}
-[data-theme='dark'] .lyear-aside-toggler .lyear-toggler-bar {
-    background-color: #8c909a;
-}
-[data-theme='dark'] .lyear-layout-header {
-    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
-    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
-    box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
-}
-[data-theme='dark'] .sidebar-header {
-    -webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.35);
-    -moz-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.35);
-    box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.35);
-}
-[data-theme='dark'] .lyear-layout-sidebar-scroll {
-    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);
-    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);
-    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);
-}
-[data-theme='dark'] .sidebar-header,
-[data-theme='dark'] .lyear-layout-sidebar-scroll,
-[data-theme='dark'] .lyear-layout-header,
-[data-theme='dark'] .card,
-[data-theme='dark'] .jconfirm .jconfirm-box {
-    background-color: #222437;
-}
-[data-theme='dark'] .nav-drawer > .active > a {
-    background-color: #202234 !important;
-}
-[data-theme='dark'] .nav-drawer .nav-subnav > li.active > a,
-[data-theme='dark'] .nav-drawer .nav-subnav > li > a:hover {
-    color: #bebdc2;
-}
-[data-theme='dark'] hr,
-[data-theme='dark'] .card-header,
-[data-theme='dark'] .sidebar-footer,
-[data-theme='dark'] .modal-header,
-[data-theme='dark'] .modal-footer,
-[data-theme='dark'] .card-footer,
-[data-theme='dark'] .table > tbody > tr > td,
-[data-theme='dark'] .table > tbody > tr > th,
-[data-theme='dark'] .table > tfoot > tr > td,
-[data-theme='dark'] .table > tfoot > tr > th,
-[data-theme='dark'] .table > thead > tr > td,
-[data-theme='dark'] .table > thead > tr > th,
-[data-theme='dark'] .table-bordered {
-    border-color: #303243;
-}
-[data-theme='dark'] .table-hover > tbody > tr:hover,
-[data-theme='dark'] .table-striped tbody tr:nth-of-type(odd) {
-    background-color: #292b3d;
-}
-[data-theme='dark'] .dropdown-menu,
-[data-theme='dark'] .modal-content {
-    background-color: #222437;
-    border: none;
-    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
-    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);
-    box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
-}
-[data-theme='dark'] .dropdown-menu > li > a:focus,
-[data-theme='dark'] .dropdown-menu > li > a:hover,
-[data-theme='dark'] .dropdown-menu > .active > a,
-[data-theme='dark'] .dropdown-menu > .active > a:focus,
-[data-theme='dark'] .dropdown-menu > .active > a:hover {
-    background-color: #292b3d;
-    color: #bebdc2;
-}
-[data-theme='dark'] .dropdown-menu .divider {
-    background-color: #303243;
-}
-[data-theme='dark'] .divider::before,
-[data-theme='dark'] .divider::after {
-    border-color: #303243;
-}
-
-[data-theme='dark'] .popover {
-    background-color: #222437;
-    border: none;
-    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
-    box-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
-}
-[data-theme='dark'] .popover.top > .arrow:after {
-    border-top-color: #222437;
-}
-[data-theme='dark'] .popover.right > .arrow:after {
-    border-right-color: #222437;
-}
-[data-theme='dark'] .popover.bottom > .arrow:after {
-    border-bottom-color: #222437;
-}
-[data-theme='dark'] .popover.left > .arrow:after {
-    border-left-color: #222437;
-}
-[data-theme='dark'] .popover.top > .arrow {
-    border-top-color: #1d1f2f;
-}
-[data-theme='dark'] .popover.right > .arrow {
-    border-right-color: #1d1f2f;
-}
-[data-theme='dark'] .popover.bottom > .arrow {
-    border-bottom-color: #1d1f2f;
-}
-[data-theme='dark'] .popover.left > .arrow {
-    border-left-color: #1d1f2f;
-}
-[data-theme='dark'] .popover-title {
-    background-color: #222437;
-    border-color: #303243;
-}
-
-[data-theme='dark'] .progress,
-[data-theme='dark'] .irs--flat .irs-min,
-[data-theme='dark'] .irs--flat .irs-max,
-[data-theme='dark'] .irs--flat .irs-line {
-    background-color: #303243;
-}
-
-[data-theme='dark'] .nav-tabs,
-[data-theme='dark'] blockquote {
-    border-color: #303243;
-}
-[data-theme='dark'] .nav-tabs > li.active > a,
-[data-theme='dark'] .nav-tabs > li.active > a:focus,
-[data-theme='dark'] .nav-tabs > li.active > a:hover {
-    color: #bebdc2;
-}
-
-@media (min-width: 768px) {
-    [data-theme='dark'] .nav-tabs.nav-justified > li > a {
-        border-bottom-color: #303243;
-    }
-}
-[data-theme='dark'] .nav-tabs.nav-justified > .active > a,
-[data-theme='dark'] .nav-tabs.nav-justified > .active > a:focus,
-[data-theme='dark'] .nav-tabs.nav-justified > .active > a:hover {
-    border-bottom-color: #33cabb;
-}
-
-[data-theme='dark'] :not(panel-default) .panel-title a {
-    color: #fff;
-}
-[data-theme='dark'] .form-control {
-    border-color: #303243;
-    background-color: #1d1f2f;
-}
-[data-theme='dark'] .form-control:focus {
-    border-color: #33cabb;
-    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(51, 202, 187, 0.6);
-    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(51, 202, 187, 0.6);
-}
-[data-theme='dark'] div.tagsinput,
-[data-theme='dark'] .input-group-addon,
-[data-theme='dark'] .input-group-btn .btn-default,
-[data-theme='dark'] .btn-group .btn-default,
-[data-theme='dark'] .btn-group-vertical .btn-default,
-[data-theme='dark'] .pagination > li > a,
-[data-theme='dark'] .pagination > li > span {
-    border-color: #303243 !important;
-    background-color: #1d1f2f !important;
-}
-[data-theme='dark'] .pagination > li > a:hover,
-[data-theme='dark'] .pagination > li > a:focus [data-theme='dark'] .pagination > li > span:hover,
-[data-theme='dark'] .pagination > li > span:focus {
-    background-color: #191a28;
-    color: #8c909a;
-}
-[data-theme='dark'] .pagination > .active > a,
-[data-theme='dark'] .pagination > .active > a:focus,
-[data-theme='dark'] .pagination > .active > a:hover,
-[data-theme='dark'] .pagination > .active > span,
-[data-theme='dark'] .pagination > .active > span:focus,
-[data-theme='dark'] .pagination > .active > span:hover {
-    border-color: #303243;
-    background-color: #191a28;
-    color: #fff;
-}
-[data-theme='dark'] .pager li > a,
-[data-theme='dark'] .pager li > span {
-    background-color: #1d1f2f;
-    border-color: #303243;
-}
-[data-theme='dark'] .pager li > a:hover,
-[data-theme='dark'] .pager li > a:focus {
-    background-color: #191a28;
-    color: #8c909a;
-}
-[data-theme='dark'] .pager li > a:active,
-[data-theme='dark'] .pager li > a.active {
-    background-color: #191a28;
-    color: #fff;
-}
-[data-theme='dark'] .pager .disabled > a,
-[data-theme='dark'] .pager .disabled > a:focus,
-[data-theme='dark'] .pager .disabled > a:hover,
-[data-theme='dark'] .pager .disabled > span {
-    opacity: 0.6;
-    background-color: #1d1f2f;
-}
-
-[data-theme='dark'] .well {
-    background-color: #292b3d;
-    border-color: #303243;
-}
-
-[data-theme='dark'] .list-group-item {
-    background-color: transparent;
-    border-color: #303243;
-}
-[data-theme='dark'] .list-group-item.active,
-[data-theme='dark'] .list-group-item.active:focus,
-[data-theme='dark'] .list-group-item.active:hover {
-    background-color: #33cabb;
-    border-color: #33cabb;
-    color: #fff;
-}
-[data-theme='dark'] a.list-group-item:hover,
-[data-theme='dark'] button.list-group-item:hover,
-[data-theme='dark'] a.list-group-item:focus,
-[data-theme='dark'] button.list-group-item:focus {
-    background-color: #292b3d;
-    color: #bebdc2;
-}
-[data-theme='dark'] button.list-group-item {
-    -webkit-transition: 0.2s linear;
-    transition: 0.2s linear;
-}
-[data-theme='dark'] .list-group-item.disabled,
-[data-theme='dark'] .list-group-item.disabled:focus,
-[data-theme='dark'] .list-group-item.disabled:hover {
-    background-color: #292b3d;
-    color: #bebdc2;
-}
-[data-theme='dark'] .list-group-item-success,
-[data-theme='translucent'] .list-group-item-success {
-    color: #155724 !important;
-}
-[data-theme='dark'] .list-group-item-info,
-[data-theme='translucent'] .list-group-item-info {
-    color: #0c5460 !important;
-}
-[data-theme='dark'] .list-group-item-warning,
-[data-theme='translucent'] .list-group-item-warning {
-    color: #856404 !important;
-}
-[data-theme='dark'] .list-group-item-danger,
-[data-theme='translucent'] .list-group-item-danger {
-    color: #721c24 !important;
-}
-[data-theme='dark'] a.list-group-item .list-group-item-heading,
-[data-theme='dark'] button.list-group-item .list-group-item-heading {
-    color: #bebdc2;
-}
-[data-theme='dark'] .list-group-item.active .list-group-item-heading,
-[data-theme='dark'] .list-group-item.active .list-group-item-heading > .small,
-[data-theme='dark'] .list-group-item.active .list-group-item-heading > small,
-[data-theme='dark'] .list-group-item.active:focus .list-group-item-heading,
-[data-theme='dark'] .list-group-item.active:focus .list-group-item-heading > .small,
-[data-theme='dark'] .list-group-item.active:focus .list-group-item-heading > small,
-[data-theme='dark'] .list-group-item.active:hover .list-group-item-heading,
-[data-theme='dark'] .list-group-item.active:hover .list-group-item-heading > .small,
-[data-theme='dark'] .list-group-item.active:hover .list-group-item-heading > small {
-    color: #fff;
-}
-[data-theme='dark'] .lyear-checkbox span::before,
-[data-theme='dark'] .lyear-radio span::before {
-    border-color: #656b77;
-}
-[data-theme='dark'] .lyear-checkbox.checkbox-grey span::before,
-[data-theme='dark'] .lyear-checkbox.radio-grey span::before,
-[data-theme='dark'] .lyear-radio.checkbox-grey span::before,
-[data-theme='dark'] .lyear-radio.radio-grey span::before {
-    background-color: #656b77;
-}
-[data-theme='dark'] .lyear-switch span {
-    background-color: #1d1f2f;
-    border-color: #1d1f2f;
-}
-[data-theme='dark'] .lyear-switch.switch-outline span {
-    background-color: transparent;
-}
-[data-theme='dark'] .input-group-btn .btn-default:focus,
-[data-theme='dark'] .input-group-btn .btn-default.focus,
-[data-theme='dark'] .input-group-btn .btn-default:active,
-[data-theme='dark'] .input-group-btn .btn-default.active,
-[data-theme='dark'] .input-group-btn .show > .btn-default.dropdown-toggle,
-[data-theme='dark'] .input-group-btn .open > .btn-default.dropdown-toggle {
-    border-color: #303243 !important;
-    background-color: #292b3d !important;
-    color: #bebdc2;
-}
-[data-theme='dark'] .input-group-btn .btn-default:hover {
-    color: #bebdc2;
-}
-[data-theme='dark'] .has-success .input-group-addon {
-    color: #15c377 !important;
-    border-color: #15c377 !important;
-}
-[data-theme='dark'] .has-info .input-group-addon {
-    color: #48b0f7 !important;
-    border-color: #48b0f7 !important;
-}
-[data-theme='dark'] .has-warning .input-group-addon {
-    color: #faa64b !important;
-    border-color: #faa64b !important;
-}
-[data-theme='dark'] .has-error .input-group-addon {
-    color: #f96868 !important;
-    border-color: #f96868 !important;
-}
-[data-theme='dark'] .login-center {
-    background-color: #222437;
-    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
-    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);
-    box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
-}
-[data-theme='dark'] .datepicker-dropdown.datepicker-orient-top:after {
-    border-top-color: #222437;
-}
-[data-theme='dark'] .datepicker-dropdown:after {
-    border-bottom-color: #222437;
-}
-[data-theme='dark'] .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
-    border-bottom-color: #1d1e2f;
-}
-[data-theme='dark'] .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
-    border-bottom-color: #222437;
-}
-[data-theme='dark'] .bootstrap-datetimepicker-widget.dropdown-menu.top:before {
-    border-top-color: #1d1e2f;
-}
-[data-theme='dark'] .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
-    border-top-color: #222437;
-}
-[data-theme='dark'] .bootstrap-datetimepicker-widget .btn {
-    background-color: transparent;
-}
-[data-theme='dark'] .close {
-    text-shadow: none;
-    -webkit-transition: 0.2s linear;
-    transition: 0.2s linear;
-}
-[data-theme='dark'] .alert-success {
-    background-color: #16d17f;
-    border-color: #16d17f;
-    color: #fff;
-}
-[data-theme='dark'] .alert-info {
-    background-color: #48b0f7;
-    border-color: #48b0f7;
-    color: #fff;
-}
-[data-theme='dark'] .alert-warning {
-    background-color: #faa64b;
-    border-color: #faa64b;
-    color: #fff;
-}
-[data-theme='dark'] .alert-danger {
-    background-color: #f96868;
-    border-color: #f96868;
-    color: #fff;
-}
-[data-theme='dark'] .alert-link {
-    color: #fff;
-}
-[data-theme='dark'] .alert h1,
-[data-theme='dark'] .alert h2,
-[data-theme='dark'] .alert h3,
-[data-theme='dark'] .alert h4,
-[data-theme='dark'] .alert h5,
-[data-theme='dark'] .alert h6,
-[data-theme='dark'] .alert .h1,
-[data-theme='dark'] .alert .h2,
-[data-theme='dark'] .alert .h3,
-[data-theme='dark'] .alert .h4,
-[data-theme='dark'] .alert .h5,
-[data-theme='dark'] .alert .h6 {
-    color: #fff;
-}
-
-/* 半透明 */
-body[data-theme='translucent'] {
-    color: rgba(255, 255, 255, 0.85);
-    background: -webkit-linear-gradient(135deg, #65fdf0 10%, #1d6fa3 100%);
-    background: -o-linear-gradient(135deg, #65fdf0 10%, #1d6fa3 100%);
-    background: -moz-linear-gradient(135deg, #65fdf0 10%, #1d6fa3 100%);
-    background: linear-gradient(135deg, #65fdf0 10%, #1d6fa3 100%);
-    background-repeat: no-repeat;
-    background-size: cover;
-    background-attachment: fixed;
-}
-[data-theme='translucent'] ::-webkit-input-placeholder {
-    color: rgba(255, 255, 255, 0.85);
-}
-[data-theme='translucent'] :-moz-placeholder {
-    color: rgba(255, 255, 255, 0.85);
-}
-[data-theme='translucent'] ::-moz-placeholder {
-    color: rgba(255, 255, 255, 0.85);
-}
-[data-theme='translucent'] :-ms-input-placeholder {
-    color: rgba(255, 255, 255, 0.85);
-}
-[data-theme='translucent'] .sidebar-footer {
-    border-color: rgba(255, 255, 255, 0.075);
-}
-[data-theme='translucent'] a,
-[data-theme='translucent'] h1,
-[data-theme='translucent'] h2,
-[data-theme='translucent'] h3,
-[data-theme='translucent'] h4,
-[data-theme='translucent'] h5,
-[data-theme='translucent'] h6,
-[data-theme='translucent'] .h1,
-[data-theme='translucent'] .h2,
-[data-theme='translucent'] .h3,
-[data-theme='translucent'] .h4,
-[data-theme='translucent'] .h5,
-[data-theme='translucent'] .h6,
-[data-theme='translucent'] .divider {
-    color: rgba(255, 255, 255, 0.85);
-}
-[data-theme='translucent'] .h1 .small,
-[data-theme='translucent'] .h1 small,
-[data-theme='translucent'] .h2 .small,
-[data-theme='translucent'] .h2 small,
-[data-theme='translucent'] .h3 .small,
-[data-theme='translucent'] .h3 small,
-[data-theme='translucent'] .h4 .small,
-[data-theme='translucent'] .h4 small,
-[data-theme='translucent'] .h5 .small,
-[data-theme='translucent'] .h5 small,
-[data-theme='translucent'] .h6 .small,
-[data-theme='translucent'] .h6 small,
-[data-theme='translucent'] h1 .small,
-[data-theme='translucent'] h1 small,
-[data-theme='translucent'] h2 .small,
-[data-theme='translucent'] h2 small,
-[data-theme='translucent'] h3 .small,
-[data-theme='translucent'] h3 small,
-[data-theme='translucent'] h4 .small,
-[data-theme='translucent'] h4 small,
-[data-theme='translucent'] h5 .small,
-[data-theme='translucent'] h5 small,
-[data-theme='translucent'] h6 .small,
-[data-theme='translucent'] h6 small {
-    color: rgba(255, 255, 255, 0.65);
-}
-[data-theme='translucent'] a:hover,
-[data-theme='translucent'] .nav-drawer .nav-subnav > li.active > a,
-[data-theme='translucent'] .nav-drawer .nav-subnav > li > a:hover,
-[data-theme='translucent'] .card-header h1,
-[data-theme='translucent'] .card-header h2,
-[data-theme='translucent'] .card-header h3,
-[data-theme='translucent'] .card-header h4,
-[data-theme='translucent'] .card-header h5,
-[data-theme='translucent'] .card-header h6,
-[data-theme='translucent'] .card-header .h1,
-[data-theme='translucent'] .card-header .h2,
-[data-theme='translucent'] .card-header .h3,
-[data-theme='translucent'] .card-header .h4,
-[data-theme='translucent'] .card-header .h5,
-[data-theme='translucent'] .card-header .h6 {
-    color: #fff;
-}
-[data-theme='translucent'] .card,
-[data-theme='translucent'] .sidebar-header,
-[data-theme='translucent'] .lyear-layout-sidebar-scroll,
-[data-theme='translucent'] .lyear-layout-header {
-    background-color: rgba(0, 0, 0, 0.075);
-}
-[data-theme='translucent'] .card-header,
-[data-theme='translucent'] .modal-header,
-[data-theme='translucent'] .modal-footer,
-[data-theme='translucent'] .divider::before,
-[data-theme='translucent'] .divider::after,
-[data-theme='translucent'] .card-footer {
-    border-color: rgba(255, 255, 255, 0.075);
-}
-[data-theme='translucent'] .lyear-aside-toggler .lyear-toggler-bar {
-    background-color: rgba(255, 255, 255, 0.85);
-}
-[data-theme='translucent'] .table-bordered,
-[data-theme='translucent'] .table > tbody > tr > td,
-[data-theme='translucent'] .table > tbody > tr > th,
-[data-theme='translucent'] .table > tfoot > tr > td,
-[data-theme='translucent'] .table > tfoot > tr > th,
-[data-theme='translucent'] .table > thead > tr > td,
-[data-theme='translucent'] .table > thead > tr > th {
-    border-color: rgba(255, 255, 255, 0.075);
-}
-[data-theme='translucent'] .table-striped tbody tr:nth-of-type(odd) {
-    background-color: rgba(255, 255, 255, 0.1);
-}
-[data-theme='translucent'] .table-hover > tbody > tr:hover,
-[data-theme='translucent'] a.list-group-item:focus,
-[data-theme='translucent'] a.list-group-item:hover,
-[data-theme='translucent'] button.list-group-item:focus,
-[data-theme='translucent'] button.list-group-item:hover {
-    background-color: rgba(255, 255, 255, 0.075);
-}
-[data-theme='translucent'] .table > tbody > tr.active > td,
-[data-theme='translucent'] .table > tbody > tr.active > th,
-[data-theme='translucent'] .table > tbody > tr > td.active,
-[data-theme='translucent'] .table > tbody > tr > th.active,
-[data-theme='translucent'] .table > tfoot > tr.active > td,
-[data-theme='translucent'] .table > tfoot > tr.active > th,
-[data-theme='translucent'] .table > tfoot > tr > td.active,
-[data-theme='translucent'] .table > tfoot > tr > th.active,
-[data-theme='translucent'] .table > thead > tr.active > td,
-[data-theme='translucent'] .table > thead > tr.active > th,
-[data-theme='translucent'] .table > thead > tr > td.active,
-[data-theme='translucent'] .table > thead > tr > th.active {
-    background-color: rgba(245, 245, 245, 0.35);
-}
-[data-theme='translucent'] .table > tbody > tr.success > td,
-[data-theme='translucent'] .table > tbody > tr.success > th,
-[data-theme='translucent'] .table > tbody > tr > td.success,
-[data-theme='translucent'] .table > tbody > tr > th.success,
-[data-theme='translucent'] .table > tfoot > tr.success > td,
-[data-theme='translucent'] .table > tfoot > tr.success > th,
-[data-theme='translucent'] .table > tfoot > tr > td.success,
-[data-theme='translucent'] .table > tfoot > tr > th.success,
-[data-theme='translucent'] .table > thead > tr.success > td,
-[data-theme='translucent'] .table > thead > tr.success > th,
-[data-theme='translucent'] .table > thead > tr > td.success,
-[data-theme='translucent'] .table > thead > tr > th.success {
-    background-color: rgba(21, 195, 119, 0.35);
-}
-[data-theme='translucent'] .table > tbody > tr.info > td,
-[data-theme='translucent'] .table > tbody > tr.info > th,
-[data-theme='translucent'] .table > tbody > tr > td.info,
-[data-theme='translucent'] .table > tbody > tr > th.info,
-[data-theme='translucent'] .table > tfoot > tr.info > td,
-[data-theme='translucent'] .table > tfoot > tr.info > th,
-[data-theme='translucent'] .table > tfoot > tr > td.info,
-[data-theme='translucent'] .table > tfoot > tr > th.info,
-[data-theme='translucent'] .table > thead > tr.info > td,
-[data-theme='translucent'] .table > thead > tr.info > th,
-[data-theme='translucent'] .table > thead > tr > td.info,
-[data-theme='translucent'] .table > thead > tr > th.info {
-    background-color: rgba(72, 176, 247, 0.35);
-}
-[data-theme='translucent'] .table > tbody > tr.warning > td,
-[data-theme='translucent'] .table > tbody > tr.warning > th,
-[data-theme='translucent'] .table > tbody > tr > td.warning,
-[data-theme='translucent'] .table > tbody > tr > th.warning,
-[data-theme='translucent'] .table > tfoot > tr.warning > td,
-[data-theme='translucent'] .table > tfoot > tr.warning > th,
-[data-theme='translucent'] .table > tfoot > tr > td.warning,
-[data-theme='translucent'] .table > tfoot > tr > th.warning,
-[data-theme='translucent'] .table > thead > tr.warning > td,
-[data-theme='translucent'] .table > thead > tr.warning > th,
-[data-theme='translucent'] .table > thead > tr > td.warning,
-[data-theme='translucent'] .table > thead > tr > th.warning {
-    background-color: rgba(250, 166, 75, 0.35);
-}
-[data-theme='translucent'] .table > tbody > tr.danger > td,
-[data-theme='translucent'] .table > tbody > tr.danger > th,
-[data-theme='translucent'] .table > tbody > tr > td.danger,
-[data-theme='translucent'] .table > tbody > tr > th.danger,
-[data-theme='translucent'] .table > tfoot > tr.danger > td,
-[data-theme='translucent'] .table > tfoot > tr.danger > th,
-[data-theme='translucent'] .table > tfoot > tr > td.danger,
-[data-theme='translucent'] .table > tfoot > tr > th.danger,
-[data-theme='translucent'] .table > thead > tr.danger > td,
-[data-theme='translucent'] .table > thead > tr.danger > th,
-[data-theme='translucent'] .table > thead > tr > td.danger,
-[data-theme='translucent'] .table > thead > tr > th.danger {
-    background-color: rgba(249, 104, 104, 0.35);
-}
-[data-theme='translucent'] .btn-default {
-    border-color: rgba(255, 255, 255, 0.075);
-    background-color: rgba(255, 255, 255, 0.075);
-    color: rgba(255, 255, 255, 0.85);
-}
-[data-theme='translucent'] .btn-default:hover {
-    background-color: rgba(255, 255, 255, 0.125);
-    border-color: rgba(255, 255, 255, 0.125);
-    color: #fff;
-}
-[data-theme='translucent'] .btn-default:focus,
-[data-theme='translucent'] .btn-default.focus,
-[data-theme='translucent'] .btn-default:active,
-[data-theme='translucent'] .btn-default.active,
-[data-theme='translucent'] .show > .btn-default.dropdown-toggle,
-[data-theme='translucent'] .open > .btn-default.dropdown-toggle,
-[data-theme='translucent'] .btn-default:not([disabled]):not(.disabled).active,
-[data-theme='translucent'] .btn-default:not([disabled]):not(.disabled):active,
-[data-theme='translucent'] .show > .btn-default.dropdown-toggle,
-[data-theme='translucent'] .btn-default.disabled,
-[data-theme='translucent'] .btn-default:disabled {
-    background-color: rgba(255, 255, 255, 0.125) !important;
-    border-color: rgba(255, 255, 255, 0.125) !important;
-    color: #fff;
-}
-[data-theme='translucent'] .dropdown-menu {
-    border: none;
-}
-[data-theme='translucent'] blockquote {
-    border-color: rgba(255, 255, 255, 0.1);
-}
-[data-theme='translucent'] blockquote .small,
-[data-theme='translucent'] blockquote footer,
-[data-theme='translucent'] blockquote small {
-    color: rgba(255, 255, 255, 0.85);
-}
-[data-theme='translucent'] .bg-white {
-    background-color: rgba(255, 255, 255, 0.35) !important;
-}
-[data-theme='translucent'] .bg-lightest {
-    background-color: rgba(253, 252, 254, 0.35) !important;
-}
-[data-theme='translucent'] .bg-lighter {
-    background-color: rgba(249, 250, 251, 0.35) !important;
-}
-[data-theme='translucent'] .bg-light {
-    background-color: rgba(245, 246, 247, 0.35) !important;
-}
-[data-theme='translucent'] .progress {
-    background-color: rgba(245, 246, 247, 0.075);
-}
-
-[data-theme='translucent'] .nav-tabs {
-    border-bottom-color: rgba(255, 255, 255, 0.075);
-}
-[data-theme='translucent'] .nav-tabs > li > a {
-    color: rgba(255, 255, 255, 0.85);
-}
-[data-theme='translucent'] .nav-tabs > li.active > a,
-[data-theme='translucent'] .nav-tabs > li.active > a:focus,
-[data-theme='translucent'] .nav-tabs > li.active > a:hover,
-[data-theme='translucent'] .nav-tabs.nav-justified > .active > a,
-[data-theme='translucent'] .nav-tabs.nav-justified > .active > a:focus,
-[data-theme='translucent'] .nav-tabs.nav-justified > .active > a:hover {
-    color: #fff;
-    border-bottom-color: rgba(255, 255, 255, 0.35);
-}
-[data-theme='translucent'] .nav-tabs.nav > li > a:hover,
-[data-theme='translucent'] .nav-tabs.nav > li > a:focus {
-    border-bottom-color: rgba(255, 255, 255, 0.35);
-}
-@media (min-width: 768px) {
-    [data-theme='translucent'] .nav-tabs.nav-justified > li > a {
-        border-bottom-color: rgba(255, 255, 255, 0.075);
-    }
-}
-[data-theme='translucent'] .modal-content,
-[data-theme='translucent'] .popover {
-    background-color: #474747;
-    border: none;
-    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
-    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
-    box-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
-}
-[data-theme='translucent'] .popover-title {
-    background-color: #474747;
-    border-color: rgba(255, 255, 255, 0.075);
-}
-[data-theme='translucent'] .popover.top > .arrow {
-    border-top-color: #474747;
-}
-[data-theme='translucent'] .popover.right > .arrow {
-    border-right-color: #474747;
-}
-[data-theme='translucent'] .popover.bottom > .arrow {
-    border-bottom-color: #474747;
-}
-[data-theme='translucent'] .popover.left > .arrow {
-    border-left-color: #474747;
-}
-[data-theme='translucent'] .popover.top > .arrow:after,
-[data-theme='translucent'] .popover.right > .arrow:after,
-[data-theme='translucent'] .popover.bottom > .arrow:after,
-[data-theme='translucent'] .popover.left > .arrow:after {
-    border-color: transparent;
-}
-
-[data-theme='translucent'] .alert-success,
-[data-theme='translucent'] .alert-info,
-[data-theme='translucent'] .alert-warning,
-[data-theme='translucent'] .alert-danger {
-    border: none;
-    color: rgba(255, 255, 255, 0.85);
-}
-[data-theme='translucent'] .alert-success a,
-[data-theme='translucent'] .alert-info a,
-[data-theme='translucent'] .alert-warning a,
-[data-theme='translucent'] .alert-danger a {
-    color: rgba(255, 255, 255, 0.85);
-}
-[data-theme='translucent'] .alert-success {
-    background-color: #15c377;
-}
-[data-theme='translucent'] .alert-info {
-    background-color: #48b0f7;
-}
-[data-theme='translucent'] .alert-warning {
-    background-color: #faa64b;
-}
-[data-theme='translucent'] .alert-danger {
-    background-color: #f96868;
-}
-[data-theme='translucent'] .pagination > li > a,
-[data-theme='translucent'] .pagination > li > span,
-[data-theme='translucent'] .pager li > a,
-[data-theme='translucent'] .pager li > span {
-    color: rgba(255, 255, 255, 0.85);
-    border-color: rgba(255, 255, 255, 0.125);
-    background-color: rgba(255, 255, 255, 0.075);
-}
-[data-theme='translucent'] .pagination > li > a:hover,
-[data-theme='translucent'] .pagination > li > a:focus [data-theme='translucent'] .pagination > li > span:hover,
-[data-theme='translucent'] .pagination > li > span:focus,
-[data-theme='translucent'] .pager li > a:hover,
-[data-theme='translucent'] .pager li > a:focus {
-    color: #fff;
-    background-color: rgba(255, 255, 255, 0.125);
-}
-[data-theme='translucent'] .pagination > .active > a,
-[data-theme='translucent'] .pagination > .active > a:focus,
-[data-theme='translucent'] .pagination > .active > a:hover,
-[data-theme='translucent'] .pagination > .active > span,
-[data-theme='translucent'] .pagination > .active > span:focus,
-[data-theme='translucent'] .pagination > .active > span:hover,
-[data-theme='translucent'] .pager li > a:active,
-[data-theme='translucent'] .pager li > a.active {
-    background-color: rgba(255, 255, 255, 0.125);
-}
-[data-theme='translucent'] .well,
-[data-theme='translucent'] .panel,
-[data-theme='translucent'] code,
-[data-theme='translucent'] .list-group-item {
-    background-color: rgba(0, 0, 0, 0.035);
-}
-[data-theme='translucent'] .well,
-[data-theme='translucent'] .list-group-item {
-    border-color: rgba(0, 0, 0, 0.035);
-}
-[data-theme='translucent'] .list-group-item.active,
-[data-theme='translucent'] .list-group-item.active:focus,
-[data-theme='translucent'] .list-group-item.active:hover {
-    background-color: #33cabb;
-    border-color: #33cabb;
-}
-[data-theme='translucent'] .form-control,
-[data-theme='translucent'] div.tagsinput {
-    border-color: rgba(255, 255, 255, 0.075);
-    background-color: rgba(0, 0, 0, 0.035);
-    color: rgba(255, 255, 255, 0.85);
-}
-[data-theme='translucent'] .form-control:focus {
-    border-color: rgba(255, 255, 255, 0.35);
-}
-[data-theme='translucent'] .input-group-btn:first-child > .btn,
-[data-theme='translucent'] .input-group-btn:first-child > .btn-group {
-    margin-right: 0px;
-}
-[data-theme='translucent'] .input-group-addon {
-    background-color: rgba(255, 255, 255, 0.075);
-    border-color: rgba(255, 255, 255, 0.075);
-    color: rgba(255, 255, 255, 0.85);
-}
-[data-theme='translucent'] .help-block {
-    color: rgba(255, 255, 255, 0.5);
-}
-[data-theme='translucent'] .lyear-checkbox span::before,
-[data-theme='translucent'] .lyear-radio span::before,
-[data-theme='translucent'] .lyear-checkbox.checkbox-grey span::before,
-[data-theme='translucent'] .lyear-checkbox.radio-grey span::before,
-[data-theme='translucent'] .lyear-radio.checkbox-grey span::before,
-[data-theme='translucent'] .lyear-radio.radio-grey span::before {
-    border-color: rgba(0, 0, 0, 0.125);
-}
-[data-theme='translucent'] .lyear-checkbox.checkbox-grey span::before,
-[data-theme='translucent'] .lyear-checkbox.radio-grey span::before,
-[data-theme='translucent'] .lyear-radio.checkbox-grey span::before,
-[data-theme='translucent'] .lyear-radio.radio-grey span::before {
-    background-color: rgba(235, 235, 235, 0.35);
-}
-[data-theme='translucent'] .lyear-switch.switch-outline span {
-    background-color: transparent;
-    border-color: rgba(0, 0, 0, 0.35);
-}
-[data-theme='translucent'] .lyear-switch span {
-    border-color: rgba(0, 0, 0, 0.035);
-    background-color: rgba(0, 0, 0, 0.35);
-}
-[data-theme='translucent'] .login-center {
-    background-color: rgba(0, 0, 0, 0.125);
-}
-[data-theme='translucent'] .datepicker.dropdown-menu {
-    color: #333;
-}
-[data-theme='translucent'] .irs--flat .irs-min,
-[data-theme='translucent'] .irs--flat .irs-max {
-    background-color: rgba(0, 0, 0, 0.035);
-    color: rgba(255, 255, 255, 0.85);
-}
-[data-theme='translucent'] .irs--flat .irs-line {
-    background-color: rgba(0, 0, 0, 0.075);
-}
-[data-theme='translucent'] .irs--flat .irs-grid-text {
-    color: rgba(255, 255, 255, 0.85);
-}
-[data-theme='translucent'] .text-muted {
-    color: rgba(255, 255, 255, 0.5) !important;
-}
-[data-theme='dark'] .card-footer,
-[data-theme='translucent'] .card-footer {
-    background-color: transparent;
-}
-
-@media (max-width: 1024px) {
-    [data-theme='translucent'].lyear-layout-sidebar-close .lyear-layout-sidebar-scroll,
-    [data-theme='translucent'].lyear-layout-sidebar-close .sidebar-header {
-        background-color: rgba(0, 0, 0, 0.75);
-    }
-}
-
-/* 颜色搭配 */
-[data-headerbg='color_2'] .lyear-layout-header,
-[data-logobg='color_2'] .sidebar-header,
-[data-sidebarbg='color_2'] .lyear-layout-sidebar-scroll {
-    background-color: #15c377;
-}
-[data-headerbg='color_3'] .lyear-layout-header,
-[data-logobg='color_3'] .sidebar-header,
-[data-sidebarbg='color_3'] .lyear-layout-sidebar-scroll {
-    background-color: #48b0f7;
-}
-[data-headerbg='color_4'] .lyear-layout-header,
-[data-logobg='color_4'] .sidebar-header,
-[data-sidebarbg='color_4'] .lyear-layout-sidebar-scroll {
-    background-color: #faa64b;
-}
-[data-headerbg='color_5'] .lyear-layout-header,
-[data-logobg='color_5'] .sidebar-header,
-[data-sidebarbg='color_5'] .lyear-layout-sidebar-scroll {
-    background-color: #f96868;
-}
-[data-headerbg='color_6'] .lyear-layout-header,
-[data-logobg='color_6'] .sidebar-header,
-[data-sidebarbg='color_6'] .lyear-layout-sidebar-scroll {
-    background-color: #926dde;
-}
-[data-headerbg='color_7'] .lyear-layout-header,
-[data-logobg='color_7'] .sidebar-header,
-[data-sidebarbg='color_7'] .lyear-layout-sidebar-scroll {
-    background-color: #33cabb;
-}
-[data-headerbg='color_8'] .lyear-layout-header,
-[data-logobg='color_8'] .sidebar-header,
-[data-sidebarbg='color_8'] .lyear-layout-sidebar-scroll {
-    background-color: #465161;
-}
-
-[data-logobg*='color_'] .sidebar-header img,
-[data-theme='translucent'] .sidebar-header img {
-    position: relative;
-    left: -220px;
-    -webkit-filter: drop-shadow(rgb(255, 255, 255) 220px 0px);
-    -moz-filter: drop-shadow(rgb(255, 255, 255) 220px 0px);
-    -ms-filter: drop-shadow(rgb(255, 255, 255) 220px 0px);
-    -o-filter: drop-shadow(rgb(255, 255, 255) 220px 0px);
-    filter: drop-shadow(rgb(255, 255, 255) 220px 0px);
-}
-[data-headerbg*='color_'] .lyear-layout-header,
-[data-headerbg*='color_'] .lyear-layout-header .topbar-right > li > a,
-[data-sidebarbg*='color_'] .lyear-layout-sidebar-scroll a,
-[data-sidebarbg*='color_'] .sidebar-footer {
-    color: rgba(255, 255, 255, 0.85);
-}
-[data-sidebarbg*='color_'] .nav-drawer .nav-subnav > li.active > a,
-[data-sidebarbg*='color_'] .nav-drawer .nav-subnav > li > a:hover {
-    color: #fff;
-}
-[data-headerbg*='color_'] .lyear-aside-toggler .lyear-toggler-bar {
-    background-color: #fff;
-}
-[data-sidebarbg*='color_'] .nav-drawer > .active > a {
-    border-color: rgba(255, 255, 255, 0.35);
-    background-color: rgba(255, 255, 255, 0.075) !important;
-}
-[data-sidebarbg*='color_'] .nav > li > a:hover {
-    background-color: rgba(255, 255, 255, 0.035);
-}
-[data-sidebarbg*='color_'] .nav-drawer > .active > a:hover,
-[data-sidebarbg*='color_'] .nav-drawer > .active > a:focus,
-[data-sidebarbg*='color_'] .nav-drawer > .active > a:active {
-    border-color: rgba(255, 255, 255, 0.35);
-}
diff --git a/src/assets/ui/js/main.min.js b/src/assets/ui/js/main.min.js
deleted file mode 100644
index 8cff4b9..0000000
--- a/src/assets/ui/js/main.min.js
+++ /dev/null
@@ -1,145 +0,0 @@
-jQuery(function () {
-    $('body').on('click', '[data-stopPropagation]', function (e) {
-        e.stopPropagation()
-    })
-
-    // 滚动条
-    // const ps = new PerfectScrollbar('.lyear-layout-sidebar-scroll', {
-    //     swipeEasing: false,
-    //     suppressScrollX: true
-    // })
-
-    // 侧边栏
-    $('.lyear-aside-toggler').bind('click', function () {
-        $('.lyear-layout-sidebar').toggleClass('lyear-aside-open')
-        $('body').toggleClass('lyear-layout-sidebar-close')
-
-        if ($('.lyear-mask-modal').length == 0) {
-            $('<div class="lyear-mask-modal"></div>').prependTo('body')
-        } else {
-            $('.lyear-mask-modal').remove()
-        }
-        $('.lyear-mask-modal').on('click', function () {
-            $(this).remove()
-            $('.lyear-layout-sidebar').toggleClass('lyear-aside-open')
-            $('body').toggleClass('lyear-layout-sidebar-close')
-        })
-    })
-
-    // 侧边栏导航
-    $('.nav-item-has-subnav > a').on('click', function () {
-        $subnavToggle = jQuery(this)
-        $navHasSubnav = $subnavToggle.parent()
-        $topHasSubNav = $subnavToggle.parents('.nav-item-has-subnav').last()
-        $subnav = $navHasSubnav.find('.nav-subnav').first()
-        $viSubHeight = $navHasSubnav.siblings().find('.nav-subnav:visible').outerHeight()
-        $scrollBox = $('.lyear-layout-sidebar-scroll')
-        $navHasSubnav.siblings().find('.nav-subnav:visible').slideUp(500).parent().removeClass('open')
-        $subnav.slideToggle(300, function () {
-            $navHasSubnav.toggleClass('open')
-
-            // 新增滚动条处理
-            var scrollHeight = 0
-            ;(pervTotal = $topHasSubNav.prevAll().length),
-                (boxHeight = $scrollBox.outerHeight()),
-                (innerHeight = $('.sidebar-main').outerHeight()),
-                (thisScroll = $scrollBox.scrollTop()),
-                (thisSubHeight = $(this).outerHeight()),
-                (footHeight = 121)
-
-            if (footHeight + innerHeight - boxHeight >= pervTotal * 48) {
-                scrollHeight = pervTotal * 48
-            }
-            if ($subnavToggle.parents('.nav-item-has-subnav').length == 1) {
-                $scrollBox.animate({ scrollTop: scrollHeight }, 300)
-            } else {
-                // 子菜单操作
-                if (typeof $viSubHeight != 'undefined' && $viSubHeight != null) {
-                    scrollHeight = thisScroll + thisSubHeight - $viSubHeight
-                    $scrollBox.animate({ scrollTop: scrollHeight }, 300)
-                } else {
-                    if (thisScroll + boxHeight - $scrollBox[0].scrollHeight == 0) {
-                        scrollHeight = thisScroll - thisSubHeight
-                        $scrollBox.animate({ scrollTop: scrollHeight }, 300)
-                    }
-                }
-            }
-        })
-    })
-
-    // 提示
-    if ($('[data-toggle="tooltip"]')[0]) {
-        $('[data-toggle="tooltip"]').tooltip({
-            container: 'body'
-        })
-    }
-
-    // 弹出框
-    if ($('[data-toggle="popover"]')[0]) {
-        $('[data-toggle="popover"]').popover()
-    }
-
-    // 标签
-    if ($('.js-tags-input')[0]) {
-        $('.js-tags-input').tagsInput({
-            height: '36px',
-            width: '100%',
-            defaultText: $('.js-tags-input').attr('placeholder'),
-            removeWithBackspace: true,
-            delimiter: [',']
-        })
-    }
-
-    // 时间选择
-    jQuery('.js-datetimepicker').each(function () {
-        var $input = jQuery(this)
-        $input.datetimepicker({
-            format: $input.data('format') ? $input.data('format') : false,
-            useCurrent: $input.data('use-current') ? $input.data('use-current') : false,
-            locale: moment.locale('' + ($input.data('locale') ? $input.data('locale') : '') + ''),
-            showTodayButton: $input.data('show-today-button') ? $input.data('show-today-button') : false,
-            showClear: $input.data('show-clear') ? $input.data('show-clear') : false,
-            showClose: $input.data('show-close') ? $input.data('show-close') : false,
-            sideBySide: $input.data('side-by-side') ? $input.data('side-by-side') : false,
-            inline: $input.data('inline') ? $input.data('inline') : false
-        })
-    })
-
-    // 日期选择
-    jQuery('.js-datepicker').each(function () {
-        var $input = jQuery(this)
-        $input.datepicker({
-            weekStart: 1,
-            autoclose: true,
-            todayHighlight: true,
-            language: 'zh-CN'
-        })
-    })
-
-    // 颜色选取
-    jQuery('.js-colorpicker').each(function () {
-        var $colorpicker = jQuery(this)
-        var $colorpickerMode = $colorpicker.data('colorpicker-mode') ? $colorpicker.data('colorpicker-mode') : 'hex'
-        var $colorpickerinline = $colorpicker.data('colorpicker-inline') ? true : false
-        $colorpicker.colorpicker({
-            format: $colorpickerMode,
-            inline: $colorpickerinline
-        })
-    })
-
-    // 复选框全选
-    $('#check-all').change(function () {
-        $("input[type='checkbox']").prop('checked', $(this).prop('checked'))
-    })
-
-    // 设置主题配色
-    setTheme = function (input_name, data_name) {
-        $("input[name='" + input_name + "']").click(function () {
-            $('body').attr(data_name, $(this).val())
-        })
-    }
-    setTheme('site_theme', 'data-theme')
-    setTheme('logo_bg', 'data-logobg')
-    setTheme('header_bg', 'data-headerbg')
-    setTheme('sidebar_bg', 'data-sidebarbg')
-})
diff --git a/src/assets/webfonts/fa-brands-400.eot b/src/assets/webfonts/fa-brands-400.eot
old mode 100755
new mode 100644
index d05ea58..cba6c6c
Binary files a/src/assets/webfonts/fa-brands-400.eot and b/src/assets/webfonts/fa-brands-400.eot differ
diff --git a/src/assets/webfonts/fa-brands-400.svg b/src/assets/webfonts/fa-brands-400.svg
old mode 100755
new mode 100644
index 4e48a46..b9881a4
--- a/src/assets/webfonts/fa-brands-400.svg
+++ b/src/assets/webfonts/fa-brands-400.svg
@@ -2,11 +2,11 @@
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
 <metadata>
-Created by FontForge 20201107 at Tue Mar 16 10:15:04 2021
+Created by FontForge 20201107 at Wed Aug  4 12:25:29 2021
  By Robert Madole
 Copyright (c) Font Awesome
 </metadata>
-<!-- Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><defs>
+<!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><defs>
 <font id="FontAwesome5Brands-Regular" horiz-adv-x="448" >
   <font-face 
     font-family="Font Awesome 5 Brands Regular"
@@ -957,14 +957,6 @@ l19.2002 -19.2002l128 128l-128 128l-51.5 -51.5l77.1006 -76.5l-25.6006 -25.5996l-
     <glyph glyph-name="gg-circle" unicode="&#xf261;" horiz-adv-x="512" 
 d="M257 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM207.5 65.2002l75 75.2002l-77.2002 77.1992l-24.3994 -24.3994l53.0996 -52.9004l-26.5996 -26.5996l-77.2002 77.2002l77.2002 77.1992l11.0996 -11.0996l24.2002 24.2002
 l-35.2002 35.3994l-125.7 -125.699zM306.5 67.4004l125.7 125.6l-125.7 125.7l-75 -75l77.2002 -77.2002l24.3994 24.4004l-53.0996 52.8994l26.5 26.5l77.2002 -77.2002l-77.2002 -77.1992l-11.0996 11.0996l-24.1006 -24.4004z" />
-    <glyph glyph-name="tripadvisor" unicode="&#xf262;" horiz-adv-x="576" 
-d="M528.91 269.18c28.8652 -26.2666 46.9404 -64.1113 46.9404 -106.176c0 -0.0615234 -0.000976562 -0.12207 -0.000976562 -0.183594h0.0302734c-0.00195312 -79.4414 -64.5479 -143.928 -143.989 -143.928c-37.7363 0 -72.0996 14.5527 -97.7803 38.3477
-l-46.1104 -50.1699l-46.1396 50.1992c-25.6064 -23.4443 -59.8145 -37.7793 -97.2334 -37.7793c-79.4268 0 -143.911 64.4844 -143.911 143.911c0 41.8076 17.8662 79.4756 46.374 105.778l-47.0898 51.2402h104.66c52.2266 35.5498 115.938 56.3369 183.822 56.3369
-s130.95 -20.7871 183.178 -56.3369h104.34zM144.06 65.4297c53.751 0 97.3906 43.6396 97.3906 97.3906s-43.6396 97.3896 -97.3906 97.3896s-97.3896 -43.6387 -97.3896 -97.3896s43.6387 -97.3906 97.3896 -97.3906zM288 165.63c0 64.0801 46.6104 119.07 108.08 142.59
-c-33.2285 13.8467 -70.0527 21.4941 -108.272 21.4941c-38.2207 0 -74.6689 -7.64746 -107.897 -21.4941c61.4697 -23.5098 108.09 -78.5 108.09 -142.59zM431.88 65.4297c53.7568 0.00292969 97.4004 43.6475 97.4004 97.4053c0 53.7598 -43.6455 97.4053 -97.4053 97.4053
-c-53.7588 0 -97.4053 -43.6455 -97.4053 -97.4053c0 -53.7578 43.6436 -97.4023 97.4004 -97.4053h0.00976562zM144.06 213.88c0.0175781 0 0.0332031 -0.000976562 0.0507812 -0.000976562c28.1299 0 50.9717 -22.8242 51 -50.9492v-0.109375
-c0 -28.1807 -22.8799 -51.0605 -51.0605 -51.0605s-51.0596 22.8799 -51.0596 51.0605s22.8789 51.0596 51.0596 51.0596h0.00976562zM431.88 213.88c28.1807 0 51.0605 -22.8789 51.0605 -51.0596s-22.8799 -51.0605 -51.0605 -51.0605s-51.0596 22.8799 -51.0596 51.0605
-s22.8789 51.0596 51.0596 51.0596z" />
     <glyph glyph-name="odnoklassniki" unicode="&#xf263;" horiz-adv-x="320" 
 d="M275.1 114c-27.3994 -17.4004 -65.0996 -24.2998 -90 -26.9004l20.9004 -20.5996l76.2998 -76.2998c27.9004 -28.6006 -17.5 -73.2998 -45.7002 -45.7002c-19.0996 19.4004 -47.0996 47.4004 -76.2998 76.5996l-76.2998 -76.5
 c-28.2002 -27.5 -73.5996 17.6006 -45.4004 45.7002c19.4004 19.4004 47.1006 47.4004 76.3008 76.2998l20.5996 20.6006c-24.5996 2.59961 -62.9004 9.09961 -90.5996 26.8994c-32.6006 21 -46.9004 33.3008 -34.3008 59c7.40039 14.6006 27.7002 26.9004 54.6006 5.7002
@@ -1241,11 +1233,10 @@ d="M256 440c136.9 0 248 -111.1 248 -248s-111.1 -248 -248 -248s-248 111.1 -248 24
 h-116.9v-42.6006h70.1006c-5.2002 -34.2002 -37.5 -53.2998 -70.1006 -53.2998c-43 0 -77.2002 35.5 -77.2002 78.0996c0 42.6006 34.3008 78.1006 77.2002 78.1006c18.1006 0 36.2002 -6.2002 49.4004 -19.1006l33.5996 32.6006
 c-22.8994 21.2998 -51.7002 32.2998 -83 32.2998c-68.4375 0 -124 -55.5625 -124 -124s55.5625 -124 124 -124zM415.5 174.2h35.2002v35.5h-35.2002v35.5h-35.5v-35.5h-35.5v-35.5h35.5v-35.5h35.5v35.5z" />
     <glyph glyph-name="font-awesome" unicode="&#xf2b4;" 
-d="M397.8 416c27.5 0 50.2002 -22.7002 50.2002 -50.2002v-347.6c0 -27.5 -22.7002 -50.2002 -50.2002 -50.2002h-347.6c-27.5 0 -50.2002 22.7002 -50.2002 50.2002v347.6c0 27.5 22.7002 50.2002 50.2002 50.2002h347.6zM352.4 131.7h0.0996094v140.3
-c0 4.2002 -4.2002 7.7998 -9 7.7998c-6 0 -31.0996 -16.0996 -53.7998 -16.0996c-4.7002 0 -8.90039 0.599609 -13.1006 2.39941c-20.2998 7.7002 -38.1992 13.7002 -60.8994 13.7002c-20.9004 0 -43 -6.5 -61.5 -14.2998
-c-1.7998 -1.2002 -3.60059 -1.7998 -5.40039 -2.40039v18.5c8.2998 6 13.1006 15.5 13.1006 26.3008c0 18.5996 -15 33.5 -33.5 33.5c-18.6006 0 -33.5 -15 -33.5 -33.5c0 -10.8008 5.2998 -20.3008 13.0996 -26.3008v-218.6c0 -11.2998 9 -20.2998 20.2998 -20.2998
-c8.90039 0 16.7002 5.89941 19.1006 14.2998v1.2002c0.599609 1.2002 0.599609 3 0.599609 4.7998v45.4004c1.2002 0.599609 2.40039 0.599609 3.59961 1.19922c19.7002 8.90039 44.2002 17.3008 67.5 17.3008c32.3008 0 44.8008 -16.7002 71.7002 -16.7002
-c19.2002 0 37.1006 6.5 53.7998 13.7002c4.2002 1.7998 7.80078 3.59961 7.80078 7.7998z" />
+d="M400 416c26.4922 0 48 -21.5078 48 -48v-352c0 -26.4922 -21.5078 -48 -48 -48h-352c-26.4922 0 -48 21.5078 -48 48v352c0 26.4922 21.5078 48 48 48h352zM336 136v160c-31.5996 -11.2002 -41.2002 -16 -59.7998 -16c-31.4004 0 -43.4004 16 -74.6006 16
+c-25.3994 0 -37.3994 -10.4004 -57.5996 -14.4004v6.40039c0 8.83105 -7.16895 16 -16 16s-16 -7.16895 -16 -16v-192c0 -8.83105 7.16895 -16 16 -16s16 7.16895 16 16v153.6c20.2002 4 32.2002 14.4004 57.5996 14.4004c31.4004 0 43.2002 -16 74.6006 -16
+c10.2002 0 17.7998 1.40039 27.7998 4.59961v-96c-10 -3.19922 -17.5996 -4.59961 -27.7998 -4.59961c-31.4004 0 -43.4004 16 -74.6006 16c-8.91309 -0.0322266 -17.5195 -1.44336 -25.5996 -4v-32c7.86035 2.58398 16.2559 4.00195 24.9756 4.00195
+c0.208008 0 0.416016 0 0.624023 -0.00195312c31.4004 0 43.2002 -16 74.6006 -16c18.5996 0 28.2002 4.7998 59.7998 16z" />
     <glyph glyph-name="linode" unicode="&#xf2b8;" 
 d="M437.4 221.7c0.599609 -2 -8.80078 -66.2998 -9.7002 -72.7998c0 -0.900391 -0.5 -1.7002 -1.10059 -2l-54.5996 -43.7002c-1.09961 -0.900391 -2.59961 -0.900391 -3.7002 0l-20.2998 14l-2.2998 -33.4004c0 -0.899414 -0.200195 -1.7002 -1.10059 -2.2998
 l-66.8994 -53.4004c-1.10059 -0.899414 -2.90039 -0.899414 -4 0l-28 23.7002l2 -46c0 -0.899414 -0.200195 -1.7002 -1.10059 -2.2998l-83.6992 -66.9004c-0.600586 -0.299805 -1.10059 -0.599609 -1.7002 -0.599609c-0.900391 0.299805 -1.7002 0.299805 -2.2998 0.900391
@@ -1340,12 +1331,11 @@ c5.7002 -3.09961 6.90039 -9.40039 6 -15.0996c-1.09961 -9.7002 -28 -70.9004 -28.8
 c3.10059 0 8.30078 -0.900391 7.10059 -10.9004c-1.40039 -9.39941 -35.1006 -72.2998 -38.9004 -87.6992c-4.59961 -20.6006 6.60059 -41.4004 24.9004 -50.6006c11.3994 -5.7002 62.5 -15.7002 58.5 11.1006zM376.4 3.09961c10.5996 7.5 24.8994 4.60059 32.2998 -6
 c7.09961 -10.5996 4.59961 -25.1992 -6 -32.5996c-10.6006 -7.09961 -24.9004 -4.59961 -32 6c-7.2002 10.5996 -4.60059 25.2002 5.7002 32.5996z" />
     <glyph glyph-name="font-awesome-alt" unicode="&#xf35c;" 
-d="M339.3 276.8c5.40039 0 9.5 -3 7.7002 -7.09961v-134.4c0 -4.2002 -3 -6 -7.2002 -7.7998c-15.5996 -7.09961 -33.5 -13.7002 -52 -13.7002c-26.2998 0 -38.2002 16.1006 -69.2998 16.1006c-22.7002 0 -46 -8.30078 -65.7002 -16.7002
-c-0.599609 -0.600586 -1.7998 -1.2002 -3 -1.2002v-44.2002c0 -1.7998 0 -3 -0.599609 -4.7998v-1.2998c-2.40039 -7.7002 -9.5 -13.7002 -18.5 -13.7002c-10.7002 0 -19.7002 8.90039 -19.7002 19.7002v212.1c-7.7002 6 -12.5 15.5 -12.5 25.7002
-c0 18 14.2998 32.2998 32.2998 32.2998s32.2998 -14.3994 32.2998 -32.2998c0 -10.7998 -4.69922 -19.7002 -12.5 -25.7002v-17.8994c1.2002 0.599609 3 1.19922 4.80078 1.7998c17.8994 7.09961 39.3994 13.7002 59.6992 13.7002
-c22.1006 0 39.4004 -5.90039 59.1006 -13.7002c4.09961 -1.7998 8.2998 -2.40039 12.5 -2.40039c22.7002 0 46.5996 15.5 52.5996 15.5zM397.8 416c27.5 0 50.2002 -22.7002 50.2002 -50.2002v-347.6c0 -27.5 -22.7002 -50.2002 -50.2002 -50.2002h-347.6
-c-27.5 0 -50.2002 22.7002 -50.2002 50.2002v347.6c0 27.5 22.7002 50.2002 50.2002 50.2002h347.6zM412.1 18.2998v347.601c0 7.69922 -6.5 14.2998 -14.2998 14.2998v-0.100586h-347.6c-7.7002 0 -14.2998 -6.5 -14.2998 -14.2998v-347.5
-c0 -7.7002 6.5 -14.2998 14.2998 -14.2998h347.6c7.7002 0 14.2998 6.5 14.2998 14.2998z" />
+d="M400 416c26.4922 0 48 -21.5078 48 -48v-352c0 -26.4922 -21.5078 -48 -48 -48h-352c-26.4922 0 -48 21.5078 -48 48v352c0 26.4922 21.5078 48 48 48h352zM416 16v352c0 8.83105 -7.16895 16 -16 16h-352c-8.83105 0 -16 -7.16895 -16 -16v-352
+c0 -8.83105 7.16895 -16 16 -16h352c8.83105 0 16 7.16895 16 16zM201.6 296c31.2002 0 43.2002 -16 74.6006 -16c18.5996 0 28.2002 4.7998 59.7998 16v-160c-31.5996 -11.2002 -41.2002 -16 -59.7998 -16c-31.4004 0 -43.2002 16 -74.6006 16
+c-0.208008 0.00195312 -0.415039 -0.0175781 -0.623047 -0.0175781c-8.7207 0 -17.1162 -1.39844 -24.9766 -3.98242v32c8.08008 2.55664 16.6865 3.96777 25.5996 4c31.2002 0 43.2002 -16 74.6006 -16c10.2002 0 17.7998 1.40039 27.7998 4.59961v96
+c-10 -3.19922 -17.5996 -4.59961 -27.7998 -4.59961c-31.4004 0 -43.2002 16 -74.6006 16c-25.3994 0 -37.3994 -10.4004 -57.5996 -14.4004v-153.6c0 -8.83105 -7.16895 -16 -16 -16s-16 7.16895 -16 16v192c0 8.83105 7.16895 16 16 16s16 -7.16895 16 -16v-6.40039
+c20.2002 4 32.2002 14.4004 57.5996 14.4004z" />
     <glyph glyph-name="accessible-icon" unicode="&#xf368;" 
 d="M423.9 192.2l-12.9004 -157.3c-3.2998 -40.7002 -63.9004 -35.1006 -60.5996 4.89941l10 122.5l-41.1006 -2.2998c10.1006 -20.7002 15.7998 -43.9004 15.7998 -68.5c0 -41.2002 -16.0996 -78.7002 -42.2998 -106.5l-39.2998 39.2998
 c57.9004 63.7002 13.0996 167.2 -74 167.2c-25.9004 0 -49.5 -9.90039 -67.2002 -26l-39.2998 39.2998c22 20.7002 50.0996 35.1006 81.4004 40.2002l75.2998 85.7002l-42.6006 24.7998l-51.5996 -46c-30 -26.7998 -70.5996 18.5 -40.5 45.4004l68 60.6992
@@ -1590,14 +1580,18 @@ c13.2998 45.5 -42.2002 71.7002 -64 29.2998z" />
 d="M87 -33.7998v73.5996h73.7002v-73.5996h-73.7002zM25.4004 101.4h61.5996v-61.6006h-61.5996v61.6006zM491.6 271.1c53.2002 -170.3 -73 -327.1 -235.6 -327.1v95.7998h0.299805v0.299805c101.7 0.200195 180.5 101 141.4 208
 c-14.2998 39.6006 -46.1006 71.4004 -85.7998 85.7002c-107.101 38.7998 -208.101 -39.8994 -208.101 -141.7h-95.7998c0 162.2 156.9 288.7 327 235.601c74.2002 -23.2998 133.6 -82.4004 156.6 -156.601zM256.3 40.0996h-0.299805v-0.299805h-95.2998v95.6006h95.5996
 v-95.3008z" />
-    <glyph glyph-name="discord" unicode="&#xf392;" 
-d="M297.216 204.8c0 -15.6162 -11.5195 -28.416 -26.1123 -28.416c-14.3359 0 -26.1113 12.7998 -26.1113 28.416s11.5195 28.416 26.1113 28.416c14.5928 0 26.1123 -12.7998 26.1123 -28.416zM177.664 233.216c14.5918 0 26.3682 -12.7998 26.1123 -28.416
-c0 -15.6162 -11.5205 -28.416 -26.1123 -28.416c-14.3359 0 -26.1123 12.7998 -26.1123 28.416s11.5205 28.416 26.1123 28.416zM448 395.264v-459.264c-64.4941 56.9941 -43.8682 38.1279 -118.784 107.776l13.5684 -47.3604h-290.304
-c-28.9287 0 -52.4805 23.5518 -52.4805 52.7363v346.111c0 29.1846 23.5518 52.7363 52.4805 52.7363h343.039c28.9287 0 52.4805 -23.5518 52.4805 -52.7363zM375.04 152.576c0 82.4316 -36.8643 149.248 -36.8643 149.248
-c-36.8643 27.6475 -71.9355 26.8799 -71.9355 26.8799l-3.58398 -4.0957c43.5195 -13.3125 63.7441 -32.5127 63.7441 -32.5127c-60.8115 33.3291 -132.244 33.335 -191.232 7.42383c-9.47168 -4.35156 -15.1035 -7.42383 -15.1035 -7.42383
-s21.2471 20.2246 67.3271 33.5361l-2.55957 3.07227s-35.0723 0.767578 -71.9355 -26.8799c0 0 -36.8643 -66.8164 -36.8643 -149.248c0 0 21.5039 -37.1201 78.0801 -38.9121c0 0 9.47168 11.5195 17.1514 21.248c-32.5117 9.72754 -44.7998 30.208 -44.7998 30.208
-c3.7666 -2.63574 9.97656 -6.05273 10.4961 -6.40039c43.21 -24.1973 104.588 -32.126 159.744 -8.95996c8.95996 3.32812 18.9443 8.19238 29.4395 15.1045c0 0 -12.7998 -20.9922 -46.3359 -30.4639c7.68066 -9.72852 16.8965 -20.7363 16.8965 -20.7363
-c56.5762 1.79199 78.3359 38.9121 78.3359 38.9121z" />
+    <glyph glyph-name="discord" unicode="&#xf392;" horiz-adv-x="640" 
+d="M524.531 378.164c66.4014 -97.6289 99.1973 -207.758 86.9336 -334.541c-0.0498047 -0.554688 -0.338867 -1.04102 -0.764648 -1.35156c-43.8203 -32.4541 -93.7129 -57.8623 -147.062 -74.1865c-0.171875 -0.0527344 -0.354492 -0.0830078 -0.543945 -0.0830078
+c-0.625977 0 -1.18066 0.308594 -1.51855 0.783203c-11.1562 15.4766 -21.1797 31.7598 -30.0146 48.8145c-0.131836 0.256836 -0.208984 0.549805 -0.208984 0.858398c0 0.799805 0.50293 1.48438 1.20898 1.75293c15.916 5.9834 31.3828 13.3604 45.8906 21.8301
+c0.550781 0.329102 0.918945 0.928711 0.918945 1.61621c0 0.617188 -0.297852 1.16602 -0.756836 1.50977c-3.10547 2.30859 -6.18848 4.73438 -9.13184 7.16016c-0.3125 0.254883 -0.713867 0.407227 -1.14844 0.407227
+c-0.277344 0 -0.541016 -0.0625 -0.776367 -0.174805c-95.0898 -43.917 -199.271 -43.917 -295.5 0c-0.226562 0.101562 -0.480469 0.15918 -0.744141 0.15918c-0.438477 0 -0.84082 -0.15625 -1.15527 -0.415039c-2.94336 -2.42578 -6.02734 -4.82812 -9.10938 -7.13672
+c-0.453125 -0.344727 -0.74707 -0.886719 -0.74707 -1.5c0 -0.692383 0.375 -1.29883 0.932617 -1.62598c14.5459 -8.40234 30 -15.7812 45.8672 -21.8525c0.712891 -0.261719 1.21973 -0.946289 1.21973 -1.74902c0 -0.301758 -0.0722656 -0.586914 -0.200195 -0.839844
+c-8.69238 -17.1572 -18.7334 -33.4609 -30.0371 -48.8418c-0.34668 -0.459961 -0.896484 -0.755859 -1.5166 -0.755859c-0.19043 0 -0.373047 0.0283203 -0.546875 0.0800781c-53.25 16.3789 -103.055 41.7812 -146.824 74.1895
+c-0.419922 0.327148 -0.706055 0.817383 -0.765625 1.375c-10.2441 109.663 10.6387 220.702 86.8672 334.54c0.185547 0.300781 0.459961 0.537109 0.788086 0.676758c37.3066 17.1338 78.0146 29.9219 119.688 37.1064
+c0.0957031 0.015625 0.191406 0.0253906 0.292969 0.0253906c0.694336 0 1.30176 -0.375977 1.63086 -0.935547c5.56348 -9.8418 10.6553 -20.126 15.1348 -30.5996c22.0664 3.34961 43.7744 5.08691 66.7705 5.08691c22.9951 0 45.5889 -1.7373 67.6553 -5.08691
+c4.44727 10.4414 9.46191 20.7285 14.9004 30.5996c0.308594 0.5625 0.90332 0.941406 1.58887 0.941406c0.114258 0 0.225586 -0.0107422 0.333984 -0.03125c41.666 -7.19922 82.373 -19.9863 119.686 -37.1055c0.331055 -0.135742 0.601562 -0.384766 0.764648 -0.700195z
+M222.491 110.42c29.4326 0 52.8428 26.5869 52.8428 59.2412c0.462891 32.4189 -23.1777 59.2393 -52.8428 59.2393c-29.4355 0 -52.8438 -26.5898 -52.8438 -59.2412c0 -32.6523 23.8711 -59.2393 52.8438 -59.2393zM417.871 110.42
+c29.667 0 52.8438 26.5869 52.8438 59.2412c0.462891 32.4189 -23.1768 59.2393 -52.8438 59.2393c-29.4346 0 -52.8428 -26.5898 -52.8428 -59.2412c0 -32.6523 23.8721 -59.2393 52.8428 -59.2393z" />
     <glyph glyph-name="discourse" unicode="&#xf393;" 
 d="M225.9 416c122.699 0 222.1 -102.3 222.1 -223.9c0 -121.6 -99.4004 -223.899 -222.1 -223.899l-225.801 -0.200195s-0.0996094 224 -0.0996094 227.9c0 121.6 103.3 220.1 225.9 220.1zM224 64c70.7002 0 128 57.2998 128 128s-57.2998 128 -128 128
 s-128 -57.2998 -128 -128c0 -22.0996 5.59961 -42.9004 15.4004 -61l-22.9004 -75l81.0996 20.0996c16.5 -7.7998 35 -12.0996 54.4004 -12.0996z" />
@@ -2461,10 +2455,11 @@ c13.7002 9.39941 16.4004 24.3994 9.10059 31.3994c-7.2002 6.90039 -28.2002 -7 -29
 c12.5996 33.0996 -3.59961 45.5 -3.59961 45.5s-23.4004 12.9004 -33.3008 -20.2002c-9.89941 -33.0996 -6.39941 -44.8994 -6.39941 -44.8994s30.7002 -13.4004 43.2998 19.5996zM442.1 188.1c0 0 15.7002 -1.09961 26.4004 14.2002s1.2998 25.5 1.2998 25.5
 s-8.59961 11.1006 -19.5996 -9.09961c-11.1006 -20.1006 -8.10059 -30.6006 -8.10059 -30.6006z" />
     <glyph glyph-name="font-awesome-flag" unicode="&#xf425;" 
-d="M444.373 88.5762c0 -7.16797 -6.14453 -10.2402 -13.3125 -13.3125c-28.6719 -12.2881 -59.3916 -23.5518 -92.1592 -23.5518c-46.0801 0 -67.584 28.6719 -122.88 28.6719c-39.9365 0 -81.9209 -14.3359 -115.713 -29.6953
-c-2.04785 -1.02441 -4.0957 -1.02441 -6.14355 -2.04883v-77.8232c0 -21.4053 -16.1221 -34.8164 -33.792 -34.8164c-19.4561 0 -34.8164 15.3604 -34.8164 34.8164v374.783c-13.3115 10.2402 -22.5273 26.624 -22.5273 45.0566c0 31.7441 25.5996 57.3438 57.3438 57.3438
-s57.3438 -25.5996 57.3438 -57.3438c0 -18.4326 -8.19141 -34.8164 -22.5273 -45.0566v-31.7432c4.12402 1.37402 58.7676 28.6719 114.688 28.6719c65.2705 0 97.6758 -27.6484 126.976 -27.6484c38.9121 0 81.9209 27.6484 92.1602 27.6484
-c8.19238 0 15.3604 -6.14453 15.3604 -13.3125v-240.64z" />
+d="M448 400v-336c-63 -23 -82 -32 -119 -32c-63 0 -87 32 -150 32c-20 0 -36 -4 -51 -8v64c15 4 31 8 51 8c63 0 87 -32 150 -32c20 0 35 3 55 9v208c-20 -6 -35 -9 -55 -9c-63 0 -87 32 -150 32c-51 0 -75 -21 -115 -29v-307
+c0.00195312 -0.136719 0.00292969 -0.273438 0.00292969 -0.410156c0 -17.4404 -14.1602 -31.5996 -31.6006 -31.5996c-0.136719 0 -0.265625 0.0078125 -0.402344 0.00976562c-0.136719 -0.00195312 -0.273438 -0.00292969 -0.410156 -0.00292969
+c-17.4404 0 -31.5996 14.1602 -31.5996 31.6006c0 0.136719 0.0078125 0.265625 0.00976562 0.402344v384c-0.00195312 0.136719 -0.00292969 0.273438 -0.00292969 0.410156c0 17.4404 14.1602 31.5996 31.6006 31.5996
+c0.136719 0 0.265625 -0.0078125 0.402344 -0.00976562c0.136719 0.00195312 0.273438 0.00292969 0.410156 0.00292969c17.4404 0 31.5996 -14.1602 31.5996 -31.6006c0 -0.136719 -0.0078125 -0.265625 -0.00976562 -0.402344v-13c40 8 64 29 115 29c63 0 87 -32 150 -32
+c37 0 56 9 119 32z" />
     <glyph glyph-name="gitter" unicode="&#xf426;" horiz-adv-x="384" 
 d="M66.4004 125.5h-50.4004v322.5h50.4004v-322.5zM166.9 371.9v-435.9h-50.4004v435.9h50.4004zM267.5 371.9v-435.9h-50.4004v435.9h50.4004zM368 372v-247h-50.4004v247h50.4004z" />
     <glyph glyph-name="hooli" unicode="&#xf427;" horiz-adv-x="640" 
@@ -3425,9 +3420,13 @@ M353.9 173.3c3.55273 2.83594 6.87891 5.7998 10.0996 9l-34.9004 35c-3.18457 -3.22
 c2.53027 3.79688 4.77832 7.81738 6.7002 12l-39.5 39.7998c-0.374023 -5.3252 -1.63574 -10.4893 -3.59961 -15.2002zM391.6 230.8l-53.0996 53.4004c4.25977 -7.79688 6.82422 -16.7627 7.09961 -26.2002l41.3008 -41.5c1.7959 4.61523 3.39258 9.46387 4.69922 14.2998z
 M392.6 236.4c1.25586 5.3623 2.04199 10.9189 2.30078 16.5996l-64.3008 64.7002c-2.61426 -3.74805 -5.95898 -6.85938 -9.89941 -9.2002z" />
     <glyph glyph-name="figma" unicode="&#xf799;" horiz-adv-x="384" 
-d="M277 277.3h-85.4004v-256c-0.0273438 -47.082 -38.2617 -85.2998 -85.3506 -85.2998c-47.1055 0 -85.3496 38.2441 -85.3496 85.3496c0 47.1064 38.2441 85.3506 85.3496 85.3506h0.0507812c-47.1055 0 -85.3496 38.2441 -85.3496 85.3496
-c0 47.1064 38.2441 85.3506 85.3496 85.3506c-47.0781 0 -85.2998 38.2217 -85.2998 85.2998s38.2217 85.2998 85.2998 85.2998h170.7c47.1055 0 85.3496 -38.2441 85.3496 -85.3496c0 -47.1064 -38.2441 -85.3506 -85.3496 -85.3506zM277 277.3
-c47.0762 -0.00488281 85.2949 -38.2236 85.2998 -85.2998c0 -47.0781 -38.2217 -85.2998 -85.2998 -85.2998s-85.2998 38.2217 -85.2998 85.2998s38.2217 85.2998 85.2998 85.2998z" />
+d="M14 352.208c0 52.9043 42.8877 95.792 95.793 95.792h164.368c52.9053 0 95.793 -42.8877 95.793 -95.792c0 -33.5 -17.1963 -62.9844 -43.2432 -80.1055c26.0469 -17.1211 43.2432 -46.6045 43.2432 -80.1045c0 -52.9053 -42.8877 -95.793 -95.793 -95.793h-2.08008
+c-24.8018 0 -47.4033 9.42578 -64.415 24.8906v-88.2627c0 -53.6104 -44.0088 -96.833 -97.3574 -96.833c-52.7725 0 -96.3086 42.7568 -96.3086 95.793c0 33.498 17.1943 62.9805 43.2393 80.1016c-26.0449 17.1221 -43.2393 46.6055 -43.2393 80.1035
+c0 33.5 17.1963 62.9834 43.2422 80.1045c-26.0459 17.1211 -43.2422 46.6055 -43.2422 80.1055zM176.288 256.413h-66.4951c-35.5762 0 -64.415 -28.8398 -64.415 -64.415c0 -35.4385 28.6172 -64.1924 64.0029 -64.4141
+c0.136719 0.000976562 0.274414 0.000976562 0.412109 0.000976562h66.4951v128.828zM207.666 191.998c0 -35.5752 28.8389 -64.415 64.415 -64.415h2.08008c35.5762 0 64.415 28.8398 64.415 64.415s-28.8389 64.415 -64.415 64.415h-2.08008
+c-35.5762 0 -64.415 -28.8398 -64.415 -64.415zM109.793 96.2051c-0.137695 0 -0.275391 0.000976562 -0.412109 0.000976562c-35.3857 -0.220703 -64.0029 -28.9746 -64.0029 -64.4131c0 -35.4453 29.2246 -64.415 64.9307 -64.415
+c36.2822 0 65.9795 29.4365 65.9795 65.4551v63.3721h-66.4951zM109.793 416.622c-35.5762 0 -64.415 -28.8398 -64.415 -64.4141c0 -35.5762 28.8389 -64.415 64.415 -64.415h66.4951v128.829h-66.4951zM207.666 287.793h66.4951c35.5762 0 64.415 28.8389 64.415 64.415
+c0 35.5742 -28.8389 64.4141 -64.415 64.4141h-66.4951v-128.829z" />
     <glyph glyph-name="intercom" unicode="&#xf7af;" 
 d="M392 416c30.9004 0 56 -25.0996 56 -56v-336c0 -30.9004 -25.0996 -56 -56 -56h-336c-30.9004 0 -56 25.0996 -56 56v336c0 30.9004 25.0996 56 56 56h336zM283.7 333.9v-199.5c0 -19.8008 29.8994 -19.8008 29.8994 0v199.5c0 19.7998 -29.8994 19.7998 -29.8994 0z
 M209.1 341.4v-216.5c0 -19.8008 29.9004 -19.8008 29.9004 0v216.5c0 19.7998 -29.9004 19.7998 -29.9004 0zM134.4 333.9v-199.5c0 -19.8008 29.8994 -19.8008 29.8994 0v199.5c0 19.7998 -29.8994 19.7998 -29.8994 0zM59.7002 304v-134.3
@@ -3553,11 +3552,12 @@ c30.4102 17.9199 81.0498 55.6504 132.75 115.92c14.9697 -9 16.1494 -11.71 16.5098
 c-0.860352 -1.67969 -20.0303 -21.6797 -63.2803 -20.4092c5.5 -12.9404 10.9902 -25.0908 16.5 -36.4404zM306.579 337c-1.58008 2.4502 -39.5801 58.8496 -56.4805 54.6104c-16.8994 1.09961 -36.21 -22.9805 -38.21 -75.2803
 c21.1104 13.2402 50.1299 22.3301 94.6904 20.6699zM175.929 333.9c-3.7998 6.68945 -8.66992 12.4795 -14.4297 13.5693h-0.0898438c-24.79 1.41016 -24.75 -52.8301 -24.6699 -49.5898c13.6602 -0.00976562 27.8496 -0.410156 42.3994 -1.25977
 c-1.62012 12.6602 -2.72949 25.1699 -3.20996 37.2803zM147.869 171.9c-30.7998 -61.5098 -19.8701 -76.6104 -19.6699 -76.8203c7.38965 -15.4902 38.1299 -20.25 84.9199 4.50977c-21.9502 11.7402 -44.4902 32.6104 -65.25 72.3105zM357.929 97.0996z" />
-    <glyph glyph-name="bootstrap" unicode="&#xf836;" 
-d="M292.3 136.07c0 -42.4102 -39.7197 -41.4307 -43.9199 -41.4307h-80.8896v81.6904h80.8896c42.5605 0 43.9199 -31.9004 43.9199 -40.2598zM242.15 209.2h-74.6602v72.1797h74.6602c34.9297 0 38.4395 -20.3496 38.4395 -35.8701
-c0 -37.3096 -37.7695 -36.3096 -38.4395 -36.3096zM448 341.33v-298.66c-0.121094 -41.1553 -33.5146 -74.5488 -74.6699 -74.6699h-298.66c-41.1553 0.121094 -74.5488 33.5146 -74.6699 74.6699v298.66c0.121094 41.1553 33.5146 74.5488 74.6699 74.6699h298.66
-c41.1553 -0.121094 74.5488 -33.5146 74.6699 -74.6699zM338.05 130.14c0 21.5703 -6.64941 58.29 -49.0498 67.3506v0.729492c22.9102 9.78027 37.3398 28.25 37.3398 55.6406c0 7 2 64.7793 -77.5996 64.7793h-127v-261.33c128.229 0 139.87 -1.67969 163.6 5.70996
-c14.21 4.4209 52.71 17.9805 52.71 67.1201z" />
+    <glyph glyph-name="bootstrap" unicode="&#xf836;" horiz-adv-x="576" 
+d="M333.5 246.6c0 -23.5996 -18.0996 -36.7998 -50.9004 -36.8994h-42.5v71.2002h50.4004c27.4004 0 43 -12.2002 43 -34.3008zM517 259.4c9.5 -31 25.7002 -50.6006 52 -53.1006v-28.5c-26.4004 -2.5 -42.5 -22.0996 -52.0996 -53.0996
+c-9.5 -30.9004 -10.8008 -68.7998 -9.80078 -98.1006c1.10059 -30.3994 -22.5996 -58.5 -54.6992 -58.5h-328.7c-32 0 -55.7998 28 -54.7002 58.5c1.09961 29.3008 -0.299805 67.2002 -9.7998 98.1006c-9.60059 31 -25.7998 50.5996 -52.2002 53.0996v28.5
+c26.5 2.5 42.5996 22.1006 52.2002 53.1006c9.5 30.8994 10.7998 68.7998 9.7998 98.0996c-1.09961 30.4004 22.5996 58.5 54.7002 58.5h328.8c32 0 55.7998 -28 54.7002 -58.5c-1.10059 -29.2998 0.299805 -67.2002 9.7998 -98.0996zM300.2 72.9004
+c51.8994 0 83.2002 25.3994 83.2002 67.5c0 31.6992 -22.3008 54.6992 -55.5 58.2998v1.2998c24.3994 3.90039 43.5 26.5 43.5 51.7998c0 36 -28.4004 59.4004 -71.7002 59.4004h-97.4004v-238.3h97.9004zM290.2 181.6c35.8994 0 54.5 -13.1992 54.5 -38.8994
+c0 -25.7998 -18.1006 -39.5 -52.2998 -39.5h-52.3008v78.3994h50.1006z" />
     <glyph glyph-name="buffer" unicode="&#xf837;" 
 d="M427.84 67.3301l-196.5 -97.8203c-2.24707 -0.963867 -4.72266 -1.49805 -7.32129 -1.49805s-5.10156 0.53418 -7.34863 1.49805l-196.51 97.8203c-4 2 -4 5.28027 0 7.29004l47.0596 23.3799c2.25098 0.964844 4.72949 1.49805 7.33203 1.49805
 c2.60156 0 5.10742 -0.533203 7.3584 -1.49805l134.76 -67c2.24609 -0.969727 4.72168 -1.50684 7.32129 -1.50684s5.10254 0.537109 7.34863 1.50684l134.76 67c2.24902 0.964844 4.72656 1.49902 7.32715 1.49902s5.10449 -0.53418 7.35352 -1.49902l47.0596 -23.4297
diff --git a/src/assets/webfonts/fa-brands-400.ttf b/src/assets/webfonts/fa-brands-400.ttf
old mode 100755
new mode 100644
index fc567cd..8d75ded
Binary files a/src/assets/webfonts/fa-brands-400.ttf and b/src/assets/webfonts/fa-brands-400.ttf differ
diff --git a/src/assets/webfonts/fa-brands-400.woff b/src/assets/webfonts/fa-brands-400.woff
old mode 100755
new mode 100644
index db70e73..3375bef
Binary files a/src/assets/webfonts/fa-brands-400.woff and b/src/assets/webfonts/fa-brands-400.woff differ
diff --git a/src/assets/webfonts/fa-brands-400.woff2 b/src/assets/webfonts/fa-brands-400.woff2
old mode 100755
new mode 100644
index b8a8f65..402f81c
Binary files a/src/assets/webfonts/fa-brands-400.woff2 and b/src/assets/webfonts/fa-brands-400.woff2 differ
diff --git a/src/assets/webfonts/fa-regular-400.eot b/src/assets/webfonts/fa-regular-400.eot
old mode 100755
new mode 100644
index fae180d..a4e5989
Binary files a/src/assets/webfonts/fa-regular-400.eot and b/src/assets/webfonts/fa-regular-400.eot differ
diff --git a/src/assets/webfonts/fa-regular-400.svg b/src/assets/webfonts/fa-regular-400.svg
old mode 100755
new mode 100644
index 9dba8c3..463af27
--- a/src/assets/webfonts/fa-regular-400.svg
+++ b/src/assets/webfonts/fa-regular-400.svg
@@ -2,11 +2,11 @@
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
 <metadata>
-Created by FontForge 20201107 at Tue Mar 16 10:15:04 2021
+Created by FontForge 20201107 at Wed Aug  4 12:25:29 2021
  By Robert Madole
 Copyright (c) Font Awesome
 </metadata>
-<!-- Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><defs>
+<!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><defs>
 <font id="FontAwesome5Free-Regular" horiz-adv-x="512" >
   <font-face 
     font-family="Font Awesome 5 Free Regular"
diff --git a/src/assets/webfonts/fa-regular-400.ttf b/src/assets/webfonts/fa-regular-400.ttf
old mode 100755
new mode 100644
index d1ac9ba..7157aaf
Binary files a/src/assets/webfonts/fa-regular-400.ttf and b/src/assets/webfonts/fa-regular-400.ttf differ
diff --git a/src/assets/webfonts/fa-regular-400.woff b/src/assets/webfonts/fa-regular-400.woff
old mode 100755
new mode 100644
index e9f54b1..ad077c6
Binary files a/src/assets/webfonts/fa-regular-400.woff and b/src/assets/webfonts/fa-regular-400.woff differ
diff --git a/src/assets/webfonts/fa-regular-400.woff2 b/src/assets/webfonts/fa-regular-400.woff2
old mode 100755
new mode 100644
index 9df490e..5632894
Binary files a/src/assets/webfonts/fa-regular-400.woff2 and b/src/assets/webfonts/fa-regular-400.woff2 differ
diff --git a/src/assets/webfonts/fa-solid-900.eot b/src/assets/webfonts/fa-solid-900.eot
old mode 100755
new mode 100644
index afe3152..e994171
Binary files a/src/assets/webfonts/fa-solid-900.eot and b/src/assets/webfonts/fa-solid-900.eot differ
diff --git a/src/assets/webfonts/fa-solid-900.svg b/src/assets/webfonts/fa-solid-900.svg
old mode 100755
new mode 100644
index dce459d..00296e9
--- a/src/assets/webfonts/fa-solid-900.svg
+++ b/src/assets/webfonts/fa-solid-900.svg
@@ -2,11 +2,11 @@
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
 <metadata>
-Created by FontForge 20201107 at Tue Mar 16 10:15:04 2021
+Created by FontForge 20201107 at Wed Aug  4 12:25:29 2021
  By Robert Madole
 Copyright (c) Font Awesome
 </metadata>
-<!-- Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><defs>
+<!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><defs>
 <font id="FontAwesome5Free-Solid" horiz-adv-x="512" >
   <font-face 
     font-family="Font Awesome 5 Free Solid"
diff --git a/src/assets/webfonts/fa-solid-900.ttf b/src/assets/webfonts/fa-solid-900.ttf
old mode 100755
new mode 100644
index f33e816..25abf38
Binary files a/src/assets/webfonts/fa-solid-900.ttf and b/src/assets/webfonts/fa-solid-900.ttf differ
diff --git a/src/assets/webfonts/fa-solid-900.woff b/src/assets/webfonts/fa-solid-900.woff
old mode 100755
new mode 100644
index 73c1a4d..23ee663
Binary files a/src/assets/webfonts/fa-solid-900.woff and b/src/assets/webfonts/fa-solid-900.woff differ
diff --git a/src/assets/webfonts/fa-solid-900.woff2 b/src/assets/webfonts/fa-solid-900.woff2
old mode 100755
new mode 100644
index dc52d95..2217164
Binary files a/src/assets/webfonts/fa-solid-900.woff2 and b/src/assets/webfonts/fa-solid-900.woff2 differ
diff --git a/src/clientarea/views/common/header.php b/src/clientarea/views/common/header.php
index fd1a65a..485176a 100755
--- a/src/clientarea/views/common/header.php
+++ b/src/clientarea/views/common/header.php
@@ -21,7 +21,7 @@
     <?php echo $PageInfo['rel']; ?>
 
     <link href="<?php echo $site_url; ?>/assets/css/halfmoon.min.css" rel="stylesheet" />
-    <link href="<?php echo $site_url; ?>/assets/css/all.min.css" rel="stylesheet" />
+    <link href="<?php echo $site_url; ?>/assets/css/font-awesome.min.css" rel="stylesheet" />
     <link href="<?php echo $site_url; ?>/assets/css/style.css" rel="stylesheet" />
     <script type="text/javascript">
         var site_domain = "<?php echo $site_domain; ?>";
diff --git a/src/core/adminarea.php b/src/core/adminarea.php
index f4e6485..5321dee 100755
--- a/src/core/adminarea.php
+++ b/src/core/adminarea.php
@@ -8,6 +8,8 @@ if (isset($_SESSION['UIISC_ADMIN'])) {
         setMessage('Login to <b>continue !</b>', 'danger');
         redirect('admin/login');
     }
+    $AdminInfo['avatar'] = $AdminInfo['admin_email'] ? md5($AdminInfo['admin_email']) : 'default';
+    $AdminInfo['avatar'] = 'https://dn-qiniu-avatar.qbox.me/avatar/' . $AdminInfo['avatar'] . '?s=30';
 } else {
     setMessage('Login to <b>continue !</b>', 'danger');
     redirect('admin/login');
diff --git a/src/core/application.php b/src/core/application.php
index 23c446e..5901f3d 100755
--- a/src/core/application.php
+++ b/src/core/application.php
@@ -21,6 +21,7 @@ session_start();
 define('IN_CRONLITE', true);
 define('APP_MODE', 'prod'); // prod, demo
 define('APP_VERSION', '2.0.3');
+define('APP_BUILD', '1000');
 define('DB_VERSION', '2021');
 define('APP_BRAND', 'UIISC');
 define('APP_DEBUG', false);
diff --git a/src/core/language/zh-CN/language.php b/src/core/language/zh-CN/language.php
index 798f77d..a13ddc6 100755
--- a/src/core/language/zh-CN/language.php
+++ b/src/core/language/zh-CN/language.php
@@ -80,11 +80,14 @@ return array(
     'modify'              => '修改',
     'edit'                => '编辑',
     'list'                => '列表',
+    'close'               => '关闭',
     'managearea'          => '管理中心',
     'delete'              => '删除',
     'details'             => '详情',
+    'View details'        => '查看详情',
     'Tickets'             => '工单',
     'Tickets List'        => '工单管理',
+    'Ticket List'         => '工单列表',
     'My Tickets'          => '我的工单',
     'Tickets Details'     => '工单详情',
     'member'              => '客户',
@@ -96,8 +99,15 @@ return array(
     'Save'                => '保存',
     'Clients'             => '客户',
     'Clients List'        => '客户管理',
+    'Client List'         => '客户列表',
+    'Client Details'      => '客户详情',
     'Hosting Accounts'    => '托管帐户',
+    'Account List'        => '账户列表',
+    'Account Details'     => '账户详情',
+    'Account Settings'    => '账户配置',
     'System Settings'     => '系统配置',
+    'Control Panel'       => '控制面板',
+    'File Manager'        => '文件管理',
     'Company Name'        => '公司名称',
     'Company'             => '公司',
     'Brand Name'          => '品牌标识',
diff --git a/src/core/library/functions.php b/src/core/library/functions.php
index 92e5940..f5a61c4 100755
--- a/src/core/library/functions.php
+++ b/src/core/library/functions.php
@@ -445,3 +445,24 @@ function email_build_body($title, $nickname, $content, $description = '')
     </div>
 </div>';
 }
+
+function checkRefererHost()
+{
+    if (!$_SERVER['HTTP_REFERER']) return false;
+    $url_arr = parse_url($_SERVER['HTTP_REFERER']);
+    $http_host = $_SERVER['HTTP_HOST'];
+    if (strpos($http_host, ':')) $http_host = substr($http_host, 0, strpos($http_host, ':'));
+    return $url_arr['host'] === $http_host;
+}
+
+function checkIfActive($string)
+{
+    $array = explode(',', $string);
+    $php_self = substr($_SERVER['REQUEST_URI'], strrpos($_SERVER['REQUEST_URI'], '/') + 1, strrpos($_SERVER['REQUEST_URI'], '.') - strrpos($_SERVER['REQUEST_URI'], '/') - 1);
+    if (in_array($php_self, $array)) {
+        return 'active';
+    } elseif (isset($_GET['m']) && in_array($_GET['m'], $array)) {
+        return 'active';
+    }
+    return null;
+}
diff --git a/src/public/views/common/footer.php b/src/public/views/common/footer.php
index 9ad8367..f3b3a9a 100755
--- a/src/public/views/common/footer.php
+++ b/src/public/views/common/footer.php
@@ -18,7 +18,7 @@ if (!defined('IN_CRONLITE')) {
             <ul class="legal navbar-right list-inline text-center">
                 <li class="dropup">
                     <div class="dropdown-toggle" id="changelanguage" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                        <span class="glyphicon glyphicon-globe"></span>
+                        <span class="fa fa-language"></span>
                         <a href="#"><?php echo $lang->get_language_name(); ?></a>
                     </div>
                     <ul class="dropdown-menu language-change"><?php echo $lang->get_languages_tags(); ?></ul>
diff --git a/src/public/views/common/header.php b/src/public/views/common/header.php
index 5cb5e40..7b6b950 100755
--- a/src/public/views/common/header.php
+++ b/src/public/views/common/header.php
@@ -25,6 +25,7 @@ if (!defined('IN_CRONLITE')) {
 <?php endif; ?>
     <link href="assets/image/favicon.ico?_=<?php echo $static_release; ?>" rel="icon" />
     <link href="assets/bootstrap/css/bootstrap.min.css?_=<?php echo $static_release; ?>" rel="stylesheet" />
+    <link href="assets/css/font-awesome.min.css" rel="stylesheet" />
     <link href="assets/css/common.css?_=<?php echo $static_release; ?>" rel="stylesheet" />
     <!--[if lt IE 9]>
     <script src="assets/html5shiv/html5shiv.min.js?_=<?php echo $static_release; ?>"></script>