diff --git a/app/Http/Controllers/AdminController.php b/app/Http/Controllers/AdminController.php
index 7f5e1ca7..6220a540 100644
--- a/app/Http/Controllers/AdminController.php
+++ b/app/Http/Controllers/AdminController.php
@@ -364,7 +364,7 @@ class AdminController extends Controller
             ->addButton([
                 'text' => trans('options.cache.clear'),
                 'type' => 'a',
-                'class' => 'pull-right',
+                'class' => 'float-right',
                 'style' => 'warning',
                 'href' => '?clear-cache',
             ])
diff --git a/app/Http/View/Composers/HeadComposer.php b/app/Http/View/Composers/HeadComposer.php
index 28f09c15..592daebb 100644
--- a/app/Http/View/Composers/HeadComposer.php
+++ b/app/Http/View/Composers/HeadComposer.php
@@ -65,7 +65,6 @@ class HeadComposer
     {
         $view->with('styles', [
             $this->webpack->url('style.css'),
-            $this->webpack->url('skins/'.option('color_scheme').'.min.css'),
         ]);
         $view->with('inline_css', option('custom_css'));
     }
diff --git a/app/Http/View/Composers/SideMenuComposer.php b/app/Http/View/Composers/SideMenuComposer.php
index b6a1cb1a..64beae71 100644
--- a/app/Http/View/Composers/SideMenuComposer.php
+++ b/app/Http/View/Composers/SideMenuComposer.php
@@ -57,7 +57,6 @@ class SideMenuComposer
         }
 
         if (Arr::has($item, 'children')) {
-            $classes[] = 'treeview';
             $item['children'] = array_map(function ($item) {
                 return $this->transform($item);
             }, $item['children']);
diff --git a/app/Http/View/Composers/UserMenuComposer.php b/app/Http/View/Composers/UserMenuComposer.php
index d59063ca..f2e2e47e 100644
--- a/app/Http/View/Composers/UserMenuComposer.php
+++ b/app/Http/View/Composers/UserMenuComposer.php
@@ -18,18 +18,12 @@ class UserMenuComposer
     public function compose(View $view)
     {
         $user = auth()->user();
-        $view->with('user', $user);
+        $email = base64_encode($user->email);
+        $avatar = $user->avatar;
 
-        if ($this->request->is('skinlib*') || $this->request->is('/')) {
-            $view->with(
-                'tiny_avatar',
-                url('avatar/25/'.base64_encode($user->email).'.png?tid='.$user->avatar)
-            );
-        }
-
-        $view->with(
-            'avatar',
-            url('avatar/128/'.base64_encode($user->email).'.png?tid='.$user->avatar)
-        );
+        $view->with([
+            'user' => $user,
+            'avatar' => url('avatar/25/'.$email.'.png?tid='.$avatar),
+        ]);
     }
 }
diff --git a/app/Http/View/Composers/UserPanelComposer.php b/app/Http/View/Composers/UserPanelComposer.php
index 6ba1efc3..d0f3ff40 100644
--- a/app/Http/View/Composers/UserPanelComposer.php
+++ b/app/Http/View/Composers/UserPanelComposer.php
@@ -19,13 +19,6 @@ class UserPanelComposer
     public function compose(View $view)
     {
         $user = auth()->user();
-        $roles = [
-            User::BANNED => 'banned',
-            User::NORMAL => 'normal',
-            User::ADMIN  => 'admin',
-            User::SUPER_ADMIN => 'super-admin',
-        ];
-        $role = $roles[$user->permission];
         $avatar = url('avatar/45/'.base64_encode($user->email).'.png?tid='.$user->avatar);
 
         $badges = [];
@@ -33,7 +26,6 @@ class UserPanelComposer
 
         $view->with([
             'user' => $user,
-            'role' => trans("admin.users.status.$role"),
             'avatar' => $avatar,
             'badges' => $badges,
         ]);
diff --git a/app/Services/OptionForm.php b/app/Services/OptionForm.php
index 6297d7db..9459d997 100644
--- a/app/Services/OptionForm.php
+++ b/app/Services/OptionForm.php
@@ -148,7 +148,7 @@ class OptionForm
             'name'  => '',
         ], $info);
 
-        $classes = "el-button el-button--{$info['style']} ".implode(' ', (array) Arr::get($info, 'class'));
+        $classes = "btn btn-{$info['style']} ".implode(' ', (array) Arr::get($info, 'class'));
 
         if ($info['href']) {
             $this->buttons[] = "<a href='{$info['href']}' class='$classes'>{$info['text']}</a>";
diff --git a/package.json b/package.json
index 70972b15..a7da1101 100644
--- a/package.json
+++ b/package.json
@@ -21,7 +21,7 @@
     "@babel/runtime": "^7.7.2",
     "@fortawesome/fontawesome-free": "^5.11.2",
     "@tweenjs/tween.js": "^18.4.2",
-    "admin-lte": "^2.4.10",
+    "admin-lte": "^3.0.1",
     "echarts": "^4.5.0",
     "element-theme-chalk": "^2.12.0",
     "element-ui": "^2.12.0",
diff --git a/resources/assets/src/components/AddPlayerDialog.vue b/resources/assets/src/components/AddPlayerDialog.vue
index 78f03ec8..9721cbc7 100644
--- a/resources/assets/src/components/AddPlayerDialog.vue
+++ b/resources/assets/src/components/AddPlayerDialog.vue
@@ -8,6 +8,7 @@
     <div class="modal-dialog">
       <div class="modal-content">
         <div class="modal-header">
+          <h4 v-t="'user.player.add-player'" class="modal-title" />
           <button
             type="button"
             class="close"
@@ -16,7 +17,6 @@
           >
             <span aria-hidden="true">&times;</span>
           </button>
-          <h4 v-t="'user.player.add-player'" class="modal-title" />
         </div>
         <div class="modal-body">
           <table class="table">
@@ -24,24 +24,26 @@
               <tr>
                 <td v-t="'general.player.player-name'" class="key" />
                 <td class="value">
-                  <el-input v-model="name" type="text" />
+                  <input v-model="name" class="form-control" type="text">
                 </td>
               </tr>
             </tbody>
           </table>
 
           <div class="callout callout-info">
-            <ul style="padding: 0 0 0 20px; margin: 0;">
+            <ul class="m-0 p-0 pl-3">
               <li>{{ rule }}</li>
               <li>{{ length }}</li>
             </ul>
           </div>
         </div>
-        <div class="modal-footer">
-          <el-button data-dismiss="modal">{{ $t('general.close') }}</el-button>
-          <el-button type="primary" data-test="addPlayer" @click="addPlayer">
+        <div class="modal-footer d-flex justify-content-between">
+          <button class="btn btn-default" data-dismiss="modal">
+            {{ $t('general.close') }}
+          </button>
+          <button class="btn btn-primary" data-test="addPlayer" @click="addPlayer">
             {{ $t('general.submit') }}
-          </el-button>
+          </button>
         </div>
       </div>
     </div>
diff --git a/resources/assets/src/components/ApplyToPlayerDialog.vue b/resources/assets/src/components/ApplyToPlayerDialog.vue
index b9fb3f6b..6fd003de 100644
--- a/resources/assets/src/components/ApplyToPlayerDialog.vue
+++ b/resources/assets/src/components/ApplyToPlayerDialog.vue
@@ -8,6 +8,7 @@
     <div class="modal-dialog">
       <div class="modal-content">
         <div class="modal-header">
+          <h4 v-t="'user.closet.use-as.title'" class="modal-title" />
           <button
             type="button"
             class="close"
@@ -16,7 +17,6 @@
           >
             <span aria-hidden="true">&times;</span>
           </button>
-          <h4 v-t="'user.closet.use-as.title'" class="modal-title" />
         </div>
         <div class="modal-body">
           <template v-if="players.length !== 0">
@@ -35,17 +35,18 @@
           </template>
           <p v-else v-t="'user.closet.use-as.empty'" />
         </div>
-        <div class="modal-footer">
+        <div class="modal-footer d-flex justify-content-between">
           <a
             v-if="allowAdd"
             v-t="'user.closet.use-as.add'"
             data-toggle="modal"
             data-target="#modal-add-player"
-            class="el-button pull-left"
+            class="btn btn-default"
+            href="#"
           />
-          <el-button type="primary" data-test="submit" @click="submit">
+          <button class="btn btn-primary" data-test="submit" @click="submit">
             {{ $t('general.submit') }}
-          </el-button>
+          </button>
         </div>
       </div>
     </div>
diff --git a/resources/assets/src/components/Captcha.vue b/resources/assets/src/components/Captcha.vue
index d3640a93..eb216c66 100644
--- a/resources/assets/src/components/Captcha.vue
+++ b/resources/assets/src/components/Captcha.vue
@@ -1,6 +1,6 @@
 <template>
   <div v-if="recaptcha" class="row">
-    <div class="col-xs-12" style="padding-bottom: 5px">
+    <div class="d-block ml-2 pb-3">
       <vue-recaptcha
         ref="recaptcha"
         :size="invisible ? 'invisible' : ''"
@@ -9,22 +9,20 @@
       />
     </div>
   </div>
-  <div v-else class="row">
-    <div class="col-xs-8">
-      <div class="form-group has-feedback">
-        <input
-          ref="captcha"
-          v-model="value"
-          type="text"
-          class="form-control"
-          :placeholder="$t('auth.captcha')"
-          required
-        >
-      </div>
+  <div v-else class="d-flex">
+    <div class="form-group mb-3 mr-2">
+      <input
+        ref="captcha"
+        v-model="value"
+        type="text"
+        class="form-control"
+        :placeholder="$t('auth.captcha')"
+        required
+      >
     </div>
-    <div class="col-xs-4">
+    <div>
       <img
-        class="pull-right captcha"
+        class="captcha"
         :src="`${baseUrl}/auth/captcha?v=${time}`"
         alt="CAPTCHA"
         :title="$t('auth.change-captcha')"
diff --git a/resources/assets/src/components/ClosetItem.vue b/resources/assets/src/components/ClosetItem.vue
index d5ea96b0..f1c9a62e 100644
--- a/resources/assets/src/components/ClosetItem.vue
+++ b/resources/assets/src/components/ClosetItem.vue
@@ -1,48 +1,51 @@
 <template>
-  <texture-item :class="{ 'item-selected': selected }">
-    <div @click="$emit('select')">
-      <img :src="previewLink">
+  <div class="card mr-3 mb-3 closet-item" :class="{ shadow: selected }">
+    <div class="card-body texture-img" @click="$emit('select')">
+      <img class="card-img-top" :src="previewLink">
     </div>
+    <div class="card-footer pb-2 pt-2 pl-1 pr-1">
+      <div class="container d-flex justify-content-between">
+        <span data-test="name" :title="name">
+          {{ textureName }} <small>({{ type }})</small>
+        </span>
 
-    <template #footer :class="{ 'item-selected': selected }">
-      <p class="texture-name">
-        <span :title="name">{{ textureName }} <small>({{ type }})</small></span>
-      </p>
-
-      <a
-        :href="linkToSkinlib"
-        :title="$t('user.viewInSkinlib')"
-        class="more"
-        data-toggle="tooltip"
-        data-placement="bottom"
-      ><i class="fas fa-share" /></a>
-      <span
-        id="more-button"
-        :title="$t('general.more')"
-        class="more"
-        data-toggle="dropdown"
-        aria-haspopup="true"
-      ><i class="fas fa-cog" /></span>
-
-      <ul class="dropup dropdown-menu" aria-labelledby="more-button">
-        <li><a v-t="'user.renameItem'" @click="rename" /></li>
-        <li><a v-t="'user.removeItem'" @click="removeClosetItem" /></li>
-        <li><a v-if="type !== 'cape'" v-t="'user.setAsAvatar'" @click="setAsAvatar" /></li>
-      </ul>
-    </template>
-  </texture-item>
+        <a class="float-right dropdown">
+          <span
+            data-toggle="dropdown"
+            aria-haspopup="true"
+            aria-expanded="false"
+          >
+            <i class="fas fa-cog text-gray" />
+          </span>
+          <div class="dropdown-menu">
+            <a class="dropdown-item" href="#" @click="rename">
+              {{ $t('user.renameItem') }}
+            </a>
+            <a class="dropdown-item" href="#" @click="removeClosetItem">
+              {{ $t('user.removeItem') }}
+            </a>
+            <a :href="linkToSkinlib" class="dropdown-item">
+              {{ $t('user.viewInSkinlib') }}
+            </a>
+            <a
+              v-if="type !== 'cape'"
+              class="dropdown-item"
+              href="#"
+              @click="setAsAvatar"
+            >{{ $t('user.setAsAvatar') }}</a>
+          </div>
+        </a>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script>
-import TextureItem from './TextureItem.vue'
 import setAsAvatar from './mixins/setAsAvatar'
 import removeClosetItem from './mixins/removeClosetItem'
 
 export default {
   name: 'ClosetItem',
-  components: {
-    TextureItem,
-  },
   mixins: [
     removeClosetItem,
     setAsAvatar,
@@ -105,3 +108,19 @@ export default {
   },
 }
 </script>
+
+<style lang="stylus">
+.closet-item
+  width 235px
+  transition-property box-shadow
+  transition-duration 0.3s
+  &:hover
+    box-shadow 0 .5rem 1rem rgba(0,0,0,.15)
+    cursor pointer
+
+  .fa-cog:hover
+    color #000
+
+.texture-img
+  background #eff1f0
+</style>
diff --git a/resources/assets/src/components/Previewer.vue b/resources/assets/src/components/Previewer.vue
index 721d7e3e..30916367 100644
--- a/resources/assets/src/components/Previewer.vue
+++ b/resources/assets/src/components/Previewer.vue
@@ -1,9 +1,11 @@
 <template>
-  <div class="box box-default">
-    <div class="box-header with-border">
-      <h3 class="box-title" style="width: 100%;">
-        <span v-html="$t(title)" /> <!-- eslint-disable-line vue/no-v-html -->
-        <span data-toggle="tooltip" class="badge bg-light-blue">{{ indicator }}</span>
+  <div class="card">
+    <div class="card-header">
+      <div class="d-flex justify-content-between">
+        <h3 class="card-title">
+          <span v-html="$t(title)" /> <!-- eslint-disable-line vue/no-v-html -->
+          <span class="badge bg-olive">{{ indicator }}</span>
+        </h3>
         <div class="operations">
           <i
             data-toggle="tooltip"
@@ -35,14 +37,14 @@
             @click="reset"
           />
         </div>
-      </h3>
+      </div>
     </div>
-    <div class="box-body">
+    <div class="card-body">
       <div ref="previewer" class="previewer-3d">
         <!-- Container for 3D Preview -->
       </div>
     </div>
-    <div v-if="$slots.footer" class="box-footer">
+    <div v-if="$slots.footer" class="card-footer">
       <slot name="footer" />
     </div>
   </div>
@@ -174,14 +176,10 @@ export default {
   cursor move
 
 .operations
-  display inline
-  float right
-
   i
     padding .5em .5em
     display inline
-
-  i:hover
-    color #555
-    cursor pointer
+    &:hover
+      color #555
+      cursor pointer
 </style>
diff --git a/resources/assets/src/components/SkinLibItem.vue b/resources/assets/src/components/SkinLibItem.vue
index cbd2da85..5fdbe7af 100644
--- a/resources/assets/src/components/SkinLibItem.vue
+++ b/resources/assets/src/components/SkinLibItem.vue
@@ -1,46 +1,43 @@
 <template>
-  <a :href="urlToDetail">
-    <texture-item>
-      <div class="item-body">
-        <img :src="urlToPreview">
+  <a class="ml-3 mr-2 mb-2" :href="urlToDetail">
+    <div class="card skinlib-item">
+      <div class="card-body texture-img">
+        <div v-if="!isPublic" class="ribbon-wrapper">
+          <div class="ribbon bg-pink">{{ $t('skinlib.private') }}</div>
+        </div>
+        <img class="card-img-top" :src="urlToPreview">
       </div>
+      <div class="card-footer pb-0 pt-2 pl-1 pr-1">
+        <div class="container d-flex justify-content-between">
+          <p>
+            <span :title="name">{{ name }}
+              <small>{{ $t('skinlib.filter.' + type) }}</small>
+            </span>
+          </p>
 
-      <template #footer>
-        <p class="texture-name">
-          <span :title="name">{{ name }}
-            <small>{{ $t('skinlib.filter.' + type) }}</small>
-          </span>
-        </p>
+          <a
+            :title="likeActionText"
+            class="btn-like"
+            :class="{ liked }"
+            href="#"
+            @click.stop="toggleLiked"
+          >
+            <i class="fas fa-heart" />
+            <span>{{ likes }}</span>
+          </a>
+        </div>
 
-        <a
-          :title="likeActionText"
-          class="more like"
-          :class="{ liked, anonymous }"
-          href="#"
-          @click.stop="toggleLiked"
-        >
-          <i class="fas fa-heart" />
-          <span>{{ likes }}</span>
-        </a>
-
-        <small v-if="!isPublic" class="more private-label">
-          {{ $t('skinlib.private') }}
-        </small>
-      </template>
-    </texture-item>
+      </div>
+    </div>
   </a>
 </template>
 
 <script>
-import TextureItem from './TextureItem.vue'
 import addClosetItem from './mixins/addClosetItem'
 import removeClosetItem from './mixins/removeClosetItem'
 
 export default {
   name: 'SkinLibItem',
-  components: {
-    TextureItem,
-  },
   mixins: [
     addClosetItem,
     removeClosetItem,
@@ -94,30 +91,18 @@ export default {
 </script>
 
 <style lang="stylus">
-.texture-name
-  width 65%
-  display inline-block
-  overflow hidden
-  text-overflow ellipsis
-  white-space nowrap
+.skinlib-item
+  width 245px
+  transition-property box-shadow
+  transition-duration 0.3s
+  &:hover
+    box-shadow 0 .5rem 1rem rgba(0, 0, 0, 0.15)
 
-@media (min-width: 1200px)
-  .item
-    width 250px
+.texture-img
+  background #eff1f0
 
-  .item-body > img
-    margin-left 50px
-
-  .texture-name
-    width 65%
-
-.item-footer
-  a
-    color #fff
-
-  .like:hover, .liked
+.btn-like
+  color #6c757d
+  &.liked, &:hover
     color #e0353b
-
-.private-label
-  margin-top 2px
 </style>
diff --git a/resources/assets/src/components/TextureItem.vue b/resources/assets/src/components/TextureItem.vue
deleted file mode 100644
index 1f250bee..00000000
--- a/resources/assets/src/components/TextureItem.vue
+++ /dev/null
@@ -1,87 +0,0 @@
-<template>
-  <div class="item">
-    <div class="item-body">
-      <slot />
-    </div>
-    <div class="item-footer">
-      <slot name="footer" />
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'TextureItem',
-}
-</script>
-
-<style lang="stylus">
-.item
-  display block
-  background #EFF1F0
-  box-shadow 0 1px 1px rgba(0, 0, 0, 0.1)
-  border-radius 2px
-  float left
-  position relative
-  margin-right 20px
-  margin-bottom 20px
-  cursor pointer
-  width 210px
-  height 196px
-  transition box-shadow 0.1s ease-in-out 0s
-
-.item-body
-  height 166px
-
-  img
-    max-width 100%
-    margin-left 30px
-    margin-top 16px
-    width 150px
-
-@media (max-width: 756px)
-  .item
-    width 45%
-    margin-right 5%
-
-  .item-body > img
-    margin-left 25%
-
-  .texture-name
-    width 65%
-
-@media (max-width: 520px)
-  .item
-    width 100%
-
-  .item-body > img
-    margin-left 30%
-
-  .texture-name
-    width 80%
-
-.item:hover
-  box-shadow 0 6px 12px rgba(0, 0, 0, 0.175)
-
-.item-selected
-  box-shadow 0 6px 12px rgba(0, 0, 0, 0.175)
-
-.item-footer
-  background #50b3ec
-  color #fff
-  font-size 16px
-  height 30px
-  padding 3px 8px
-
-  .more
-    float right
-    margin-left 6px
-    margin-right 3px
-    color #fff
-
-  .more:hover
-    color #dadada
-
-  small
-    font-size 50%
-</style>
diff --git a/resources/assets/src/fonts/ubuntu.woff b/resources/assets/src/fonts/ubuntu.woff
deleted file mode 100644
index c2cc479d..00000000
Binary files a/resources/assets/src/fonts/ubuntu.woff and /dev/null differ
diff --git a/resources/assets/src/fonts/ubuntu.woff2 b/resources/assets/src/fonts/ubuntu.woff2
deleted file mode 100644
index 171099bf..00000000
Binary files a/resources/assets/src/fonts/ubuntu.woff2 and /dev/null differ
diff --git a/resources/assets/src/scripts/check-updates.ts b/resources/assets/src/scripts/check-updates.ts
index 835a8bc2..4e564db3 100644
--- a/resources/assets/src/scripts/check-updates.ts
+++ b/resources/assets/src/scripts/check-updates.ts
@@ -12,12 +12,9 @@ export async function checkForUpdates(): Promise<void> {
 
   if (response.ok) {
     const data = await response.json()
-    const el = document.querySelector(`[href="${blessing.base_url}/admin/update"]`)
+    const el = document.querySelector(`[href="${blessing.base_url}/admin/update"] p`)
     if (data.available && el) {
-      el.innerHTML += `
-        <span class="pull-right-container">
-          <span class="label label-primary pull-right">1</span>
-        </span>`
+      el.innerHTML += '<span class="right badge badge-primary">New</span>'
     }
   }
 }
@@ -27,12 +24,9 @@ export async function checkForPluginUpdates(): Promise<void> {
 
   if (response.ok) {
     const data = await response.json()
-    const el = document.querySelector(`[href="${blessing.base_url}/admin/plugins/market"]`)
+    const el = document.querySelector(`[href="${blessing.base_url}/admin/plugins/market"] p`)
     if (data.available && el) {
-      el.innerHTML += `
-        <span class="pull-right-container">
-          <span class="label label-success pull-right">${data.plugins.length}</span>
-        </span>`
+      el.innerHTML += `<span class="right badge badge-success">${data.plugins.length}</span>`
     }
   }
 }
diff --git a/resources/assets/src/scripts/home-page.ts b/resources/assets/src/scripts/home-page.ts
index a3b514fb..18a15c1c 100644
--- a/resources/assets/src/scripts/home-page.ts
+++ b/resources/assets/src/scripts/home-page.ts
@@ -1,5 +1,5 @@
 function handler() {
-  const header = document.querySelector('.main-header')
+  const header = document.querySelector('.navbar')
   /* istanbul ignore else */
   if (header) {
     window.addEventListener('scroll', () => {
diff --git a/resources/assets/src/scripts/index.ts b/resources/assets/src/scripts/index.ts
index 8a17db58..1ba6a3af 100644
--- a/resources/assets/src/scripts/index.ts
+++ b/resources/assets/src/scripts/index.ts
@@ -1,16 +1,16 @@
 /* eslint-disable import/no-extraneous-dependencies */
 import './public-path' // Must be first
-import 'jquery'
-import 'bootstrap/js/collapse'
-import 'bootstrap/js/dropdown'
-import 'bootstrap/js/modal'
-import 'bootstrap/js/transition'
-import 'admin-lte/build/js/Layout'
-import 'admin-lte/build/js/PushMenu'
-import 'admin-lte/build/js/Tree'
+import $ from 'jquery'
+import 'bootstrap'
+import 'admin-lte'
 import './i18n'
 import './net'
 import './event'
 import './notification'
 import './element'
 import './logout'
+
+window.addEventListener('load', () => {
+  // @ts-ignore
+  $('[data-toggle="tooltip"]').tooltip()
+})
diff --git a/resources/assets/src/scripts/notify.ts b/resources/assets/src/scripts/notify.ts
index 7d2cfb6c..237dc2fe 100644
--- a/resources/assets/src/scripts/notify.ts
+++ b/resources/assets/src/scripts/notify.ts
@@ -20,23 +20,25 @@ export function showModal(
   const destroyOnClose = options.destroyOnClose !== false
 
   const dom = `
-    <div class="modal modal-${type} fade in">
-        <div class="modal-dialog">
-            <div class="modal-content">
-                <div class="modal-header">
-                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                        <span aria-hidden="true">×</span>
-                    </button>
-                    <h4 class="modal-title">${title}</h4>
-                </div>
-                <div class="modal-body">
-                    <p>${message}</p>
-                </div>
-                <div class="modal-footer">
-                    <button type="button" ${onClick} class="btn ${btnType}">${btnText}</button>
-                </div>
-            </div>
+    <div class="modal fade in">
+      <div class="modal-dialog">
+        <div class="modal-content bg-${type}">
+          <div class="modal-header">
+            <h4 class="modal-title">${title}</h4>
+            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+              <span aria-hidden="true">×</span>
+            </button>
+          </div>
+          <div class="modal-body">
+            <p>${message}</p>
+          </div>
+          <div class="modal-footer">
+            <button type="button" ${onClick} class="btn btn-outline-light ${btnType}">
+              ${btnText}
+            </button>
+          </div>
         </div>
+      </div>
     </div>`
 
   $(dom)
diff --git a/resources/assets/src/scripts/route.ts b/resources/assets/src/scripts/route.ts
index 3dd073d6..636550db 100644
--- a/resources/assets/src/scripts/route.ts
+++ b/resources/assets/src/scripts/route.ts
@@ -14,12 +14,12 @@ export default [
   {
     path: 'user/closet',
     component: () => import('../views/user/Closet.vue'),
-    el: '.content',
+    el: '.content > .container-fluid',
   },
   {
     path: 'user/player',
     component: () => import('../views/user/Players.vue'),
-    el: '.content',
+    el: '.content > .container-fluid',
   },
   {
     path: 'user/player/bind',
@@ -29,36 +29,38 @@ export default [
   {
     path: 'user/reports',
     component: () => import('../views/user/Report.vue'),
-    el: '.content',
+    el: '.content > .container-fluid',
   },
   {
     path: 'user/profile',
     component: () => import('../views/user/Profile.vue'),
-    el: '.content',
+    el: '.content > .container-fluid',
   },
   {
     path: 'user/oauth/manage',
     component: () => import('../views/user/OAuth.vue'),
-    el: '.content',
+    el: '.content > .container-fluid',
   },
   {
     path: 'admin',
-    module: [() => import('../views/admin/Dashboard')],
+    module: [
+      () => import('../views/admin/Dashboard'),
+    ],
   },
   {
     path: 'admin/users',
     component: () => import('../views/admin/Users.vue'),
-    el: '.content',
+    el: '.content > .container-fluid',
   },
   {
     path: 'admin/players',
     component: () => import('../views/admin/Players.vue'),
-    el: '.content',
+    el: '.content > .container-fluid',
   },
   {
     path: 'admin/reports',
     component: () => import('../views/admin/Reports.vue'),
-    el: '.content',
+    el: '.content > .container-fluid',
   },
   {
     path: 'admin/customize',
@@ -74,12 +76,12 @@ export default [
   {
     path: 'admin/plugins/manage',
     component: () => import('../views/admin/Plugins.vue'),
-    el: '.content',
+    el: '.content > .container-fluid',
   },
   {
     path: 'admin/plugins/market',
     component: () => import('../views/admin/Market.vue'),
-    el: '.content',
+    el: '.content > .container-fluid',
   },
   {
     path: 'admin/update',
@@ -114,11 +116,11 @@ export default [
   {
     path: 'skinlib/show/(\\d+)',
     component: () => import('../views/skinlib/Show.vue'),
-    el: '.content > .row:nth-child(1)',
+    el: '.content > .container-fluid > .row:nth-child(1)',
   },
   {
     path: 'skinlib/upload',
     component: () => import('../views/skinlib/Upload.vue'),
-    el: '.content',
+    el: '.content > .container-fluid',
   },
 ]
diff --git a/resources/assets/src/styles/auth.styl b/resources/assets/src/styles/auth.styl
index 75d79e65..e021cdba 100644
--- a/resources/assets/src/styles/auth.styl
+++ b/resources/assets/src/styles/auth.styl
@@ -1,11 +1,8 @@
 .login-logo a
-  font-family Minecraft, Ubuntu, 'Segoe UI', 'Microsoft Yahei', 'Microsoft Jhenghei', sans-serif
+  font-family Minecraft, 'Segoe UI', 'Microsoft Yahei', sans-serif
   transition all 0.2s ease-in-out
   &:hover
     color #42a5f5
 
 .captcha
   cursor pointer
-
-.auth-btn.el-button
-  width 100%
diff --git a/resources/assets/src/styles/common.styl b/resources/assets/src/styles/common.styl
index b820fe63..015b1a9d 100644
--- a/resources/assets/src/styles/common.styl
+++ b/resources/assets/src/styles/common.styl
@@ -1,42 +1,13 @@
 @import './auth'
 @import './admin'
 
-font_stack = Ubuntu, 'Segoe UI', 'Microsoft Yahei', 'Microsoft Jhenghei', sans-serif
-
-@font-face
-  font-family 'Ubuntu'
-  src url('../fonts/ubuntu.woff2') format('woff2'), url('../fonts/ubuntu.woff') format('woff')
-
 @font-face
   font-family 'Minecraft'
   src url('../fonts/minecraft.woff2') format('woff2'), url('../fonts/minecraft.woff') format('woff')
 
-body, h1, h2, h3, h4, h5, h6
-  font-family font_stack
-
-.logo-lg, .navbar-brand
+.brand-link, .navbar-brand
   font-family Minecraft
 
-// AdminLTE 2 is not compatible with Font Awesome 5
-.main-header .sidebar-toggle::before
-  content ''
-
-.box-footer > p
-  margin 6px 15px 5px 0
-
-@media (max-width: 767px)
-  .dropdown-menu > li.locale
-    a
-      color #777
-
-    a:hover
-      background-color #e1e3e9
-      color #333
-
-  /* hide the text on mobile phone pages */
-  .description-text
-    display none
-
 .key
   vertical-align middle
 
@@ -54,15 +25,8 @@ body, h1, h2, h3, h4, h5, h6
     td.value
       width 90%
 
-.main-header .navbar .user-menu .user-image
-  border-radius 10%
+.breadcrumb
+  font-size 14px
 
-.navbar-nav > .user-menu > .dropdown-menu > li.user-header
-  height unset
-
-#language-menu li
-  a
-    color #777
-  a:hover
-    background-color #e1e3e9
-    color #333
+.user-panel .info
+  cursor default
diff --git a/resources/assets/src/styles/home.styl b/resources/assets/src/styles/home.styl
index eca6c0d1..407da67e 100644
--- a/resources/assets/src/styles/home.styl
+++ b/resources/assets/src/styles/home.styl
@@ -6,87 +6,28 @@ body
   background-size cover
   background-repeat no-repeat
   background-position center 0
+  height 100vh
 
-  .main-header
-    .navbar
-      transition color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out
+  .navbar-brand
+    font-family Minecraft, 'Segoe UI', 'Microsoft Yahei', 'Microsoft Jhenghei', sans-serif
+    border-right 0
 
-      .navbar-custom-menu .navbar-nav > li
-        a.btn.btn-login
-          background-color transparent
-          border-radius 5px
-          border 1px solid #fff
-          color #fff !important
-          margin-top 7px
-          margin-left 10px
-          padding 8px 20px
-          transition border-color 0.25s ease-in-out, background-color 0.3s ease-in-out
+  .navbar
+    transition color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out
 
-        a.btn.btn-login:hover, a.btn.btn-login:focus
-          background-color #006acc !important
-
-    .navbar-brand
-      font-family Minecraft, 'Segoe UI', 'Microsoft Yahei', 'Microsoft Jhenghei', sans-serif
-      border-right 0
-
-  .main-header.transparent
-    .navbar-brand
+  .transparent
+    .navbar-brand, .navbar-header > a
       color #5e5e5e
 
-    .navbar-header > a
-      color #5e5e5e
-
-    .navbar
+    &.navbar
       background-color rgba(255, 255, 255, 0.2)
 
-      .navbar-nav
-        li
-          a
-            border 0
-            color #5e5e5e
-
-          a:hover
-            background rgba(0, 0, 0, 0.1)
-            color #f6f6f6
-
-          .active > a
-            background rgba(0, 0, 0, 0.1)
-            color #f6f6f6
-
-      .user-menu li
-        a.btn
-          border 1px solid #ddd
-          color #5e5e5e
-
-        a:hover
-          background-color transparent
-
-        a.btn:hover
-          background-color #e7e7e7
-          border-color #adadad
-
-      .navbar-custom-menu .navbar-nav > li
-        a.btn.btn-login
-          background-color #0078e7
-          border 1px solid #0078e7
-
-    .nickname
-      color #5e5e5e
-
-  .content-wrapper
-    background-color transparent
-    border none
-
-  .main-footer
-    background-color transparent
-    border none
-
-    div
-      color #fff !important
-
-      a
-        color #fff !important
-
+      .navbar-nav li a
+        border 0
+        color #5e5e5e
+        &:hover
+          background rgba(0, 0, 0, 0.2)
+          color #f6f6f6
 
 .splash
   width 80%
@@ -138,7 +79,7 @@ body
   .splash-head
     font-size 300%
 
-.container .button
+.button
   color white
   padding 0.8em 2.5em
   border-radius 5px
@@ -147,7 +88,8 @@ body
   font-size 120%
   transition color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out
 
-.container .button:hover
+.button:hover
+  color white
   background-color rgba(255, 255, 255, 0.2)
 
 hr
@@ -201,3 +143,14 @@ Wrap Sections
     .col-lg-6:last-child
       text-align right
       padding-top 20px
+
+#copyright
+  color #fff
+  &.with-intro
+    background #222
+    padding 16px 0 20px
+  &.without-intro
+    position fixed
+    bottom 0
+    width 100%
+    padding 0 50px 16px 50px
diff --git a/resources/assets/src/views/admin/Market.vue b/resources/assets/src/views/admin/Market.vue
index e92d4611..f89e985f 100644
--- a/resources/assets/src/views/admin/Market.vue
+++ b/resources/assets/src/views/admin/Market.vue
@@ -1,5 +1,5 @@
 <template>
-  <section class="content">
+  <div class="container-fluid">
     <vue-good-table
       :rows="plugins"
       :columns="columns"
@@ -20,7 +20,7 @@
             <span
               v-for="(constraint, name) in props.row.dependencies.all"
               :key="name"
-              class="label"
+              class="badge"
               :class="`bg-${name in props.row.dependencies.unsatisfied ? 'red' : 'green'}`"
             >
               {{ name }}: {{ constraint }}
@@ -30,10 +30,9 @@
         </span>
         <span v-else-if="props.column.field === 'operations'">
           <template v-if="props.row.installed">
-            <el-button
+            <button
               v-if="props.row.update_available"
-              type="success"
-              size="medium"
+              class="btn btn-success"
               :disabled="installing === props.row.name"
               @click="updatePlugin(props.row)"
             >
@@ -43,27 +42,17 @@
               <template v-else>
                 <i class="fas fa-sync-alt" /> {{ $t('admin.updatePlugin') }}
               </template>
-            </el-button>
-            <el-button
-              v-else-if="props.row.enabled"
-              type="primary"
-              size="medium"
-              disabled
-            >
+            </button>
+            <button v-else-if="props.row.enabled" class="btn btn-primary" disabled>
               <i class="fas fa-check" /> {{ $t('admin.statusEnabled') }}
-            </el-button>
-            <el-button
-              v-else
-              type="primary"
-              size="medium"
-              @click="enablePlugin(props.row)"
-            >
+            </button>
+            <button v-else class="btn btn-primary" @click="enablePlugin(props.row)">
               <i class="fas fa-plug" /> {{ $t('admin.enablePlugin') }}
-            </el-button>
+            </button>
           </template>
-          <el-button
+          <button
             v-else
-            size="medium"
+            class="btn btn-default"
             :disabled="installing === props.row.name"
             @click="installPlugin(props.row)"
           >
@@ -73,12 +62,12 @@
             <template v-else>
               <i class="fas fa-download" /> {{ $t('admin.installPlugin') }}
             </template>
-          </el-button>
+          </button>
         </span>
         <span v-else v-text="props.formattedRow[props.column.field]" />
       </template>
     </vue-good-table>
-  </section>
+  </div>
 </template>
 
 <script>
@@ -115,6 +104,7 @@ export default {
           label: this.$t('admin.pluginVersion'),
           sortable: false,
           globalSearchDisabled: true,
+          width: '5%',
         },
         {
           field: 'dependencies',
@@ -127,6 +117,7 @@ export default {
           label: this.$t('admin.operationsTitle'),
           sortable: false,
           globalSearchDisabled: true,
+          width: '12%',
         },
       ],
       installing: '',
diff --git a/resources/assets/src/views/admin/Players.vue b/resources/assets/src/views/admin/Players.vue
index 64974ef6..c5913707 100644
--- a/resources/assets/src/views/admin/Players.vue
+++ b/resources/assets/src/views/admin/Players.vue
@@ -1,5 +1,5 @@
 <template>
-  <section class="content">
+  <div class="container-fluid">
     <vue-good-table
       mode="remote"
       :rows="players"
@@ -46,17 +46,17 @@
           </a>
         </span>
         <span v-else-if="props.column.field === 'operations'">
-          <el-button
+          <button
             data-toggle="modal"
             data-target="#modal-change-texture"
-            size="medium"
+            class="btn btn-default"
             @click="textureChanges.originalIndex = props.row.originalIndex"
-          >{{ $t('admin.changeTexture') }}</el-button>
-          <el-button
-            type="danger"
-            size="medium"
-            @click="deletePlayer(props.row)"
-          >{{ $t('admin.deletePlayer') }}</el-button>
+          >
+            {{ $t('admin.changeTexture') }}
+          </button>
+          <button class="btn btn-danger" @click="deletePlayer(props.row)">
+            {{ $t('admin.deletePlayer') }}
+          </button>
         </span>
         <span v-else v-text="props.formattedRow[props.column.field]" />
       </template>
@@ -71,6 +71,7 @@
       <div class="modal-dialog">
         <div class="modal-content">
           <div class="modal-header">
+            <h4 v-t="'admin.changeTexture'" class="modal-title" />
             <button
               type="button"
               class="close"
@@ -79,7 +80,6 @@
             >
               <span aria-hidden="true">&times;</span>
             </button>
-            <h4 v-t="'admin.changeTexture'" class="modal-title" />
           </div>
           <div class="modal-body">
             <div class="form-group">
@@ -99,16 +99,18 @@
               >
             </div>
           </div>
-          <div class="modal-footer">
-            <el-button data-dismiss="modal">{{ $t('general.close') }}</el-button>
-            <el-button type="primary" data-test="changeTexture" @click="changeTexture">
+          <div class="modal-footer d-flex justify-content-between">
+            <button class="btn btn-default" data-dismiss="modal">
+              {{ $t('general.close') }}
+            </button>
+            <button class="btn btn-primary" data-test="changeTexture" @click="changeTexture">
               {{ $t('general.submit') }}
-            </el-button>
+            </button>
           </div>
-        </div><!-- /.modal-content -->
-      </div><!-- /.modal-dialog -->
+        </div>
+      </div>
     </div>
-  </section>
+  </div>
 </template>
 
 <script>
diff --git a/resources/assets/src/views/admin/Plugins.vue b/resources/assets/src/views/admin/Plugins.vue
index fd58afe3..0ab1ff1b 100644
--- a/resources/assets/src/views/admin/Plugins.vue
+++ b/resources/assets/src/views/admin/Plugins.vue
@@ -1,5 +1,5 @@
 <template>
-  <section class="content">
+  <div class="container-fluid">
     <vue-good-table
       :rows="plugins"
       :columns="columns"
@@ -60,7 +60,7 @@
             <span
               v-for="(constraint, name) in props.row.dependencies.all"
               :key="name"
-              class="label"
+              class="badge"
               :class="`bg-${name in props.row.dependencies.unsatisfied ? 'red' : 'green'}`"
             >
               {{ name }}: {{ constraint }}
@@ -71,7 +71,7 @@
         <span v-else v-text="props.formattedRow[props.column.field]" />
       </template>
     </vue-good-table>
-  </section>
+  </div>
 </template>
 
 <script>
@@ -174,8 +174,11 @@ export default {
     a
       color #337ab7
 
-.plugin > td:first-child
-  border-left 5px solid transparent
+.plugin:nth-of-type(2n+1) > td:first-child
+  border-left 5px solid rgba(51, 68, 109, 0.03)
+
+.plugin:nth-of-type(2n) > td:first-child
+  border-left 5px solid #fff
 
 .plugin-enabled
   background-color #f7fcfe
diff --git a/resources/assets/src/views/admin/Reports.vue b/resources/assets/src/views/admin/Reports.vue
index 7b8a324c..bebc83fa 100644
--- a/resources/assets/src/views/admin/Reports.vue
+++ b/resources/assets/src/views/admin/Reports.vue
@@ -1,5 +1,5 @@
 <template>
-  <section class="content">
+  <div class="container-fluid">
     <vue-good-table
       mode="remote"
       :rows="reports"
@@ -34,16 +34,16 @@
           {{ $t(`report.status.${props.row.status}`) }}
         </span>
         <span v-else-if="props.column.field === 'ops'">
-          <el-button size="medium" @click="reject(props.row)">
+          <button class="btn btn-default" @click="reject(props.row)">
             {{ $t('report.reject') }}
-          </el-button>
+          </button>
         </span>
         <span v-else>
           {{ props.formattedRow[props.column.field] }}
         </span>
       </template>
     </vue-good-table>
-  </section>
+  </div>
 </template>
 
 <script>
diff --git a/resources/assets/src/views/admin/Translations.vue b/resources/assets/src/views/admin/Translations.vue
index 18e81950..c678011a 100644
--- a/resources/assets/src/views/admin/Translations.vue
+++ b/resources/assets/src/views/admin/Translations.vue
@@ -9,12 +9,12 @@
     >
       <template #table-row="props">
         <span v-if="props.column.field === 'operations'">
-          <el-button size="medium" @click="modify(props.row)">
+          <button class="btn btn-default" @click="modify(props.row)">
             {{ $t('admin.i18n.modify') }}
-          </el-button>
-          <el-button type="danger" size="medium" @click="remove(props.row)">
+          </button>
+          <button class="btn btn-danger" @click="remove(props.row)">
             {{ $t('admin.i18n.delete') }}
-          </el-button>
+          </button>
         </span>
         <span v-else-if="props.column.field === 'text'">
           <span v-if="props.row.text" v-text="props.formattedRow[props.column.field]" />
diff --git a/resources/assets/src/views/admin/Update.vue b/resources/assets/src/views/admin/Update.vue
index 741eec7e..0b399260 100644
--- a/resources/assets/src/views/admin/Update.vue
+++ b/resources/assets/src/views/admin/Update.vue
@@ -1,14 +1,16 @@
 <template>
   <span>
-    <el-button
+    <button
       v-if="!updating"
-      type="primary"
+      class="btn btn-primary"
       :disabled="!canUpdate"
       @click="update"
-    >{{ $t('admin.updateButton') }}</el-button>
-    <el-button v-else disabled type="primary">
+    >
+      {{ $t('admin.updateButton') }}
+    </button>
+    <button v-else disabled class="btn btn-primary">
       <i class="fa fa-spinner fa-spin" /> {{ $t('admin.downloading') }}
-    </el-button>
+    </button>
 
     <div
       id="modal-download"
@@ -24,7 +26,7 @@
           <div class="modal-body">
             <div class="progress">
               <div
-                class="progress-bar progress-bar-striped active"
+                class="progress-bar progress-bar-striped bg-primary"
                 role="progressbar"
                 aria-valuenow="0"
                 aria-valuemin="0"
diff --git a/resources/assets/src/views/admin/Users.vue b/resources/assets/src/views/admin/Users.vue
index 106e8b3b..9e3256d0 100644
--- a/resources/assets/src/views/admin/Users.vue
+++ b/resources/assets/src/views/admin/Users.vue
@@ -1,5 +1,5 @@
 <template>
-  <section class="content">
+  <div class="container-fluid">
     <vue-good-table
       mode="remote"
       :rows="users"
@@ -62,28 +62,26 @@
             <i
               class="fas btn-edit"
               :class="{ 'fa-toggle-on': props.row.verified, 'fa-toggle-off': !props.row.verified }"
-              style="font-size: 18px;"
             />
           </a>
         </span>
         <div v-else-if="props.column.field === 'operations'">
-          <el-button size="medium" @click="changePassword(props.row)">
+          <button class="btn btn-default" @click="changePassword(props.row)">
             {{ $t('admin.changePassword') }}
-          </el-button>
-          <el-button
+          </button>
+          <button
             :disabled="props.row.permission >= 2 || (props.row.operations === 1 && props.row.permission >= 1)"
-            type="danger"
-            size="medium"
+            class="btn btn-danger"
             data-test="deleteUser"
             @click="deleteUser(props.row)"
           >
             {{ $t('admin.deleteUser') }}
-          </el-button>
+          </button>
         </div>
         <span v-else v-text="props.formattedRow[props.column.field]" />
       </template>
     </vue-good-table>
-  </section>
+  </div>
 </template>
 
 <script>
@@ -328,6 +326,13 @@ export default {
 .operations-menu
   margin-left -35px
 
+.fa-edit
+  cursor pointer
+
+.fa-toggle-on, .fa-toggle-off
+  font-size 18px
+  cursor pointer
+
 .row-at-bottom
   margin-top -100px
 </style>
diff --git a/resources/assets/src/views/auth/Forgot.vue b/resources/assets/src/views/auth/Forgot.vue
index c143a66d..caf06324 100644
--- a/resources/assets/src/views/auth/Forgot.vue
+++ b/resources/assets/src/views/auth/Forgot.vue
@@ -1,6 +1,6 @@
 <template>
   <form @submit.prevent="submit">
-    <div class="form-group has-feedback">
+    <div class="input-group mb-3">
       <input
         v-model="email"
         type="email"
@@ -8,31 +8,36 @@
         :placeholder="$t('auth.email')"
         required
       >
-      <span class="glyphicon glyphicon-envelope form-control-feedback" />
+      <div class="input-group-append">
+        <div class="input-group-text">
+          <span class="fas fa-envelope" />
+        </div>
+      </div>
     </div>
 
     <captcha ref="captcha" />
 
-    <div class="callout callout-success" :class="{ hide: !successMsg }">{{ successMsg }}</div>
-    <div class="callout callout-warning" :class="{ hide: !warningMsg }">{{ warningMsg }}</div>
+    <div class="alert alert-success" :class="{ 'd-none': !successMsg }">
+      <i class="icon fas fa-check" />
+      {{ successMsg }}
+    </div>
+    <div class="alert alert-warning" :class="{ 'd-none': !warningMsg }">
+      <i class="icon fas fa-exclamation-triangle" />
+      {{ warningMsg }}
+    </div>
 
-    <div class="row">
-      <div class="col-xs-7">
-        <a v-t="'auth.forgot.login-link'" :href="`${baseUrl}/auth/login`" class="text-center" />
-      </div>
-      <div class="col-xs-5">
-        <el-button
-          type="primary"
-          native-type="submit"
-          :disabled="pending"
-          class="auth-btn"
-        >
-          <template v-if="pending">
-            <i class="fa fa-spinner fa-spin" /> {{ $t('auth.sending') }}
-          </template>
-          <span v-else>{{ $t('auth.forgot.button') }}</span>
-        </el-button>
-      </div>
+    <div class="d-flex justify-content-between">
+      <a v-t="'auth.forgot.login-link'" :href="`${baseUrl}/auth/login`" class="text-center" />
+      <button
+        class="btn btn-primary"
+        type="submit"
+        :disabled="pending"
+      >
+        <template v-if="pending">
+          <i class="fa fa-spinner fa-spin" /> {{ $t('auth.sending') }}
+        </template>
+        <span v-else>{{ $t('auth.forgot.button') }}</span>
+      </button>
     </div>
   </form>
 </template>
diff --git a/resources/assets/src/views/auth/Login.vue b/resources/assets/src/views/auth/Login.vue
index 71d277c1..ab8101dd 100644
--- a/resources/assets/src/views/auth/Login.vue
+++ b/resources/assets/src/views/auth/Login.vue
@@ -1,15 +1,19 @@
 <template>
   <form @submit.prevent="login">
-    <div class="form-group has-feedback">
+    <div class="input-group mb-3">
       <input
         v-model="identification"
         class="form-control"
         :placeholder="$t('auth.identification')"
         required
       >
-      <span class="glyphicon glyphicon-envelope form-control-feedback" />
+      <div class="input-group-append">
+        <div class="input-group-text">
+          <span class="fas fa-envelope" />
+        </div>
+      </div>
     </div>
-    <div class="form-group has-feedback">
+    <div class="input-group mb-3">
       <input
         v-model="password"
         type="password"
@@ -17,37 +21,37 @@
         :placeholder="$t('auth.password')"
         required
       >
-      <span class="glyphicon glyphicon-lock form-control-feedback" />
+      <div class="input-group-append">
+        <div class="input-group-text">
+          <span class="fas fa-lock" />
+        </div>
+      </div>
     </div>
 
     <captcha v-if="tooManyFails" ref="captcha" />
 
-    <div class="callout callout-warning" :class="{ hide: !warningMsg }">{{ warningMsg }}</div>
+    <div class="alert alert-warning" :class="{ 'd-none': !warningMsg }">
+      <i class="icon fas fa-exclamation-triangle" />
+      {{ warningMsg }}
+    </div>
 
-    <div class="row">
-      <div class="col-xs-6">
+    <div class="d-flex justify-content-between mb-3">
+      <div>
         <el-switch v-model="remember" :active-text="$t('auth.keep')" />
       </div>
-      <div class="col-xs-6">
-        <a v-t="'auth.forgot-link'" class="pull-right" :href="`${baseUrl}/auth/forgot`" />
-      </div>
+      <a v-t="'auth.forgot-link'" :href="`${baseUrl}/auth/forgot`" />
     </div>
 
-    <div class="row">
-      <div class="col-xs-12">
-        <el-button
-          type="primary"
-          native-type="submit"
-          :disabled="pending"
-          class="auth-btn"
-        >
-          <template v-if="pending">
-            <i class="fa fa-spinner fa-spin" /> {{ $t('auth.loggingIn') }}
-          </template>
-          <span v-else>{{ $t('auth.login') }}</span>
-        </el-button>
-      </div>
-    </div>
+    <button
+      class="btn btn-block btn-primary"
+      type="submit"
+      :disabled="pending"
+    >
+      <template v-if="pending">
+        <i class="fa fa-spinner fa-spin" /> {{ $t('auth.loggingIn') }}
+      </template>
+      <span v-else>{{ $t('auth.login') }}</span>
+    </button>
   </form>
 </template>
 
@@ -127,11 +131,3 @@ export default {
   },
 }
 </script>
-
-<style lang="stylus">
-#login-button
-  margin-top 5px
-
-.el-button
-  margin-top 10px
-</style>
diff --git a/resources/assets/src/views/auth/Register.vue b/resources/assets/src/views/auth/Register.vue
index 4eb09504..0340f74d 100644
--- a/resources/assets/src/views/auth/Register.vue
+++ b/resources/assets/src/views/auth/Register.vue
@@ -1,6 +1,6 @@
 <template>
   <form @submit.prevent="submit">
-    <div class="form-group has-feedback">
+    <div class="input-group mb-3">
       <input
         v-model="email"
         type="email"
@@ -8,9 +8,13 @@
         :placeholder="$t('auth.email')"
         required
       >
-      <span class="glyphicon glyphicon-envelope form-control-feedback" />
+      <div class="input-group-append">
+        <div class="input-group-text">
+          <span class="fas fa-envelope" />
+        </div>
+      </div>
     </div>
-    <div class="form-group has-feedback">
+    <div class="input-group mb-3">
       <input
         v-model="password"
         type="password"
@@ -20,9 +24,13 @@
         minlength="8"
         maxlength="32"
       >
-      <span class="glyphicon glyphicon-lock form-control-feedback" />
+      <div class="input-group-append">
+        <div class="input-group-text">
+          <span class="fas fa-lock" />
+        </div>
+      </div>
     </div>
-    <div class="form-group has-feedback">
+    <div class="input-group mb-3">
       <input
         ref="confirm"
         v-model="confirm"
@@ -33,12 +41,16 @@
         minlength="8"
         maxlength="32"
       >
-      <span class="glyphicon glyphicon-log-in form-control-feedback" />
+      <div class="input-group-append">
+        <div class="input-group-text">
+          <span class="fas fa-sign-in-alt" />
+        </div>
+      </div>
     </div>
 
     <div
       v-if="requirePlayer"
-      class="form-group has-feedback"
+      class="input-group mb-3"
       :title="$t('auth.player-name-intro')"
       data-placement="top"
       data-toggle="tooltip"
@@ -50,11 +62,15 @@
         :placeholder="$t('auth.player-name')"
         required
       >
-      <span class="glyphicon glyphicon-pencil form-control-feedback" />
+      <div class="input-group-append">
+        <div class="input-group-text">
+          <span class="fas fa-gamepad" />
+        </div>
+      </div>
     </div>
     <div
       v-else
-      class="form-group has-feedback"
+      class="input-group mb-3"
       :title="$t('auth.nickname-intro')"
       data-placement="top"
       data-toggle="tooltip"
@@ -66,30 +82,37 @@
         :placeholder="$t('auth.nickname')"
         required
       >
-      <span class="glyphicon glyphicon-pencil form-control-feedback" />
+      <div class="input-group-append">
+        <div class="input-group-text">
+          <span class="fas fa-gamepad" />
+        </div>
+      </div>
     </div>
 
     <captcha ref="captcha" />
 
-    <div class="callout callout-info" :class="{ hide: !infoMsg }">{{ infoMsg }}</div>
-    <div class="callout callout-warning" :class="{ hide: !warningMsg }">{{ warningMsg }}</div>
+    <div class="alert alert-info" :class="{ 'd-none': !infoMsg }">
+      <i class="icon fas fa-info" />
+      {{ infoMsg }}
+    </div>
+    <div class="alert alert-warning" :class="{ 'd-none': !warningMsg }">
+      <i class="icon fas fa-exclamation-triangle" />
+      {{ warningMsg }}
+    </div>
 
-    <div class="row">
-      <div class="col-xs-7">
-        <a v-t="'auth.login-link'" :href="`${baseUrl}/auth/login`" class="text-center" />
-      </div>
-      <div class="col-xs-5">
-        <el-button
-          type="primary"
-          native-type="submit"
+    <div class="d-flex justify-content-between mb-3">
+      <a v-t="'auth.login-link'" :href="`${baseUrl}/auth/login`" class="text-center" />
+      <div>
+        <button
+          class="btn btn-primary"
+          type="submit"
           :disabled="pending"
-          class="auth-btn"
         >
           <template v-if="pending">
             <i class="fa fa-spinner fa-spin" /> {{ $t('auth.registering') }}
           </template>
           <span v-else>{{ $t('auth.register-button') }}</span>
-        </el-button>
+        </button>
       </div>
     </div>
   </form>
diff --git a/resources/assets/src/views/auth/Reset.vue b/resources/assets/src/views/auth/Reset.vue
index 55ea038a..569398ac 100644
--- a/resources/assets/src/views/auth/Reset.vue
+++ b/resources/assets/src/views/auth/Reset.vue
@@ -1,6 +1,6 @@
 <template>
   <form @submit.prevent="reset">
-    <div class="form-group has-feedback">
+    <div class="input-group mb-3">
       <input
         v-model="password"
         type="password"
@@ -10,9 +10,13 @@
         minlength="8"
         maxlength="32"
       >
-      <span class="glyphicon glyphicon-lock form-control-feedback" />
+      <div class="input-group-append">
+        <div class="input-group-text">
+          <span class="fas fa-lock" />
+        </div>
+      </div>
     </div>
-    <div class="form-group has-feedback">
+    <div class="input-group mb-3">
       <input
         ref="confirm"
         v-model="confirm"
@@ -23,28 +27,32 @@
         minlength="8"
         maxlength="32"
       >
-      <span class="glyphicon glyphicon-log-in form-control-feedback" />
-    </div>
-
-    <div class="callout callout-info" :class="{ hide: !infoMsg }">{{ infoMsg }}</div>
-    <div class="callout callout-warning" :class="{ hide: !warningMsg }">{{ warningMsg }}</div>
-
-    <div class="row">
-      <div class="col-xs-7" />
-      <div class="col-xs-5">
-        <el-button
-          type="primary"
-          native-type="submit"
-          :disabled="pending"
-          class="auth-btn"
-        >
-          <template v-if="pending">
-            <i class="fa fa-spinner fa-spin" /> {{ $t('auth.resetting') }}
-          </template>
-          <span v-else>{{ $t('auth.reset-button') }}</span>
-        </el-button>
+      <div class="input-group-append">
+        <div class="input-group-text">
+          <span class="fas fa-sign-in-alt" />
+        </div>
       </div>
     </div>
+
+    <div class="alert alert-info" :class="{ 'd-none': !infoMsg }">
+      <i class="icon fas fa-info" />
+      {{ infoMsg }}
+    </div>
+    <div class="alert alert-warning" :class="{ 'd-none': !warningMsg }">
+      <i class="icon fas fa-exclamation-triangle" />
+      {{ warningMsg }}
+    </div>
+
+    <button
+      class="btn btn-primary float-right"
+      type="submit"
+      :disabled="pending"
+    >
+      <template v-if="pending">
+        <i class="fa fa-spinner fa-spin" /> {{ $t('auth.resetting') }}
+      </template>
+      <span v-else>{{ $t('auth.reset-button') }}</span>
+    </button>
   </form>
 </template>
 
diff --git a/resources/assets/src/views/skinlib/List.vue b/resources/assets/src/views/skinlib/List.vue
index 4f488a5b..946ceba6 100644
--- a/resources/assets/src/views/skinlib/List.vue
+++ b/resources/assets/src/views/skinlib/List.vue
@@ -2,71 +2,122 @@
   <div class="content-wrapper">
     <div class="container">
       <!-- Content Header (Page header) -->
-      <section class="content-header">
-        <h1>{{ $t('general.skinlib') }}</h1>
-        <ol class="breadcrumb">
-          <li><i class="fas fa-tags" /> {{ $t('skinlib.nowShowing') }}</li>
-          <li>
-            <span v-if="filter === 'cape'" v-t="'general.cape'" />
-            <span v-else>
-              {{ $t('general.skin') }}
-              {{ $t('skinlib.filter.' + filter) }}
-            </span>
-          </li>
-          <li>{{ uploaderIndicator }}</li>
-          <li class="active">{{ sortIndicator }}</li>
-        </ol>
-      </section>
+      <div class="content-header">
+        <div class="container-fluid d-flex justify-content-between flex-wrap">
+          <h1>{{ $t('general.skinlib') }}</h1>
+          <ol class="breadcrumb float-sm-right">
+            <li class="breadcrumb-item">
+              <i class="fas fa-tags" /> {{ $t('skinlib.nowShowing') }}
+            </li>
+            <li class="breadcrumb-item">
+              <span v-if="filter === 'cape'" v-t="'general.cape'" />
+              <span v-else>
+                {{ $t('general.skin') }}
+                {{ $t('skinlib.filter.' + filter) }}
+              </span>
+            </li>
+            <li class="breadcrumb-item">{{ uploaderIndicator }}</li>
+            <li class="breadcrumb-item active">{{ sortIndicator }}</li>
+          </ol>
+        </div>
+      </div>
 
       <!-- Main content -->
       <section class="content">
-        <div class="box box-default">
-          <div class="box-header">
-            <div class="form-group row">
-              <form class="col-md-6" @submit.prevent="submitSearch">
-                <el-input
-                  v-model="keyword"
-                  :placeholder="$t('vendor.datatable.search')"
-                  clearable
-                >
-                  <template #prepend>
-                    <el-select v-model="filter" class="texture-type-select">
-                      <el-option :label="$t('general.skin')" value="skin" />
-                      <el-option label="Steve" value="steve" />
-                      <el-option label="Alex" value="alex" />
-                      <el-option :label="$t('general.cape')" value="cape" />
-                    </el-select>
-                  </template>
-                  <template #append>
-                    <el-button data-test="btn-search" @click="submitSearch">
+        <div class="card">
+          <div class="card-body">
+            <div class="form-group pt-0 mb-3 d-flex justify-content-between">
+              <form @submit.prevent="submitSearch">
+                <div class="input-group">
+                  <div class="input-group-prepend">
+                    <button
+                      class="btn btn-default dropdown-toggle"
+                      type="button"
+                      data-toggle="dropdown"
+                    >
+                      {{ filterText }}
+                    </button>
+                    <div class="dropdown-menu">
+                      <button
+                        class="dropdown-item"
+                        :class="{ active: filter === 'skin' }"
+                        @click="filter = 'skin'"
+                      >
+                        {{ $t('general.skin') }}
+                      </button>
+                      <button
+                        class="dropdown-item"
+                        :class="{ active: filter === 'steve' }"
+                        @click="filter = 'steve'"
+                      >
+                        Steve
+                      </button>
+                      <button
+                        class="dropdown-item"
+                        :class="{ active: filter === 'alex' }"
+                        @click="filter = 'alex'"
+                      >
+                        Alex
+                      </button>
+                      <button
+                        class="dropdown-item"
+                        :class="{ active: filter === 'cape' }"
+                        @click="filter = 'cape'"
+                      >
+                        {{ $t('general.cape') }}
+                      </button>
+                    </div>
+                  </div>
+                  <input
+                    v-model="keyword"
+                    class="form-control"
+                    type="text"
+                    data-test="keyword"
+                    :placeholder="$t('vendor.datatable.search')"
+                  >
+                  <div class="input-group-append">
+                    <button
+                      class="btn btn-primary pl-3 pr-3"
+                      data-test="btn-search"
+                      @click="submitSearch"
+                    >
                       {{ $t('general.submit') }}
-                    </el-button>
-                  </template>
-                </el-input>
+                    </button>
+                  </div>
+                </div>
               </form>
 
-              <div class="col-md-6 advanced-filter">
-                <el-button-group class="pull-right">
-                  <el-button plain @click="sort = 'likes'">
+              <div class="d-none d-sm-block">
+                <div class="btn-group">
+                  <button
+                    class="btn bg-olive"
+                    :class="{ active: sort === 'likes' }"
+                    @click="sort = 'likes'"
+                  >
                     {{ $t('skinlib.sort.likes') }}
-                  </el-button>
-                  <el-button plain @click="sort = 'time'">
+                  </button>
+                  <button
+                    class="btn bg-olive"
+                    :class="{ active: sort === 'time' }"
+                    @click="sort = 'time'"
+                  >
                     {{ $t('skinlib.sort.time') }}
-                  </el-button>
-                  <el-button plain @click="uploader = currentUid">
+                  </button>
+                  <button
+                    class="btn bg-olive"
+                    :class="{ active: uploader === currentUid }"
+                    @click="uploader = currentUid"
+                  >
                     {{ $t('skinlib.seeMyUpload') }}
-                  </el-button>
-                  <el-button plain @click="reset">
+                  </button>
+                  <button class="btn bg-olive" @click="reset">
                     {{ $t('skinlib.reset') }}
-                  </el-button>
-                </el-button-group>
+                  </button>
+                </div>
               </div>
             </div>
-          </div>
 
-          <!-- Container of Skin Library -->
-          <div class="box-body">
-            <template v-if="items.length">
+            <div v-if="items.length" class="d-flex flex-wrap">
               <skin-lib-item
                 v-for="(item, index) in items"
                 :key="item.tid"
@@ -79,8 +130,8 @@
                 :anonymous="anonymous"
                 @like-toggled="onLikeToggled(index, $event)"
               />
-            </template>
-            <p v-else style="text-align: center; margin: 30px 0;">
+            </div>
+            <p v-else class="text-center m-5">
               {{ $t('general.noResult') }}
             </p>
           </div>
@@ -89,8 +140,14 @@
             <paginate
               v-model="page"
               :page-count="totalPages"
-              class="pull-right"
+              class="float-right mr-3"
               container-class="pagination pagination-sm no-margin"
+              page-class="page-item"
+              page-link-class="page-link"
+              prev-class="page-item"
+              prev-link-class="page-link"
+              next-class="page-item"
+              next-link-class="page-link"
               first-button-text="«"
               prev-text="‹"
               next-text="›"
@@ -106,26 +163,18 @@
               {{ $t('general.loading') }}
             </span>
           </div>
-        </div><!-- /.box -->
-      </section><!-- /.content -->
-    </div><!-- /.container -->
-  </div><!-- /.content-wrapper -->
+        </div>
+      </section>
+    </div>
+  </div>
 </template>
 
 <script>
-import Vue from 'vue'
 import Paginate from 'vuejs-paginate'
-import {
-  ButtonGroup, Select, Option,
-} from 'element-ui'
 import { queryString, queryStringify } from '../../scripts/utils'
 import SkinLibItem from '../../components/SkinLibItem.vue'
 import emitMounted from '../../components/mixins/emitMounted'
 
-Vue.use(ButtonGroup)
-Vue.use(Select)
-Vue.use(Option)
-
 export default {
   name: 'SkinLibrary',
   components: {
@@ -157,6 +206,16 @@ export default {
         ? this.$t('skinlib.filter.uploader', { uid: this.uploader })
         : this.$t('skinlib.filter.allUsers')
     },
+    filterText() {
+      switch (this.filter) {
+        case 'steve':
+          return 'Steve'
+        case 'alex':
+          return 'Alex'
+        default:
+          return this.$t(`general.${this.filter}`)
+      }
+    },
     sortIndicator() {
       return this.$t(`skinlib.sort.${this.sort}`)
     },
@@ -243,14 +302,4 @@ export default {
   margin-top 25px
   color #000
   font-size 20px
-
-.texture-type-select
-  width 90px
-
-.advanced-filter
-  @media (max-width 850px)
-    display none
-
-.btn-tail
-  margin-left 6px
 </style>
diff --git a/resources/assets/src/views/skinlib/Show.vue b/resources/assets/src/views/skinlib/Show.vue
index a7b21a0a..48b5ea3a 100644
--- a/resources/assets/src/views/skinlib/Show.vue
+++ b/resources/assets/src/views/skinlib/Show.vue
@@ -8,82 +8,84 @@
         :init-position-z="60"
       >
         <template #footer>
-          <el-button v-if="anonymous" disabled :title="$t('skinlib.show.anonymous')">
-            {{ $t('skinlib.addToCloset') }}
-          </el-button>
-          <template v-else>
-            <el-button
-              v-if="liked"
-              type="success"
-              size="medium"
-              data-toggle="modal"
-              data-target="#modal-use-as"
-              @click="fetchPlayersList"
-            >
-              {{ $t('skinlib.apply') }}
-            </el-button>
-            <el-button
-              v-if="liked"
-              type="primary"
-              size="medium"
-              data-test="removeFromCloset"
-              @click="removeFromCloset"
-            >
-              {{ $t('skinlib.removeFromCloset') }}
-            </el-button>
-            <el-button
-              v-else
-              type="primary"
-              size="medium"
-              data-test="addToCloset"
-              @click="addToCloset"
-            >
-              {{ $t('skinlib.addToCloset') }}
-            </el-button>
-            <el-button
-              v-if="type !== 'cape'"
-              size="medium"
-              data-test="setAsAvatar"
-              @click="setAsAvatar"
-            >
-              {{ $t('user.setAsAvatar') }}
-            </el-button>
-            <el-button
-              v-if="canBeDownloaded"
-              size="medium"
-              data-test="download"
-              @click="download"
-            >
-              {{ $t('skinlib.show.download') }}
-            </el-button>
-            <el-button
-              type="warning"
-              size="medium"
-              data-test="report"
-              @click="report"
-            >
-              {{ $t('skinlib.report.title') }}
-            </el-button>
-          </template>
-          <div
-            class="btn likes pull-right"
-            style="cursor: auto;"
-            :style="{ color: liked ? '#e0353b' : '#333' }"
-            :title="$t('skinlib.show.likes')"
+          <button
+            v-if="anonymous"
+            class="btn btn-outline-secondary"
+            disabled
+            :title="$t('skinlib.show.anonymous')"
           >
-            <i class="fas fa-heart" />
-            <span>{{ likes }}</span>
+            {{ $t('skinlib.addToCloset') }}
+          </button>
+          <div v-else class="d-flex justify-content-between">
+            <div>
+              <button
+                v-if="liked"
+                class="btn btn-outline-success mr-2"
+                data-toggle="modal"
+                data-target="#modal-use-as"
+                @click="fetchPlayersList"
+              >
+                {{ $t('skinlib.apply') }}
+              </button>
+              <button
+                v-if="liked"
+                class="btn btn-outline-primary mr-2"
+                data-test="removeFromCloset"
+                @click="removeFromCloset"
+              >
+                {{ $t('skinlib.removeFromCloset') }}
+              </button>
+              <button
+                v-else
+                class="btn btn-outline-primary mr-2"
+                data-test="addToCloset"
+                @click="addToCloset"
+              >
+                {{ $t('skinlib.addToCloset') }}
+              </button>
+              <button
+                v-if="type !== 'cape'"
+                class="btn btn-outline-info mr-2"
+                data-test="setAsAvatar"
+                @click="setAsAvatar"
+              >
+                {{ $t('user.setAsAvatar') }}
+              </button>
+              <button
+                v-if="canBeDownloaded"
+                class="btn btn-outline-info mr-2"
+                data-test="download"
+                @click="download"
+              >
+                {{ $t('skinlib.show.download') }}
+              </button>
+              <button
+                class="btn btn-outline-info mr-2"
+                data-test="report"
+                @click="report"
+              >
+                {{ $t('skinlib.report.title') }}
+              </button>
+            </div>
+            <div
+              class="pt-2 likes"
+              :class="[liked ? 'text-red' : 'text-gray']"
+              :title="$t('skinlib.show.likes')"
+            >
+              <i class="fas fa-heart" />
+              <span>{{ likes }}</span>
+            </div>
           </div>
         </template>
       </previewer>
     </div>
 
     <div class="col-md-4">
-      <div class="box box-primary">
-        <div class="box-header with-border">
-          <h3 v-t="'skinlib.show.detail'" class="box-title" />
+      <div class="card card-primary">
+        <div class="card-header">
+          <h3 v-t="'skinlib.show.detail'" class="card-title" />
         </div>
-        <div class="box-body">
+        <div class="card-body">
           <table class="table">
             <tbody>
               <tr>
@@ -98,8 +100,8 @@
               <tr>
                 <td v-t="'skinlib.show.model'" />
                 <td>
-                  <template v-if="type === 'cape'">{{ $t('general.cape') }}</template>
-                  <template v-else>{{ type }}</template>
+                  <span v-if="type === 'cape'">{{ $t('general.cape') }}</span>
+                  <span v-else>{{ type }}</span>
                   <small v-if="hasEditPermission">
                     <a v-t="'skinlib.show.edit'" href="#" @click="changeModel" />
                   </small>
@@ -117,16 +119,12 @@
               </tr>
               <tr>
                 <td v-t="'skinlib.show.uploader'" />
-                <template v-if="uploaderNickName !== null">
-                  <td>
-                    <a
-                      :href="`${baseUrl}/skinlib?filter=${type === 'cape' ? 'cape' : 'skin'}&uploader=${uploader}`"
-                    >{{ uploaderNickName }}</a>
-                  </td>
-                </template>
-                <template v-else>
-                  <td><span v-t="'general.unexistent-user'" /></td>
-                </template>
+                <td v-if="uploaderNickName !== null">
+                  <a
+                    :href="`${baseUrl}/skinlib?filter=${type === 'cape' ? 'cape' : 'skin'}&uploader=${uploader}`"
+                  >{{ uploaderNickName }}</a>
+                </td>
+                <td v-else><span v-t="'general.unexistent-user'" /></td>
               </tr>
               <tr>
                 <td v-t="'skinlib.show.upload-at'" />
@@ -134,23 +132,27 @@
               </tr>
             </tbody>
           </table>
-        </div><!-- /.box-body -->
-      </div><!-- /.box -->
+        </div>
+      </div>
 
-      <div v-if="hasEditPermission" class="box box-warning">
-        <div class="box-header with-border">
-          <h3 v-t="'admin.operationsTitle'" class="box-title" />
-        </div><!-- /.box-header -->
-        <div class="box-body">
+      <div v-if="hasEditPermission" class="card card-warning">
+        <div class="card-header">
+          <h3 v-t="'admin.operationsTitle'" class="card-title" />
+        </div>
+        <div class="card-body">
           <p v-t="'skinlib.show.manage-notice'" />
-        </div><!-- /.box-body -->
+        </div>
 
-        <div class="box-footer">
-          <el-button type="warning" @click="togglePrivacy">{{ $t(togglePrivacyText) }}</el-button>
-          <el-button type="danger" class="pull-right" @click="deleteTexture">
-            {{ $t('skinlib.show.delete-texture') }}
-          </el-button>
-        </div><!-- /.box-footer -->
+        <div class="card-footer">
+          <div class="container d-flex justify-content-between">
+            <button class="btn btn-warning" @click="togglePrivacy">
+              {{ $t(togglePrivacyText) }}
+            </button>
+            <button class="btn btn-danger" @click="deleteTexture">
+              {{ $t('skinlib.show.delete-texture') }}
+            </button>
+          </div>
+        </div>
       </div>
     </div>
 
diff --git a/resources/assets/src/views/skinlib/Upload.vue b/resources/assets/src/views/skinlib/Upload.vue
index d80bbaf3..23a5d12c 100644
--- a/resources/assets/src/views/skinlib/Upload.vue
+++ b/resources/assets/src/views/skinlib/Upload.vue
@@ -1,12 +1,17 @@
 <template>
-  <section class="content">
+  <div class="container-fluid">
     <div class="row">
       <div class="col-md-6">
-        <div class="box box-primary">
-          <div class="box-body">
+        <div class="card card-primary">
+          <div class="card-body">
             <div class="form-group">
               <label v-t="'skinlib.upload.texture-name'" for="name" />
-              <el-input v-model="name" :placeholder="textureNameRule" clearable />
+              <input
+                v-model="name"
+                type="text"
+                :placeholder="textureNameRule"
+                class="form-control"
+              >
             </div>
 
             <div class="form-group">
@@ -31,50 +36,40 @@
                 drop=".file-dnd"
                 @input-file="inputFile"
               >
-                <el-button type="primary" size="medium">
+                <button class="btn btn-primary">
                   {{ $t('skinlib.upload.select-file') }}
-                </el-button>
+                </button>
               </file-upload>
-              <el-button
+              <button
                 v-show="hasFile"
-                size="medium"
-                class="pull-right"
+                class="btn btn-danger float-right"
                 data-test="remove"
                 @click="remove"
               >
                 <i class="fas fa-trash-alt" />
                 {{ $t('skinlib.upload.remove') }}
-              </el-button>
+              </button>
             </div>
 
             <!-- eslint-disable-next-line vue/no-v-html -->
             <div v-if="contentPolicy" class="callout callout-warning" v-html="contentPolicy" />
           </div>
 
-          <div class="box-footer">
-            <el-switch
-              v-model="isPrivate"
-              :active-text="$t('skinlib.upload.set-as-private')"
-              class="pull-right"
-              :title="$t('skinlib.upload.privacy-notice')"
-            />
-            <el-button
-              v-if="uploading"
-              type="success"
-              size="medium"
-              disabled
-            >
-              <i class="fa fa-spinner fa-spin" /> {{ $t('skinlib.uploading') }}
-            </el-button>
-            <el-button
-              v-else
-              type="success"
-              size="medium"
-              @click="upload"
-            >
-              {{ $t('skinlib.upload.button') }}
-            </el-button>
-            &nbsp;
+          <div class="card-footer">
+            <div class="container pl-0 pr-0 d-flex justify-content-between">
+              <el-switch
+                v-model="isPrivate"
+                class="mt-2"
+                :active-text="$t('skinlib.upload.set-as-private')"
+                :title="$t('skinlib.upload.privacy-notice')"
+              />
+              <button v-if="uploading" class="btn btn-success" disabled>
+                <i class="fa fa-spinner fa-spin" /> {{ $t('skinlib.uploading') }}
+              </button>
+              <button v-else class="btn btn-success" @click="upload">
+                {{ $t('skinlib.upload.button') }}
+              </button>
+            </div>
             <div v-if="hasFile" class="callout callout-info bottom-notice">
               <p>{{ $t('skinlib.upload.cost', { score: scoreCost }) }}</p>
             </div>
@@ -85,7 +80,7 @@
               <p>{{ $t('skinlib.upload.award', { score: award }) }}</p>
             </div>
           </div>
-        </div><!-- /.box -->
+        </div>
       </div>
       <div class="col-md-6">
         <previewer
@@ -95,7 +90,7 @@
         />
       </div>
     </div>
-  </section>
+  </div>
 </template>
 
 <script>
diff --git a/resources/assets/src/views/user/Bind.vue b/resources/assets/src/views/user/Bind.vue
index 290e96de..6dc9e116 100644
--- a/resources/assets/src/views/user/Bind.vue
+++ b/resources/assets/src/views/user/Bind.vue
@@ -2,8 +2,8 @@
   <form @submit.prevent="submit">
     <div v-if="players.length">
       <p v-t="'user.bindExistedPlayer'" />
-      <div class="form-group">
-        <select v-model="selected" class="player-select">
+      <div class="form-group mb-3">
+        <select v-model="selected" class="form-control player-select">
           <option v-for="name in players" :key="name">{{ name }}</option>
         </select>
       </div>
@@ -11,25 +11,23 @@
 
     <div v-else>
       <p v-t="'user.bindNewPlayer'" />
-      <div class="form-group has-feedback">
+      <div class="form-group mb-3">
         <input
           v-model="selected"
           class="form-control"
           :placeholder="$t('general.player.player-name')"
         >
-        <span class="glyphicon glyphicon-user form-control-feedback" />
       </div>
     </div>
 
-    <div v-show="message" class="callout callout-warning" v-text="message" />
+    <div v-show="message" class="alert alert-warning" v-text="message" />
 
-
-    <el-button type="primary" native-type="submit" :disabled="pending">
+    <button class="btn btn-primary float-right" type="submit" :disabled="pending">
       <template v-if="pending">
         <i class="fa fa-spinner fa-spin" /> {{ $t('general.wait') }}
       </template>
       <span v-else>{{ $t('general.submit') }}</span>
-    </el-button>
+    </button>
   </form>
 </template>
 
diff --git a/resources/assets/src/views/user/Closet.vue b/resources/assets/src/views/user/Closet.vue
index 2afc0e2b..8046403f 100644
--- a/resources/assets/src/views/user/Closet.vue
+++ b/resources/assets/src/views/user/Closet.vue
@@ -1,67 +1,66 @@
 <template>
-  <section class="content">
+  <div class="container-fluid">
     <email-verification />
     <div class="row">
-      <!-- Left col -->
       <div class="col-md-8">
-        <!-- Custom tabs -->
-        <div class="nav-tabs-custom">
-          <!-- Tabs within a box -->
-          <ul class="nav nav-tabs">
-            <li :class="{ active: category === 'skin' }">
-              <a
-                v-t="'general.skin'"
-                href="#"
-                class="category-switch"
-                data-toggle="tab"
-                @click="switchCategory"
-              />
-            </li>
-            <li :class="{ active: category === 'cape' }">
-              <a
-                v-t="'general.cape'"
-                href="#"
-                class="category-switch"
-                data-toggle="tab"
-                @click="switchCategory"
-              />
-            </li>
-            <li>
-              <a
-                v-t="'user.closet.upload'"
-                :href="`${baseUrl}/skinlib/upload`"
-                class="category-switch"
-              />
-            </li>
-
-            <li class="pull-right" style="padding: 7px;">
-              <div class="has-feedback pull-right">
-                <div class="user-search-form">
-                  <input
-                    v-model="query"
-                    type="text"
-                    class="form-control input-sm"
-                    :placeholder="$t('user.typeToSearch')"
-                    @input="search"
+        <div class="card card-primary card-tabs">
+          <div class="card-header p-0 pt-1 pl-1">
+            <div class="d-flex justify-content-between">
+              <ul class="nav nav-tabs" role="tablist">
+                <li class="nav-item">
+                  <a
+                    class="nav-link"
+                    :class="{ active: category === 'skin' }"
+                    href="#"
+                    data-toggle="pill"
+                    role="tab"
+                    @click="switchCategory"
                   >
-                  <span class="glyphicon glyphicon-search form-control-feedback" />
-                </div>
+                    {{ $t('general.skin') }}
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a
+                    class="nav-link"
+                    :class="{ active: category === 'cape' }"
+                    href="#"
+                    @click="switchCategory"
+                  >
+                    {{ $t('general.cape') }}
+                  </a>
+                </li>
+                <li class="nav-item d-none d-md-block">
+                  <a
+                    v-t="'user.closet.upload'"
+                    :href="`${baseUrl}/skinlib/upload`"
+                    class="nav-link"
+                  />
+                </li>
+              </ul>
+              <div class="mr-3 my-2 my-lg-0">
+                <input
+                  v-model="query"
+                  class="form-control mr-sm-2"
+                  type="search"
+                  aria-label="Search"
+                  :placeholder="$t('user.typeToSearch')"
+                  @input="search"
+                >
               </div>
-            </li>
-          </ul>
-          <div class="tab-content no-padding">
+            </div>
+          </div>
+          <div class="card-body">
             <div
               v-if="category === 'skin'"
               id="skin-category"
-              class="tab-pane box-body"
               :class="{ active: category === 'skin' }"
             >
-              <div v-if="skinItems.length === 0" class="empty-msg">
+              <div v-if="skinItems.length === 0" class="text-center p-3">
                 <div v-if="query !== ''" v-t="'general.noResult'" />
                 <!-- eslint-disable-next-line vue/no-v-html -->
                 <div v-else v-html="$t('user.emptyClosetMsg', { url: linkToSkin })" />
               </div>
-              <div v-else>
+              <div v-else class="d-flex flex-wrap">
                 <closet-item
                   v-for="(item, index) in skinItems"
                   :key="item.tid"
@@ -77,10 +76,9 @@
             <div
               v-else
               id="cape-category"
-              class="tab-pane box-body"
               :class="{ active: category === 'cape' }"
             >
-              <div v-if="capeItems.length === 0" class="empty-msg">
+              <div v-if="capeItems.length === 0" class="text-center p-3">
                 <div v-if="query !== ''" v-t="'general.noResult'" />
                 <!-- eslint-disable-next-line vue/no-v-html -->
                 <div v-else v-html="$t('user.emptyClosetMsg', { url: linkToCape })" />
@@ -99,13 +97,19 @@
               </div>
             </div>
           </div>
-          <div class="box-footer">
+          <div class="card-footer">
             <paginate
               v-if="category === 'skin'"
               v-model="skinCurrentPage"
               :page-count="skinTotalPages"
-              class="pull-right"
+              class="float-right"
               container-class="pagination pagination-sm no-margin"
+              page-class="page-item"
+              page-link-class="page-link"
+              prev-class="page-item"
+              prev-link-class="page-link"
+              next-class="page-item"
+              next-link-class="page-link"
               first-button-text="«"
               prev-text="‹"
               next-text="›"
@@ -117,8 +121,14 @@
               v-else
               v-model="capeCurrentPages"
               :page-count="capeTotalPages"
-              class="pull-right"
+              class="float-right"
               container-class="pagination pagination-sm no-margin"
+              page-class="page-item"
+              page-link-class="page-link"
+              prev-class="page-item"
+              prev-link-class="page-link"
+              next-class="page-item"
+              next-link-class="page-link"
               first-button-text="«"
               prev-text="‹"
               next-text="›"
@@ -127,10 +137,9 @@
               :first-last-button="true"
             />
           </div>
-        </div><!-- /.nav-tabs-custom -->
+        </div>
       </div>
 
-      <!-- Right col -->
       <div class="col-md-4">
         <previewer
           closet-mode
@@ -139,24 +148,26 @@
           :model="model"
         >
           <template #footer>
-            <el-button
-              type="primary"
-              data-toggle="modal"
-              data-target="#modal-use-as"
-              @click="fetchPlayersList"
-            >
-              {{ $t('user.useAs') }}
-            </el-button>
-            <el-button data-test="resetSelected" class="pull-right" @click="resetSelected">
-              {{ $t('user.resetSelected') }}
-            </el-button>
+            <div class="d-flex justify-content-between">
+              <button
+                class="btn btn-primary"
+                data-toggle="modal"
+                data-target="#modal-use-as"
+                @click="fetchPlayersList"
+              >
+                {{ $t('user.useAs') }}
+              </button>
+              <button class="btn btn-default" data-test="resetSelected" @click="resetSelected">
+                {{ $t('user.resetSelected') }}
+              </button>
+            </div>
           </template>
         </previewer>
       </div>
     </div>
     <apply-to-player-dialog ref="useAs" :skin="selectedSkin" :cape="selectedCape" />
     <add-player-dialog @add="fetchPlayersList" />
-  </section><!-- /.content -->
+  </div>
 </template>
 
 <script>
@@ -274,38 +285,3 @@ export default {
   },
 }
 </script>
-
-<style lang="stylus">
-.empty-msg
-  text-align center
-  font-size 16px
-  padding 10px 0
-
-.texture-name
-  width 65%
-  display inline-block
-  overflow hidden
-  text-overflow ellipsis
-  white-space nowrap
-
-  small
-    font-size 75%
-
-.item-footer > .dropdown-menu
-  margin-left 180px
-
-.box-title
-  a
-    color #6d6d6d
-
-  a.selected
-    color #3c8dbc
-
-.breadcrumb
-  a
-    margin-right 10px
-    color #444
-
-  a:hover
-    color #3c8dbc
-</style>
diff --git a/resources/assets/src/views/user/Dashboard.vue b/resources/assets/src/views/user/Dashboard.vue
index 6aba9ed5..e0b6ed6a 100644
--- a/resources/assets/src/views/user/Dashboard.vue
+++ b/resources/assets/src/views/user/Dashboard.vue
@@ -1,60 +1,47 @@
 <template>
   <div>
     <email-verification />
-    <div class="box">
-      <div class="box-header with-border">
-        <h3 v-t="'user.used.title'" class="box-title" />
-      </div><!-- /.box-header -->
-      <div class="box-body">
+    <div class="card card-primary card-outline">
+      <div class="card-header">
+        <h3 v-t="'user.used.title'" class="card-title" />
+      </div>
+      <div class="card-body">
         <div class="row">
           <div class="col-md-1" />
           <div class="col-md-6">
-            <table class="usage-table" border="0">
-              <tbody>
-                <tr>
-                  <td class="text-center">
-                    <b v-t="'user.used.players'" />
-                  </td>
-                  <td class="circle-gap" />
-                  <td class="text-center">
-                    <b v-t="'user.used.storage'" />
-                  </td>
-                </tr>
-                <tr class="line-gap" />
-                <tr>
-                  <td>
-                    <el-progress
-                      type="circle"
-                      :percentage="~~playersPercentage"
-                      color="#00429B"
-                    />
-                  </td>
-                  <td class="circle-gap" />
-                  <td>
-                    <el-progress
-                      type="circle"
-                      :percentage="~~storagePercentage"
-                      color="#008C95"
-                    />
-                  </td>
-                </tr>
-                <tr class="line-gap" />
-                <tr>
-                  <td class="text-center">
-                    <b>{{ playersUsed }}</b> / {{ playersTotal }}
-                  </td>
-                  <td class="circle-gap" />
-                  <td class="text-center">
-                    <template v-if="storageUsed > 1024">
-                      <b>{{ ~~(storageUsed / 1024) }}</b> / {{ ~~(storageTotal / 1024) }} MB
-                    </template>
-                    <template v-else>
-                      <b>{{ storageUsed }}</b> / {{ storageTotal }} KB
-                    </template>
-                  </td>
-                </tr>
-              </tbody>
-            </table>
+            <div class="info-box bg-teal">
+              <span class="info-box-icon">
+                <i class="fas fa-gamepad" />
+              </span>
+              <div class="info-box-content">
+                <span class="info-box-text">{{ $t('user.used.players') }}</span>
+                <span class="info-box-number">
+                  <b>{{ playersUsed }}</b> / {{ playersTotal }}
+                </span>
+                <div class="progress">
+                  <div class="progress-bar" :style="{ width: playersPercentage + '%' }" />
+                </div>
+              </div>
+            </div>
+            <div class="info-box bg-maroon">
+              <span class="info-box-icon">
+                <i class="fas fa-hdd" />
+              </span>
+              <div class="info-box-content">
+                <span class="info-box-text">{{ $t('user.used.storage') }}</span>
+                <span class="info-box-number">
+                  <template v-if="storageUsed > 1024">
+                    <b>{{ ~~(storageUsed / 1024) }}</b> / {{ ~~(storageTotal / 1024) }} MB
+                  </template>
+                  <template v-else>
+                    <b>{{ storageUsed }}</b> / {{ storageTotal }} KB
+                  </template>
+                </span>
+                <div class="progress">
+                  <div class="progress-bar" :style="{ width: storagePercentage + '%' }" />
+                </div>
+              </div>
+            </div>
           </div>
           <div class="col-md-4">
             <p class="text-center score-title">
@@ -64,45 +51,37 @@
               {{ animatedScore }}
             </p>
             <p v-t="'user.score-notice'" class="text-center score-notice" />
-          </div><!-- /.col -->
-        </div><!-- /.row -->
-      </div><!-- ./box-body -->
-      <div class="box-footer">
-        <el-button
+          </div>
+        </div>
+      </div>
+      <div class="card-footer">
+        <button
           v-if="canSign"
-          class="btn btn-primary pull-left"
-          type="primary"
-          round
+          class="btn bg-gradient-primary pl-5 pr-5"
           :disabled="signing"
           @click="sign"
         >
           <i class="far fa-calendar-check" aria-hidden="true" /> &nbsp;{{ $t('user.sign') }}
-        </el-button>
-        <el-button
+        </button>
+        <button
           v-else
-          class="btn btn-primary pull-left"
-          type="primary"
-          round
+          class="btn bg-gradient-primary pl-4 pr-4"
           :title="$t('user.last-sign', { time: lastSignAt.toLocaleString() })"
           disabled
         >
           <i class="far fa-calendar-check" aria-hidden="true" /> &nbsp;
           {{ remainingTimeText }}
-        </el-button>
-      </div><!-- /.box-footer -->
+        </button>
+      </div>
     </div>
   </div>
 </template>
 
 <script>
-import Vue from 'vue'
-import { Progress } from 'element-ui'
 import Tween from '@tweenjs/tween.js'
 import EmailVerification from '../../components/EmailVerification.vue'
 import emitMounted from '../../components/mixins/emitMounted'
 
-Vue.use(Progress)
-
 const ONE_DAY = 24 * 3600 * 1000
 
 export default {
@@ -213,15 +192,6 @@ export default {
 </script>
 
 <style lang="stylus">
-.usage-table
-  margin 0 auto
-
-.circle-gap
-  width 14%
-
-.line-gap
-  height 12px
-
 .score-title
   margin-top 5px
 
diff --git a/resources/assets/src/views/user/OAuth.vue b/resources/assets/src/views/user/OAuth.vue
index 18e9572a..7827e3ff 100644
--- a/resources/assets/src/views/user/OAuth.vue
+++ b/resources/assets/src/views/user/OAuth.vue
@@ -1,13 +1,13 @@
 <template>
-  <section class="content">
-    <el-button
+  <div class="container-fluid">
+    <button
       type="primary"
-      class="btn-create-app"
+      class="btn-create-app btn btn-primary"
       data-toggle="modal"
       data-target="#modal-create"
     >
       {{ $t('user.oauth.create') }}
-    </el-button>
+    </button>
     <vue-good-table
       :rows="clients"
       :columns="columns"
@@ -39,9 +39,9 @@
           </a>
         </span>
         <span v-else-if="props.column.field === 'operations'">
-          <el-button type="danger" data-test="remove" @click="remove(props.row)">
+          <button class="btn btn-danger" data-test="remove" @click="remove(props.row)">
             {{ $t('report.delete') }}
-          </el-button>
+          </button>
         </span>
         <span v-else>
           {{ props.formattedRow[props.column.field] }}
@@ -58,6 +58,7 @@
       <div class="modal-dialog">
         <div class="modal-content">
           <div class="modal-header">
+            <h4 v-t="'user.oauth.create'" class="modal-title" />
             <button
               type="button"
               class="close"
@@ -66,7 +67,6 @@
             >
               <span aria-hidden="true">&times;</span>
             </button>
-            <h4 v-t="'user.oauth.create'" class="modal-title" />
           </div>
           <div class="modal-body">
             <table class="table">
@@ -74,28 +74,30 @@
                 <tr>
                   <td v-t="'user.oauth.name'" class="key" />
                   <td class="value">
-                    <el-input v-model="name" type="text" />
+                    <input v-model="name" class="form-control" type="text">
                   </td>
                 </tr>
                 <tr>
                   <td v-t="'user.oauth.redirect'" class="key" />
                   <td class="value">
-                    <el-input v-model="callback" type="text" />
+                    <input v-model="callback" class="form-control" type="text">
                   </td>
                 </tr>
               </tbody>
             </table>
           </div>
-          <div class="modal-footer">
-            <el-button data-dismiss="modal">{{ $t('general.close') }}</el-button>
-            <el-button type="primary" data-test="create" @click="create">
+          <div class="modal-footer d-flex justify-content-between">
+            <button class="btn btn-default" data-dismiss="modal">
+              {{ $t('general.close') }}
+            </button>
+            <button class="btn btn-primary" data-test="create" @click="create">
               {{ $t('general.submit') }}
-            </el-button>
+            </button>
           </div>
         </div>
       </div>
     </div>
-  </section>
+  </div>
 </template>
 
 <script>
diff --git a/resources/assets/src/views/user/Players.vue b/resources/assets/src/views/user/Players.vue
index ff6e4da6..df47536e 100644
--- a/resources/assets/src/views/user/Players.vue
+++ b/resources/assets/src/views/user/Players.vue
@@ -1,9 +1,9 @@
 <template>
-  <section class="content">
+  <div class="container-fluid">
     <div class="row">
       <div class="col-md-6">
-        <div class="box box-primary">
-          <div class="box-body table-responsive no-padding">
+        <div class="card card-primary">
+          <div class="card-body table-responsive p-0">
             <table class="table table-hover">
               <thead>
                 <tr>
@@ -24,44 +24,39 @@
                   <td class="pid">{{ player.pid }}</td>
                   <td class="player-name">{{ player.name }}</td>
                   <td>
-                    <el-button size="medium" @click="changeName(player)">
+                    <button class="btn btn-default" @click="changeName(player)">
                       {{ $t('user.player.edit-pname') }}
-                    </el-button>
-                    <el-button
-                      size="medium"
-                      type="warning"
+                    </button>
+                    <button
+                      class="btn btn-warning"
                       data-toggle="modal"
                       data-target="#modal-clear-texture"
                     >
                       {{ $t('user.player.delete-texture') }}
-                    </el-button>
-                    <el-button
-                      size="medium"
-                      type="danger"
-                      @click="deletePlayer(player, index)"
-                    >
+                    </button>
+                    <button class="btn btn-danger" @click="deletePlayer(player, index)">
                       {{ $t('user.player.delete-player') }}
-                    </el-button>
+                    </button>
                   </td>
                 </tr>
               </tbody>
             </table>
           </div>
-          <div class="box-footer clearfix">
-            <el-button type="primary" data-toggle="modal" data-target="#modal-add-player">
-              <i class="fas fa-plus" aria-hidden="true" /> &nbsp;{{ $t('user.player.add-player') }}
-            </el-button>
+          <div class="card-footer">
+            <button class="btn btn-primary" data-toggle="modal" data-target="#modal-add-player">
+              <i class="fas fa-plus" aria-hidden="true" />&nbsp;{{ $t('user.player.add-player') }}
+            </button>
           </div>
         </div>
 
-        <div v-once class="box box-default">
-          <div class="box-header with-border">
-            <h3 v-t="'general.tip'" class="box-title" />
-          </div><!-- /.box-header -->
-          <div class="box-body">
+        <div v-once class="card">
+          <div class="card-header">
+            <h3 v-t="'general.tip'" class="card-title" />
+          </div>
+          <div class="card-body">
             <p v-t="'user.player.login-notice'" />
-          </div><!-- /.box-body -->
-        </div><!-- /.box -->
+          </div>
+        </div>
       </div>
 
       <div class="col-md-6">
@@ -73,17 +68,17 @@
           title="user.player.player-info"
         >
           <template #footer>
-            <el-button data-test="to2d" @click="togglePreviewer">
+            <button class="btn btn-default" data-test="to2d" @click="togglePreviewer">
               {{ $t('user.switch2dPreview') }}
-            </el-button>
+            </button>
           </template>
         </previewer>
-        <div v-else class="box">
-          <div class="box-header with-border">
+        <div v-else class="card">
+          <div class="card-header card-outline">
             <!-- eslint-disable-next-line vue/no-v-html -->
-            <h3 class="box-title" v-html="$t('user.player.player-info')" />
+            <h3 class="card-title" v-html="$t('user.player.player-info')" />
           </div>
-          <div class="box-body">
+          <div class="card-body">
             <div id="preview-2d">
               <p>
                 {{ $t('general.skin') }}
@@ -107,13 +102,13 @@
                 <span v-else v-t="'user.player.texture-empty'" class="skin2d" />
               </p>
             </div>
-          </div><!-- /.box-body -->
-          <div class="box-footer">
-            <el-button @click="togglePreviewer">
-              {{ $t('user.switch3dPreview') }}
-            </el-button>
           </div>
-        </div><!-- /.box -->
+          <div class="card-footer">
+            <button class="btn btn-default" @click="togglePreviewer">
+              {{ $t('user.switch3dPreview') }}
+            </button>
+          </div>
+        </div>
       </div>
     </div>
 
@@ -128,6 +123,7 @@
       <div class="modal-dialog">
         <div class="modal-content">
           <div class="modal-header">
+            <h4 v-t="'user.chooseClearTexture'" class="modal-title" />
             <button
               type="button"
               class="close"
@@ -136,7 +132,6 @@
             >
               <span aria-hidden="true">&times;</span>
             </button>
-            <h4 v-t="'user.chooseClearTexture'" class="modal-title" />
           </div>
           <div class="modal-body">
             <label class="form-group">
@@ -147,16 +142,18 @@
               <input v-model="clear.cape" type="checkbox"> {{ $t('general.cape') }}
             </label>
           </div>
-          <div class="modal-footer">
-            <el-button data-dismiss="modal">{{ $t('general.close') }}</el-button>
-            <el-button type="primary" data-test="clearTexture" @click="clearTexture">
+          <div class="modal-footer d-flex justify-content-between">
+            <button class="btn btn-default" data-dismiss="modal">
+              {{ $t('general.close') }}
+            </button>
+            <button class="btn btn-primary" data-test="clearTexture" @click="clearTexture">
               {{ $t('general.submit') }}
-            </el-button>
+            </button>
           </div>
-        </div><!-- /.modal-content -->
-      </div><!-- /.modal-dialog -->
+        </div>
+      </div>
     </div>
-  </section>
+  </div>
 </template>
 
 <script>
@@ -317,7 +314,4 @@ export default {
 #preview-2d > p
   height 64px
   line-height 64px
-
-.form-group
-  cursor pointer
 </style>
diff --git a/resources/assets/src/views/user/Profile.vue b/resources/assets/src/views/user/Profile.vue
index 9f200270..e9eb5e6b 100644
--- a/resources/assets/src/views/user/Profile.vue
+++ b/resources/assets/src/views/user/Profile.vue
@@ -1,26 +1,30 @@
 <template>
-  <section class="content">
+  <div class="container-fluid">
     <email-verification />
     <div class="row">
       <div class="col-md-6">
-        <div v-once class="box box-primary">
-          <div class="box-header with-border">
-            <h3 v-t="'user.profile.avatar.title'" class="box-title" />
-          </div><!-- /.box-header -->
+        <div v-once class="card card-primary">
+          <div class="card-header">
+            <h3 v-t="'user.profile.avatar.title'" class="card-title" />
+          </div>
           <!-- eslint-disable-next-line vue/no-v-html -->
-          <div class="box-body" v-html="$t('user.profile.avatar.notice')" /><!-- /.box-body -->
-          <div class="box-footer">
-            <el-button type="primary" data-test="resetAvatar" @click="resetAvatar">
+          <div class="card-body" v-html="$t('user.profile.avatar.notice')" />
+          <div class="card-footer">
+            <button class="btn btn-primary" data-test="resetAvatar" @click="resetAvatar">
               {{ $t('user.resetAvatar') }}
-            </el-button>
+            </button>
           </div>
         </div>
 
-        <form class="box box-warning" data-test="changePassword" @submit.prevent="changePassword">
-          <div class="box-header with-border">
-            <h3 v-t="'user.profile.password.title'" class="box-title" />
-          </div><!-- /.box-header -->
-          <div class="box-body">
+        <form
+          class="card card-warning"
+          data-test="changePassword"
+          @submit.prevent="changePassword"
+        >
+          <div class="card-header">
+            <h3 v-t="'user.profile.password.title'" class="card-title" />
+          </div>
+          <div class="card-body">
             <div class="form-group">
               <label v-t="'user.profile.password.old'" />
               <input
@@ -55,21 +59,25 @@
                 maxlength="32"
               >
             </div>
-          </div><!-- /.box-body -->
-          <div class="box-footer">
-            <el-button type="primary" native-type="submit">
-              {{ $t('user.profile.password.button') }}
-            </el-button>
           </div>
-        </form><!-- /.box -->
+          <div class="card-footer">
+            <button class="btn btn-primary" type="submit">
+              {{ $t('user.profile.password.button') }}
+            </button>
+          </div>
+        </form>
       </div>
       <div class="col-md-6">
-        <form class="box box-primary" data-test="changeNickName" @submit.prevent="changeNickName">
-          <div class="box-header with-border">
-            <h3 v-t="'user.profile.nickname.title'" class="box-title" />
-          </div><!-- /.box-header -->
-          <div class="box-body">
-            <div class="form-group has-feedback">
+        <form
+          class="card card-primary"
+          data-test="changeNickName"
+          @submit.prevent="changeNickName"
+        >
+          <div class="card-header">
+            <h3 v-t="'user.profile.nickname.title'" class="card-title" />
+          </div>
+          <div class="card-body">
+            <div class="form-group">
               <input
                 v-model="nickname"
                 type="text"
@@ -77,22 +85,25 @@
                 :placeholder="$t('user.profile.nickname.rule')"
                 required
               >
-              <span class="glyphicon glyphicon-user form-control-feedback" />
             </div>
-          </div><!-- /.box-body -->
-          <div class="box-footer">
-            <el-button type="primary" native-type="submit">
+          </div>
+          <div class="card-footer">
+            <button class="btn btn-primary" type="submit">
               {{ $t('general.submit') }}
-            </el-button>
+            </button>
           </div>
         </form>
 
-        <form class="box box-warning" data-test="changeEmail" @submit.prevent="changeEmail">
-          <div class="box-header with-border">
-            <h3 v-t="'user.profile.email.title'" class="box-title" />
-          </div><!-- /.box-header -->
-          <div class="box-body">
-            <div class="form-group has-feedback">
+        <form
+          class="card card-warning"
+          data-test="changeEmail"
+          @submit.prevent="changeEmail"
+        >
+          <div class="card-header">
+            <h3 v-t="'user.profile.email.title'" class="card-title" />
+          </div>
+          <div class="card-body">
+            <div class="form-group">
               <input
                 ref="email"
                 v-model="email"
@@ -101,9 +112,8 @@
                 :placeholder="$t('user.profile.email.new')"
                 required
               >
-              <span class="glyphicon glyphicon-envelope form-control-feedback" />
             </div>
-            <div class="form-group has-feedback">
+            <div class="form-group">
               <input
                 ref="currentPassword"
                 v-model="currentPassword"
@@ -112,47 +122,51 @@
                 :placeholder="$t('user.profile.email.password')"
                 required
               >
-              <span class="glyphicon glyphicon-lock form-control-feedback" />
             </div>
-          </div><!-- /.box-body -->
-          <div class="box-footer">
-            <el-button type="primary" native-type="submit">
+          </div>
+          <div class="card-footer">
+            <button class="btn btn-primary" type="submit">
               {{ $t('user.profile.email.button') }}
-            </el-button>
+            </button>
           </div>
         </form>
 
-        <div class="box box-danger">
-          <div class="box-header with-border">
-            <h3 v-t="'user.profile.delete.title'" class="box-title" />
-          </div><!-- /.box-header -->
-          <div class="box-body">
+        <div class="card card-danger">
+          <div class="card-header">
+            <h3 v-t="'user.profile.delete.title'" class="card-title" />
+          </div>
+          <div class="card-body">
             <template v-if="isAdmin">
               <p v-t="'user.profile.delete.admin'" />
-              <el-button type="danger" disabled>
+              <button class="btn btn-danger" disabled>
                 {{ $t('user.profile.delete.button') }}
-              </el-button>
+              </button>
             </template>
             <template v-else>
               <p v-t="{ path: 'user.profile.delete.notice', args: { site: siteName } }" />
-              <el-button type="danger" data-toggle="modal" data-target="#modal-delete-account">
+              <button
+                class="btn btn-danger"
+                data-toggle="modal"
+                data-target="#modal-delete-account"
+              >
                 {{ $t('user.profile.delete.button') }}
-              </el-button>
+              </button>
             </template>
-          </div><!-- /.box-body -->
+          </div>
         </div>
       </div>
     </div>
 
     <div
       id="modal-delete-account"
-      class="modal modal-danger fade"
+      class="modal fade"
       tabindex="-1"
       role="dialog"
     >
       <form class="modal-dialog" data-test="deleteAccount" @submit.prevent="deleteAccount">
-        <div class="modal-content">
+        <div class="modal-content bg-danger">
           <div class="modal-header">
+            <h4 v-t="'user.profile.delete.modal-title'" class="modal-title" />
             <button
               type="button"
               class="close"
@@ -161,7 +175,6 @@
             >
               <span aria-hidden="true">&times;</span>
             </button>
-            <h4 v-t="'user.profile.delete.modal-title'" class="modal-title" />
           </div>
           <div class="modal-body">
             <!-- eslint-disable-next-line vue/no-v-html -->
@@ -176,23 +189,23 @@
             >
             <br>
           </div>
-          <div class="modal-footer">
+          <div class="modal-footer d-flex justify-content-between">
             <button
               v-t="'general.close'"
               type="button"
-              class="btn btn-outline"
+              class="btn btn-outline-light"
               data-dismiss="modal"
             />
             <button
               v-t="'general.submit'"
               type="submit"
-              class="btn btn-outline"
+              class="btn btn-outline-light"
             />
           </div>
-        </div><!-- /.modal-content -->
-      </form><!-- /.modal-dialog -->
-    </div><!-- /.modal -->
-  </section><!-- /.content -->
+        </div>
+      </form>
+    </div>
+  </div>
 </template>
 
 <script>
diff --git a/resources/assets/src/views/user/Report.vue b/resources/assets/src/views/user/Report.vue
index 6aa77eef..f108b052 100644
--- a/resources/assets/src/views/user/Report.vue
+++ b/resources/assets/src/views/user/Report.vue
@@ -1,5 +1,5 @@
 <template>
-  <section class="content">
+  <div class="container-fluid">
     <vue-good-table
       :rows="reports"
       :columns="columns"
@@ -22,7 +22,7 @@
         </span>
       </template>
     </vue-good-table>
-  </section>
+  </div>
 </template>
 
 <script>
diff --git a/resources/assets/tests/components/AddPlayerDialog.test.ts b/resources/assets/tests/components/AddPlayerDialog.test.ts
index cde85147..273e0c5d 100644
--- a/resources/assets/tests/components/AddPlayerDialog.test.ts
+++ b/resources/assets/tests/components/AddPlayerDialog.test.ts
@@ -24,7 +24,6 @@ test('add player', async () => {
     { name: 'the-new' }
   )
   await flushPromises()
-  await flushPromises()
   expect(wrapper.text()).not.toContain('the-new')
   expect(Vue.prototype.$message.warning).toBeCalledWith('fail')
 
diff --git a/resources/assets/tests/components/ClosetItem.test.ts b/resources/assets/tests/components/ClosetItem.test.ts
index 1469e3b4..9579db31 100644
--- a/resources/assets/tests/components/ClosetItem.test.ts
+++ b/resources/assets/tests/components/ClosetItem.test.ts
@@ -16,21 +16,26 @@ function factory(opt = {}) {
 test('computed values', () => {
   const wrapper = mount(ClosetItem, { propsData: factory() })
   expect(wrapper.find('img').attributes('src')).toBe('/preview/1.png')
-  expect(wrapper.find('a.more').attributes('href')).toBe('/skinlib/show/1')
+  expect(
+    wrapper
+      .findAll('.dropdown-item')
+      .at(2)
+      .attributes('href')
+  ).toBe('/skinlib/show/1')
 })
 
 test('selected item', () => {
   const wrapper = mount(ClosetItem, { propsData: factory({ selected: true }) })
-  expect(wrapper.find('.item').classes('item-selected')).toBeTrue()
+  expect(wrapper.find('.card').classes('shadow')).toBeTrue()
 })
 
 test('click item body', () => {
   const wrapper = mount(ClosetItem, { propsData: factory() })
 
-  wrapper.find('.item').trigger('click')
+  wrapper.find('.card').trigger('click')
   expect(wrapper.emitted().select).toBeUndefined()
 
-  wrapper.find('.item-body > div').trigger('click')
+  wrapper.find('.card-body').trigger('click')
   expect(wrapper.emitted().select).toBeTruthy()
 })
 
@@ -47,8 +52,7 @@ test('rename texture', async () => {
       return Promise.resolve({ value: 'new-name' } as MessageBoxData)
     })
   const wrapper = mount(ClosetItem, { propsData: factory() })
-  const button = wrapper.findAll('.dropdown-menu > li').at(0)
-    .find('a')
+  const button = wrapper.findAll('.dropdown-item').at(0)
 
   button.trigger('click')
   await flushPromises()
@@ -59,7 +63,7 @@ test('rename texture', async () => {
 
   button.trigger('click')
   await flushPromises()
-  expect(wrapper.find('.texture-name > span').text()).toBe('new-name (steve)')
+  expect(wrapper.find('[data-test="name"]').text()).toBe('new-name (steve)')
   expect(Vue.prototype.$http.post).toBeCalledWith(
     '/user/closet/rename/1',
     { name: 'new-name' }
@@ -75,8 +79,7 @@ test('remove texture', async () => {
     .mockResolvedValue('confirm')
 
   const wrapper = mount(ClosetItem, { propsData: factory() })
-  const button = wrapper.findAll('.dropdown-menu > li').at(1)
-    .find('a')
+  const button = wrapper.findAll('.dropdown-item').at(1)
 
   button.trigger('click')
   await flushPromises()
@@ -100,8 +103,7 @@ test('set as avatar', async () => {
     .mockResolvedValue('confirm')
 
   const wrapper = mount(ClosetItem, { propsData: factory() })
-  const button = wrapper.findAll('.dropdown-menu > li').at(2)
-    .find('a')
+  const button = wrapper.findAll('.dropdown-item').at(3)
   document.body.innerHTML += '<img alt="User Image" src="a">'
 
   button.trigger('click')
@@ -120,6 +122,5 @@ test('set as avatar', async () => {
 
 test('no avatar option if texture is cape', () => {
   const wrapper = mount(ClosetItem, { propsData: factory({ type: 'cape' }) })
-  const button = wrapper.findAll('.dropdown-menu > li').at(2)
-  expect(button.isEmpty()).toBeTrue()
+  expect(wrapper.findAll('.dropdown-item')).toHaveLength(3)
 })
diff --git a/resources/assets/tests/components/SkinLibItem.test.ts b/resources/assets/tests/components/SkinLibItem.test.ts
index a00a005e..acc82ae6 100644
--- a/resources/assets/tests/components/SkinLibItem.test.ts
+++ b/resources/assets/tests/components/SkinLibItem.test.ts
@@ -28,7 +28,7 @@ test('anonymous user', () => {
   const wrapper = mount(SkinLibItem, {
     propsData: { anonymous: true },
   })
-  const button = wrapper.find('.more')
+  const button = wrapper.find('.btn-like')
   expect(button.attributes('title')).toBe('skinlib.anonymous')
   button.trigger('click')
   expect(Vue.prototype.$http.post).not.toBeCalled()
@@ -48,7 +48,7 @@ test('liked state', () => {
   const wrapper = mount(SkinLibItem, {
     propsData: { liked: true, anonymous: false },
   })
-  const button = wrapper.find('.like')
+  const button = wrapper.find('.btn-like')
 
   expect(button.attributes('title')).toBe('skinlib.removeFromCloset')
   expect(button.classes('liked')).toBeTrue()
@@ -66,7 +66,7 @@ test('remove from closet', async () => {
       tid: 1, liked: true, anonymous: false,
     },
   })
-  wrapper.find('.like').trigger('click')
+  wrapper.find('.btn-like').trigger('click')
   await flushPromises()
   expect(wrapper.emitted('like-toggled')[0]).toEqual([false])
 })
@@ -89,7 +89,7 @@ test('add to closet', async () => {
       tid: 1, liked: false, anonymous: false,
     },
   })
-  const button = wrapper.find('.like')
+  const button = wrapper.find('.btn-like')
 
   button.trigger('click')
   expect(Vue.prototype.$http.post).not.toBeCalled()
diff --git a/resources/assets/tests/scripts/check-updates.test.ts b/resources/assets/tests/scripts/check-updates.test.ts
index 19ddcd07..53056d9b 100644
--- a/resources/assets/tests/scripts/check-updates.test.ts
+++ b/resources/assets/tests/scripts/check-updates.test.ts
@@ -16,17 +16,17 @@ test('check for BS updates', async () => {
       json: () => Promise.resolve({ available: true }),
     })
 
-  document.body.innerHTML = '<a href="/admin/update"></a>'
+  document.body.innerHTML = '<a href="/admin/update"><p></p></a>'
 
   await checkForUpdates()
   expect(window.fetch).toBeCalledWith('/admin/update/check', init)
-  expect(document.querySelector('a')!.innerHTML).toBe('')
+  expect(document.querySelector('p')!.innerHTML).toBe('')
 
   await checkForUpdates()
-  expect(document.querySelector('a')!.innerHTML).toBe('')
+  expect(document.querySelector('p')!.innerHTML).toBe('')
 
   await checkForUpdates()
-  expect(document.querySelector('a')!.innerHTML).toContain('1')
+  expect(document.querySelector('p')!.innerHTML).toContain('New')
 })
 
 test('check for plugins updates', async () => {
@@ -41,17 +41,17 @@ test('check for plugins updates', async () => {
       json: () => Promise.resolve({ available: true, plugins: [{}] }),
     })
 
-  document.body.innerHTML = '<a href="/admin/plugins/market"></a>'
+  document.body.innerHTML = '<a href="/admin/plugins/market"><p></p></a>'
 
   await checkForPluginUpdates()
   expect(window.fetch).toBeCalledWith('/admin/plugins/market/check', init)
-  expect(document.querySelector('a')!.innerHTML).toBe('')
+  expect(document.querySelector('p')!.innerHTML).toBe('')
 
   await checkForPluginUpdates()
-  expect(document.querySelector('a')!.innerHTML).toBe('')
+  expect(document.querySelector('p')!.innerHTML).toBe('')
 
   await checkForPluginUpdates()
-  expect(document.querySelector('a')!.innerHTML).toContain('1')
+  expect(document.querySelector('p')!.innerHTML).toContain('1')
 })
 
 test('do not update anything if element not found', async () => {
diff --git a/resources/assets/tests/scripts/home-page.test.ts b/resources/assets/tests/scripts/home-page.test.ts
index ecf4a48d..5b893898 100644
--- a/resources/assets/tests/scripts/home-page.test.ts
+++ b/resources/assets/tests/scripts/home-page.test.ts
@@ -6,20 +6,20 @@ window.blessing.extra = {
 
 test('should be transparent at top', () => {
   Object.assign(window, { innerHeight: 900 })
-  document.body.innerHTML = '<header class="main-header"></header>'
+  document.body.innerHTML = '<nav class="navbar"></nav>'
   handler()
   window.dispatchEvent(new Event('scroll'))
   expect(
-    document.querySelector('header')!.classList.contains('transparent')
+    document.querySelector('nav')!.classList.contains('transparent')
   ).toBeTrue()
 })
 
 test('should not be transparent at bottom', () => {
   Object.assign(window, { innerHeight: 900, scrollY: 800 })
-  document.body.innerHTML = '<header class="main-header transparent"></header>'
+  document.body.innerHTML = '<nav class="navbar transparent"></nav>'
   handler()
   window.dispatchEvent(new Event('scroll'))
   expect(
-    document.querySelector('header')!.classList.contains('transparent')
+    document.querySelector('nav')!.classList.contains('transparent')
   ).toBeFalse()
 })
diff --git a/resources/assets/tests/views/admin/Market.test.ts b/resources/assets/tests/views/admin/Market.test.ts
index 64721fcb..52b75a71 100644
--- a/resources/assets/tests/views/admin/Market.test.ts
+++ b/resources/assets/tests/views/admin/Market.test.ts
@@ -17,8 +17,8 @@ test('render dependencies', async () => {
   await flushPromises()
 
   expect(wrapper.text()).toContain('admin.noDependencies')
-  expect(wrapper.find('span.label.bg-green').text()).toBe('a: ^1.0.0')
-  expect(wrapper.find('span.label.bg-red').text()).toBe('c: ^2.0.0')
+  expect(wrapper.find('span.badge.bg-green').text()).toBe('a: ^1.0.0')
+  expect(wrapper.find('span.badge.bg-red').text()).toBe('c: ^2.0.0')
 })
 
 test('render operation buttons', async () => {
diff --git a/resources/assets/tests/views/admin/Players.test.ts b/resources/assets/tests/views/admin/Players.test.ts
index 1fcc722c..f1d4fcb2 100644
--- a/resources/assets/tests/views/admin/Players.test.ts
+++ b/resources/assets/tests/views/admin/Players.test.ts
@@ -1,6 +1,5 @@
 import Vue from 'vue'
 import { mount } from '@vue/test-utils'
-import { Button } from 'element-ui'
 import { MessageBoxData } from 'element-ui/types/message-box'
 import { flushPromises } from '../../utils'
 import Players from '@/views/admin/Players.vue'
@@ -30,13 +29,9 @@ test('change texture', async () => {
   const wrapper = mount(Players)
   await flushPromises()
   const button = wrapper.find('[data-test=changeTexture]')
-  wrapper
-    .findAll(Button)
-    .at(0)
-    .trigger('click')
+  wrapper.findAll('.btn-default').trigger('click')
 
-  wrapper.find('.modal-body').find('input')
-    .setValue('5')
+  wrapper.find('.modal-body input').setValue('5')
 
   button.trigger('click')
   await flushPromises()
@@ -134,7 +129,7 @@ test('delete player', async () => {
 
   const wrapper = mount(Players)
   await flushPromises()
-  const button = wrapper.findAll(Button).at(1)
+  const button = wrapper.find('.btn-danger')
 
   button.trigger('click')
   expect(Vue.prototype.$http.post).not.toBeCalled()
diff --git a/resources/assets/tests/views/admin/Plugins.test.ts b/resources/assets/tests/views/admin/Plugins.test.ts
index 4b4507cf..2d7085d5 100644
--- a/resources/assets/tests/views/admin/Plugins.test.ts
+++ b/resources/assets/tests/views/admin/Plugins.test.ts
@@ -19,8 +19,8 @@ test('render dependencies', async () => {
   await flushPromises()
 
   expect(wrapper.text()).toContain('admin.noDependencies')
-  expect(wrapper.find('span.label.bg-green').text()).toBe('a: ^1.0.0')
-  expect(wrapper.find('span.label.bg-red').text()).toBe('c: ^2.0.0')
+  expect(wrapper.find('span.badge.bg-green').text()).toBe('a: ^1.0.0')
+  expect(wrapper.find('span.badge.bg-red').text()).toBe('c: ^2.0.0')
 })
 
 test('render operation buttons', async () => {
diff --git a/resources/assets/tests/views/admin/Translations.test.ts b/resources/assets/tests/views/admin/Translations.test.ts
index 01faadef..f18a07e3 100644
--- a/resources/assets/tests/views/admin/Translations.test.ts
+++ b/resources/assets/tests/views/admin/Translations.test.ts
@@ -1,6 +1,5 @@
 import Vue from 'vue'
 import { mount } from '@vue/test-utils'
-import { Button } from 'element-ui'
 import { MessageBoxData } from 'element-ui/types/message-box'
 import { flushPromises } from '../../utils'
 import Translations from '@/views/admin/Translations.vue'
@@ -34,7 +33,7 @@ test('modify line', async () => {
 
   const wrapper = mount(Translations)
   await flushPromises()
-  const button = wrapper.findAll(Button).at(0)
+  const button = wrapper.find('.btn-default')
 
   button.trigger('click')
   await flushPromises()
@@ -72,7 +71,7 @@ test('delete line', async () => {
 
   const wrapper = mount(Translations)
   await flushPromises()
-  const button = wrapper.findAll(Button).at(1)
+  const button = wrapper.find('.btn-danger')
 
   button.trigger('click')
   await flushPromises()
diff --git a/resources/assets/tests/views/admin/Users.test.ts b/resources/assets/tests/views/admin/Users.test.ts
index 48744297..71bd9868 100644
--- a/resources/assets/tests/views/admin/Users.test.ts
+++ b/resources/assets/tests/views/admin/Users.test.ts
@@ -2,7 +2,6 @@ import Vue from 'vue'
 import { mount } from '@vue/test-utils'
 import Users from '@/views/admin/Users.vue'
 import '@/scripts/i18n'
-import { Button } from 'element-ui'
 import { MessageBoxData } from 'element-ui/types/message-box'
 import { flushPromises } from '../../utils'
 
@@ -344,7 +343,7 @@ test('change password', async () => {
 
   const wrapper = mount(Users)
   await flushPromises()
-  const button = wrapper.findAll(Button).at(0)
+  const button = wrapper.find('.btn-default')
 
   button.trigger('click')
   expect(Vue.prototype.$http.post).not.toBeCalled()
@@ -481,7 +480,7 @@ test('delete user', async () => {
 
   const wrapper = mount(Users)
   await flushPromises()
-  const button = wrapper.findAll(Button).at(1)
+  const button = wrapper.find('.btn-danger')
 
   button.trigger('click')
   expect(Vue.prototype.$http.post).not.toBeCalled()
diff --git a/resources/assets/tests/views/auth/Forgot.test.ts b/resources/assets/tests/views/auth/Forgot.test.ts
index 16c821b2..e07dee38 100644
--- a/resources/assets/tests/views/auth/Forgot.test.ts
+++ b/resources/assets/tests/views/auth/Forgot.test.ts
@@ -20,8 +20,8 @@ test('submit forgot form', async () => {
     .mockResolvedValueOnce({ code: 0, message: 'ok' })
   const wrapper = mount(Forgot, { stubs: { Captcha } })
   const form = wrapper.find('form')
-  const warning = wrapper.find('.callout-warning')
-  const success = wrapper.find('.callout-success')
+  const warning = wrapper.find('.alert-warning')
+  const success = wrapper.find('.alert-success')
 
   wrapper.find('[type="email"]').setValue('a@b.c')
   form.trigger('submit')
diff --git a/resources/assets/tests/views/auth/Login.test.ts b/resources/assets/tests/views/auth/Login.test.ts
index eff94653..27f10994 100644
--- a/resources/assets/tests/views/auth/Login.test.ts
+++ b/resources/assets/tests/views/auth/Login.test.ts
@@ -31,7 +31,7 @@ test('login', async () => {
     })
   const wrapper = mount(Login, { stubs: { Captcha } })
   const form = wrapper.find('form')
-  const warning = wrapper.find('.callout-warning')
+  const warning = wrapper.find('.alert-warning')
 
   wrapper.find('input').setValue('a@b.c')
   wrapper.find('[type="password"]').setValue('123')
diff --git a/resources/assets/tests/views/auth/Register.test.ts b/resources/assets/tests/views/auth/Register.test.ts
index 54b25344..f5dca895 100644
--- a/resources/assets/tests/views/auth/Register.test.ts
+++ b/resources/assets/tests/views/auth/Register.test.ts
@@ -31,8 +31,8 @@ test('register', async () => {
     .mockResolvedValueOnce({ code: 0, message: 'ok' })
   const wrapper = mount(Register, { stubs: { Captcha } })
   const form = wrapper.find('form')
-  const info = wrapper.find('.callout-info')
-  const warning = wrapper.find('.callout-warning')
+  const info = wrapper.find('.alert-info')
+  const warning = wrapper.find('.alert-warning')
 
   wrapper.find('[type="email"]').setValue('a@b.c')
   wrapper.findAll('[type="password"]').at(0)
diff --git a/resources/assets/tests/views/auth/Reset.test.ts b/resources/assets/tests/views/auth/Reset.test.ts
index bd3593f5..d88b57f2 100644
--- a/resources/assets/tests/views/auth/Reset.test.ts
+++ b/resources/assets/tests/views/auth/Reset.test.ts
@@ -13,8 +13,8 @@ test('reset password', async () => {
     },
   })
   const form = wrapper.find('form')
-  const info = wrapper.find('.callout-info')
-  const warning = wrapper.find('.callout-warning')
+  const info = wrapper.find('.alert-info')
+  const warning = wrapper.find('.alert-warning')
 
   wrapper.findAll('[type="password"]').at(0)
     .setValue('12345678')
diff --git a/resources/assets/tests/views/skinlib/List.test.ts b/resources/assets/tests/views/skinlib/List.test.ts
index 2d41dcb9..8fba1731 100644
--- a/resources/assets/tests/views/skinlib/List.test.ts
+++ b/resources/assets/tests/views/skinlib/List.test.ts
@@ -1,62 +1,9 @@
 import Vue from 'vue'
 import { mount } from '@vue/test-utils'
-// @ts-ignore
-import Button from 'element-ui/lib/button'
 import { flushPromises } from '../../utils'
 import { queryString } from '@/scripts/utils'
 import List from '@/views/skinlib/List.vue'
 
-jest.mock('element-ui', () => ({
-  Select: {
-    install(vue: typeof Vue) {
-      vue.component('ElSelect', {
-        render(h) {
-          return h('select', {
-            on: {
-              change: (event: Event) => this.$emit(
-                'change',
-                (event.target as HTMLSelectElement).value
-              ),
-            },
-            attrs: {
-              value: this.value,
-            },
-          }, this.$slots.default)
-        },
-        props: {
-          value: String,
-        },
-        model: {
-          prop: 'value',
-          event: 'change',
-        },
-      })
-    },
-  },
-  Option: {
-    install(vue: typeof Vue) {
-      vue.component('ElOption', {
-        render(h) {
-          return h('option', { attrs: { value: this.value } }, this.label)
-        },
-        props: {
-          label: String,
-          value: String,
-        },
-      })
-    },
-  },
-  ButtonGroup: {
-    install(vue: typeof Vue) {
-      vue.component('ElButtonGroup', {
-        render(h) {
-          return h('div', {}, this.$slots.default)
-        },
-      })
-    },
-  },
-}))
-
 beforeEach(() => {
   window.history.pushState(null, '', 'skinlib')
 })
@@ -93,22 +40,42 @@ test('toggle texture type', () => {
     },
   })
   const wrapper = mount(List)
-  const select = wrapper.find({ name: 'ElSelect' })
+  const options = wrapper.findAll('.dropdown-item')
+  const btnSkin = options.at(0)
+  const btnSteve = options.at(1)
+  const btnAlex = options.at(2)
+  const btnCape = options.at(3)
+  const dropdownToggle = wrapper.find('.dropdown-toggle')
   const breadcrumb = wrapper.find('.breadcrumb')
+
+  expect(btnSkin.classes()).toContain('active')
+  expect(btnSteve.classes()).not.toContain('active')
+  expect(btnAlex.classes()).not.toContain('active')
+  expect(btnCape.classes()).not.toContain('active')
+  expect(dropdownToggle.text()).toContain('general.skin')
   expect(breadcrumb.text()).toContain('skinlib.filter.skin')
 
-  select.setValue('steve')
-  select.trigger('change')
+  btnSteve.trigger('click')
+  expect(btnSkin.classes()).not.toContain('active')
+  expect(btnSteve.classes()).toContain('active')
+  expect(btnAlex.classes()).not.toContain('active')
+  expect(btnCape.classes()).not.toContain('active')
+  expect(dropdownToggle.text()).toContain('Steve')
   expect(breadcrumb.text()).toContain('skinlib.filter.steve')
+  expect(queryString('filter')).toBe('steve')
   expect(Vue.prototype.$http.get).toBeCalledWith(
     '/skinlib/data',
     {
       filter: 'steve', uploader: 0, sort: 'time', keyword: '', page: 1,
     }
   )
-  expect(queryString('filter')).toBe('steve')
-  select.setValue('alex')
-  select.trigger('change')
+
+  btnAlex.trigger('click')
+  expect(btnSkin.classes()).not.toContain('active')
+  expect(btnSteve.classes()).not.toContain('active')
+  expect(btnAlex.classes()).toContain('active')
+  expect(btnCape.classes()).not.toContain('active')
+  expect(dropdownToggle.text()).toContain('Alex')
   expect(breadcrumb.text()).toContain('skinlib.filter.alex')
   expect(Vue.prototype.$http.get).toBeCalledWith(
     '/skinlib/data',
@@ -117,8 +84,13 @@ test('toggle texture type', () => {
     }
   )
   expect(queryString('filter')).toBe('alex')
-  select.setValue('cape')
-  select.trigger('change')
+
+  btnCape.trigger('click')
+  expect(btnSkin.classes()).not.toContain('active')
+  expect(btnSteve.classes()).not.toContain('active')
+  expect(btnAlex.classes()).not.toContain('active')
+  expect(btnCape.classes()).toContain('active')
+  expect(dropdownToggle.text()).toContain('general.cape')
   expect(breadcrumb.text()).toContain('general.cape')
   expect(Vue.prototype.$http.get).toBeCalledWith(
     '/skinlib/data',
@@ -138,13 +110,11 @@ test('check specified uploader', async () => {
   const wrapper = mount(List)
   await flushPromises()
   const breadcrumb = wrapper.find('.breadcrumb')
-  const button = wrapper
-    .find('.advanced-filter')
-    .findAll(Button)
-    .at(2)
+  const button = wrapper.findAll('.bg-olive').at(2)
   expect(breadcrumb.text()).toContain('skinlib.filter.allUsers')
 
   button.trigger('click')
+  expect(button.classes()).toContain('active')
   expect(breadcrumb.text()).toContain('skinlib.filter.uploader')
   expect(Vue.prototype.$http.get).toBeCalledWith(
     '/skinlib/data',
@@ -162,7 +132,7 @@ test('sort items', () => {
     },
   })
   const wrapper = mount(List)
-  const buttons = wrapper.find('.advanced-filter').findAll(Button)
+  const buttons = wrapper.findAll('.bg-olive')
   const sortByLikes = buttons.at(0)
   const sortByTime = buttons.at(1)
 
@@ -174,6 +144,7 @@ test('sort items', () => {
     }
   )
   expect(wrapper.text()).toContain('skinlib.sort.likes')
+  expect(sortByLikes.classes()).toContain('active')
   expect(queryString('sort')).toBe('likes')
 
   sortByTime.trigger('click')
@@ -184,6 +155,7 @@ test('sort items', () => {
     }
   )
   expect(wrapper.text()).toContain('skinlib.sort.time')
+  expect(sortByTime.classes()).toContain('active')
   expect(queryString('sort')).toBe('time')
 })
 
@@ -194,8 +166,9 @@ test('search by keyword', () => {
     },
   })
   const wrapper = mount(List)
+  const input = wrapper.find('[data-test="keyword"]')
 
-  wrapper.setData({ keyword: 'a' })
+  input.setValue('a')
   wrapper.find('form').trigger('submit')
   expect(Vue.prototype.$http.get).toBeCalledWith(
     '/skinlib/data',
@@ -205,7 +178,7 @@ test('search by keyword', () => {
   )
   expect(queryString('keyword')).toBe('a')
 
-  wrapper.setData({ keyword: 'b' })
+  input.setValue('b')
   wrapper.find('[data-test="btn-search"]').trigger('click')
   expect(Vue.prototype.$http.get).toBeCalledWith(
     '/skinlib/data',
@@ -223,10 +196,12 @@ test('reset all filters', () => {
     },
   })
   const wrapper = mount(List)
-  wrapper.findAll('option').at(3)
-    .setSelected()
+  wrapper
+    .findAll('.dropdown-item')
+    .at(3)
+    .trigger('click')
   wrapper.setData({ keyword: 'abc' })
-  const buttons = wrapper.find('.advanced-filter').findAll(Button)
+  const buttons = wrapper.findAll('.bg-olive')
   buttons.at(1).trigger('click')
 
   Vue.prototype.$http.get.mockClear()
diff --git a/resources/assets/tests/views/skinlib/Show.test.ts b/resources/assets/tests/views/skinlib/Show.test.ts
index 5b060a85..c1d0e0df 100644
--- a/resources/assets/tests/views/skinlib/Show.test.ts
+++ b/resources/assets/tests/views/skinlib/Show.test.ts
@@ -1,6 +1,5 @@
 import Vue from 'vue'
 import { mount } from '@vue/test-utils'
-import { Button } from 'element-ui'
 import Show from '@/views/skinlib/Show.vue'
 import { MessageBoxData } from 'element-ui/types/message-box'
 import { flushPromises } from '../../utils'
@@ -35,7 +34,7 @@ test('button for adding to closet should be disabled if not auth', () => {
     },
     stubs: { previewer },
   })
-  expect(wrapper.find(Button).attributes('disabled')).toBe('disabled')
+  expect(wrapper.find('.btn').attributes('disabled')).toBe('disabled')
 })
 
 test('button for adding to closet should be enabled if auth', () => {
@@ -59,7 +58,7 @@ test('likes count indicator', async () => {
     stubs: { previewer },
   })
   await flushPromises()
-  expect(wrapper.find('.likes').attributes('style')).toContain('color: rgb(224, 53, 59)')
+  expect(wrapper.find('.likes').classes()).toContain('text-red')
   expect(wrapper.find('.likes').text()).toContain('2')
 })
 
@@ -79,7 +78,7 @@ test('render basic information', async () => {
     },
   })
   await flushPromises()
-  const text = wrapper.find('.box-primary').text()
+  const text = wrapper.find('.card-primary').text()
   expect(text).toContain('my-texture')
   expect(text).toContain('alex')
   expect(text).toContain('123...')
@@ -130,7 +129,7 @@ test('operation panel should not be rendered if user is anonymous', async () =>
     },
   })
   await flushPromises()
-  expect(wrapper.find('.box-warning').exists()).toBeFalse()
+  expect(wrapper.find('.card-warning').exists()).toBeFalse()
 })
 
 test('operation panel should not be rendered if not privileged', async () => {
@@ -142,7 +141,7 @@ test('operation panel should not be rendered if not privileged', async () => {
     },
   })
   await flushPromises()
-  expect(wrapper.find('.box-warning').exists()).toBeFalse()
+  expect(wrapper.find('.card-warning').exists()).toBeFalse()
 })
 
 test('operation panel should be rendered if privileged', async () => {
@@ -154,7 +153,7 @@ test('operation panel should be rendered if privileged', async () => {
     },
   })
   await flushPromises()
-  expect(wrapper.find('.box-warning').exists()).toBeTrue()
+  expect(wrapper.find('.card-warning').exists()).toBeTrue()
 })
 
 test('download texture', async () => {
@@ -303,7 +302,9 @@ test('change texture model', async () => {
     },
     stubs: { previewer },
   })
-  const button = wrapper.findAll('small').at(1)
+  const button = wrapper
+    .findAll('small')
+    .at(1)
     .find('a')
 
   button.trigger('click')
@@ -336,10 +337,7 @@ test('toggle privacy', async () => {
     },
     stubs: { previewer },
   })
-  const button = wrapper
-    .find('.box-warning')
-    .findAll(Button)
-    .at(0)
+  const button = wrapper.find('.btn-warning')
 
   button.trigger('click')
   expect(Vue.prototype.$http.post).not.toBeCalled()
@@ -375,10 +373,7 @@ test('delete texture', async () => {
     },
     stubs: { previewer },
   })
-  const button = wrapper
-    .find('.box-warning')
-    .findAll(Button)
-    .at(1)
+  const button = wrapper.find('.btn-danger')
 
   button.trigger('click')
   expect(Vue.prototype.$http.post).not.toBeCalled()
@@ -472,5 +467,5 @@ test('truncate too long texture name', async () => {
     },
   })
   await flushPromises()
-  expect(wrapper.find('.box-primary').text()).toContain('very-very-long-...')
+  expect(wrapper.find('.card-primary').text()).toContain('very-very-long-...')
 })
diff --git a/resources/assets/tests/views/skinlib/Upload.test.ts b/resources/assets/tests/views/skinlib/Upload.test.ts
index fda3ec92..9db6a1b3 100644
--- a/resources/assets/tests/views/skinlib/Upload.test.ts
+++ b/resources/assets/tests/views/skinlib/Upload.test.ts
@@ -130,7 +130,7 @@ test('upload file', async () => {
   const wrapper = mount(Upload, {
     stubs: ['file-upload'],
   })
-  const button = wrapper.find('.box-footer > button')
+  const button = wrapper.find('.btn-success')
 
   button.trigger('click')
   expect(Vue.prototype.$http.post).not.toBeCalled()
diff --git a/resources/assets/tests/views/user/Bind.test.ts b/resources/assets/tests/views/user/Bind.test.ts
index dee2a8f9..c6188c64 100644
--- a/resources/assets/tests/views/user/Bind.test.ts
+++ b/resources/assets/tests/views/user/Bind.test.ts
@@ -32,7 +32,7 @@ test('submit', async () => {
 
   form.trigger('submit')
   await flushPromises()
-  expect(wrapper.find('.callout').text()).toBe('fail')
+  expect(wrapper.find('.alert').text()).toBe('fail')
 
   form.trigger('submit')
   await flushPromises()
diff --git a/resources/assets/tests/views/user/Closet.test.ts b/resources/assets/tests/views/user/Closet.test.ts
index b6ba9cd2..ad2e98ae 100644
--- a/resources/assets/tests/views/user/Closet.test.ts
+++ b/resources/assets/tests/views/user/Closet.test.ts
@@ -38,8 +38,10 @@ test('switch tabs', () => {
 
   const wrapper = mount(Closet)
 
-  const tabSkin = wrapper.findAll('.nav-tabs > li').at(0)
-  tabSkin.find('a').trigger('click')
+  wrapper
+    .findAll('.nav-link')
+    .at(0)
+    .trigger('click')
   jest.runAllTicks()
   expect(Vue.prototype.$http.get).toBeCalledWith(
     '/user/closet-data',
@@ -49,8 +51,10 @@ test('switch tabs', () => {
       page: 1,
     }
   )
-  const tabCape = wrapper.findAll('.nav-tabs > li').at(1)
-  tabCape.find('a').trigger('click')
+  wrapper
+    .findAll('.nav-link')
+    .at(1)
+    .trigger('click')
   jest.runAllTicks()
   expect(Vue.prototype.$http.get).toBeCalledWith(
     '/user/closet-data',
@@ -66,13 +70,21 @@ test('different categories', () => {
   Vue.prototype.$http.get.mockResolvedValue({ data: {} })
 
   const wrapper = mount(Closet)
-  expect(wrapper.findAll('.nav-tabs > li').at(0)
-    .classes('active')).toBeTrue()
+  expect(
+    wrapper
+      .findAll('.nav-link')
+      .at(0)
+      .classes('active')
+  ).toBeTrue()
   expect(wrapper.find('#skin-category').classes('active')).toBeTrue()
 
   wrapper.setData({ category: 'cape' })
-  expect(wrapper.findAll('.nav-tabs > li').at(1)
-    .classes('active')).toBeTrue()
+  expect(
+    wrapper
+      .findAll('.nav-link')
+      .at(1)
+      .classes('active')
+  ).toBeTrue()
   expect(wrapper.find('#cape-category').classes('active')).toBeTrue()
 })
 
diff --git a/resources/assets/tests/views/user/Dashboard.test.ts b/resources/assets/tests/views/user/Dashboard.test.ts
index 2ad2a89a..0d35dc3e 100644
--- a/resources/assets/tests/views/user/Dashboard.test.ts
+++ b/resources/assets/tests/views/user/Dashboard.test.ts
@@ -1,7 +1,6 @@
 /* eslint-disable no-mixed-operators */
 import Vue from 'vue'
 import { mount } from '@vue/test-utils'
-import { Button } from 'element-ui'
 import { flushPromises } from '../../utils'
 import Dashboard from '@/views/user/Dashboard.vue'
 
@@ -98,19 +97,19 @@ test('button `sign` state', async () => {
 
   let wrapper = mount(Dashboard)
   await flushPromises()
-  expect(wrapper.find(Button).attributes('disabled')).toBeNil()
+  expect(wrapper.find('button').attributes('disabled')).toBeNil()
 
   wrapper = mount(Dashboard)
   await flushPromises()
-  expect(wrapper.find(Button).attributes('disabled')).toBe('disabled')
+  expect(wrapper.find('button').attributes('disabled')).toBe('disabled')
 
   wrapper = mount(Dashboard)
   await flushPromises()
-  expect(wrapper.find(Button).attributes('disabled')).toBeNil()
+  expect(wrapper.find('button').attributes('disabled')).toBeNil()
 
   wrapper = mount(Dashboard)
   await flushPromises()
-  expect(wrapper.find(Button).attributes('disabled')).toBe('disabled')
+  expect(wrapper.find('button').attributes('disabled')).toBe('disabled')
 })
 
 test('remaining time', async () => {
@@ -127,13 +126,13 @@ test('remaining time', async () => {
 
   let wrapper = mount(Dashboard)
   await flushPromises()
-  expect(wrapper.find(Button).text()).toMatch(/(29)|(30)/)
-  expect(wrapper.find(Button).text()).toContain('min')
+  expect(wrapper.find('button').text()).toMatch(/(29)|(30)/)
+  expect(wrapper.find('button').text()).toContain('min')
 
   wrapper = mount(Dashboard)
   await flushPromises()
-  expect(wrapper.find(Button).text()).toContain('23')
-  expect(wrapper.find(Button).text()).toContain('hour')
+  expect(wrapper.find('button').text()).toContain('23')
+  expect(wrapper.find('button').text()).toContain('hour')
 
   Vue.prototype.$t = origin
 })
@@ -154,7 +153,7 @@ test('sign', async () => {
       },
     })
   const wrapper = mount(Dashboard)
-  const button = wrapper.find(Button)
+  const button = wrapper.find('button')
   await flushPromises()
 
   button.trigger('click')
@@ -171,7 +170,7 @@ test('sign', async () => {
 test('disable button when signing', () => {
   Vue.prototype.$http.get.mockResolvedValue(scoreInfo())
   const wrapper = mount(Dashboard)
-  const button = wrapper.find(Button)
+  const button = wrapper.find('button')
   expect(button.attributes('disabled')).toBeFalsy()
   wrapper.setData({ signing: true })
   expect(button.attributes('disabled')).toBeTruthy()
diff --git a/resources/assets/tests/views/user/Players.test.ts b/resources/assets/tests/views/user/Players.test.ts
index e45fad63..defdc2a5 100644
--- a/resources/assets/tests/views/user/Players.test.ts
+++ b/resources/assets/tests/views/user/Players.test.ts
@@ -1,6 +1,5 @@
 import Vue from 'vue'
 import { mount } from '@vue/test-utils'
-import { Button } from 'element-ui'
 import { MessageBoxData } from 'element-ui/types/message-box'
 import { flushPromises } from '../../utils'
 import Players from '@/views/user/Players.vue'
@@ -101,7 +100,7 @@ test('change player name', async () => {
     })
   const wrapper = mount(Players)
   await flushPromises()
-  const button = wrapper.findAll(Button).at(0)
+  const button = wrapper.find('.btn-default')
 
   button.trigger('click')
   expect(Vue.prototype.$http.post).not.toBeCalled()
@@ -132,7 +131,7 @@ test('delete player', async () => {
     .mockResolvedValue('confirm')
   const wrapper = mount(Players)
   await flushPromises()
-  const button = wrapper.findAll(Button).at(2)
+  const button = wrapper.findAll('.btn-danger')
 
   button.trigger('click')
   expect(Vue.prototype.$http.post).not.toBeCalled()
diff --git a/resources/views/admin/base.twig b/resources/views/admin/base.twig
index 3b1ea36f..8d4957e9 100644
--- a/resources/views/admin/base.twig
+++ b/resources/views/admin/base.twig
@@ -5,16 +5,27 @@
     <title>{% block title %}{% endblock %} - {{ site_name }}</title>
   </head>
 
-  <body class="hold-transition {{ color_scheme }} sidebar-mini">
+  <body class="hold-transition sidebar-mini">
     <div class="wrapper">
       {{ include('shared.header') }}
       {{ include('shared.sidebar', {scope: 'admin'}) }}
       <div class="content-wrapper">
-        <section class="content-header">
-          <h1>{{ block('title') }}</h1>
-        </section>
+        <div class="content-header">
+          <div class="container-fluid">
+            <div class="d-flex justify-content-between flex-wrap">
+              <div>
+                <h1 class="m-0 text-dark">{{ block('title') }}</h1>
+              </div>
+              <div>
+                <div class="breadcrumb"></div>
+              </div>
+            </div>
+          </div>
+        </div>
         <section class="content">
-          {% block content %}{% endblock %}
+          <div class="container-fluid">
+            {% block content %}{% endblock %}
+          </div>
         </section>
       </div>
       <footer class="main-footer">
diff --git a/resources/views/admin/customize.twig b/resources/views/admin/customize.twig
index 8011ac3d..e73cbb1b 100644
--- a/resources/views/admin/customize.twig
+++ b/resources/views/admin/customize.twig
@@ -5,14 +5,14 @@
 {% block content %}
   <div class="row">
     <div class="col-md-3">
-      <form class="box box-primary" method="post" action="{{ url('/admin/customize?action=color') }}">
+      <form class="card box-primary" method="post" action="{{ url('/admin/customize?action=color') }}">
         {{ csrf_field() }}
-        <div class="box-header with-border">
-          <h3 class="box-title">
+        <div class="card-header">
+          <h3 class="card-title">
             {{ trans('admin.customize.change-color.title') }}
           </h3>
         </div>
-        <div class="box-body no-padding">
+        <div class="card-body p-0">
           <table class="table table-striped bring-up nth-2-center" id="change-color">
             <tbody>
               {% for color in colors %}
@@ -52,10 +52,10 @@
             </tbody>
           </table>
         </div>
-        <div class="box-footer">
+        <div class="card-footer">
           <input
             type="submit"
-            class="el-button el-button--primary"
+            class="btn btn-primary"
             value="{{ trans('general.submit') }}"
             name="submit_color"
           >
diff --git a/resources/views/admin/i18n.twig b/resources/views/admin/i18n.twig
index f07e038e..260a59f3 100644
--- a/resources/views/admin/i18n.twig
+++ b/resources/views/admin/i18n.twig
@@ -7,15 +7,21 @@
     <div class="col-lg-8"><div id="table"></div></div>
     <div class="col-lg-4">
       <form action="{{ url('/admin/i18n') }}" method="post">
-        <div class="box box-primary">
-          <div class="box-header">
-            <h3 class="box-title">{{ trans('admin.i18n.add') }}</h3>
+        <div class="card card-primary">
+          <div class="card-header">
+            <h3 class="card-title">{{ trans('admin.i18n.add') }}</h3>
           </div>
-          <div class="box-body">
+          <div class="card-body p-0">
             {% if errors.any %}
-              <div class="callout callout-danger">{{ errors.first }}</div>
+              <div class="alert alert-danger m-3">
+                <i class="icon fas fa-exclamation-triangle"></i>
+                {{ errors.first }}
+              </div>
             {% elseif session_pull('success') %}
-              <div class="callout callout-success">{{ trans('admin.i18n.added') }}</div>
+              <div class="alert alert-success m-3">
+                <i class="icon fas fa-check"></i>
+                {{ trans('admin.i18n.added') }}
+              </div>
             {% endif %}
             {{ csrf_field() }}
             <table class="table">
@@ -41,11 +47,11 @@
               </tbody>
             </table>
           </div>
-          <div class="box-footer">
+          <div class="card-footer">
             <input
               type="submit"
               value="{{ trans('general.submit') }}"
-              class="el-button el-button--primary"
+              class="btn btn-primary"
             >
           </div>
         </div>
diff --git a/resources/views/admin/index.twig b/resources/views/admin/index.twig
index 440664a5..08cdf8b4 100644
--- a/resources/views/admin/index.twig
+++ b/resources/views/admin/index.twig
@@ -7,7 +7,7 @@
     <div class="col-md-6">
       <div class="row">
         <div class="col-md-6">
-          <div class="small-box bg-aqua">
+          <div class="small-box bg-info">
             <div class="inner">
               <h3>{{ sum.users }}</h3>
               <p>{{ trans('admin.index.total-users') }}</p>
@@ -61,13 +61,13 @@
         </div>
       </div>
 
-      <div class="box">
-        <div class="box-header with-border">
-          <h3 class="box-title">{{ trans('admin.notifications.send.title') }}</h3>
+      <div class="card">
+        <div class="card-header">
+          <h3 class="card-title">{{ trans('admin.notifications.send.title') }}</h3>
         </div>
         <form method="post" action="{{ url('/admin/notifications/send') }}">
           {{ csrf_field() }}
-          <div class="box-body">
+          <div class="card-body">
             {% if errors.any %}
               <div class="callout callout-danger">{{ errors.first }}</div>
             {% endif %}
@@ -113,11 +113,11 @@
               <textarea name="content" class="form-control" rows="3"></textarea>
             </div>
           </div>
-          <div class="box-footer">
+          <div class="card-footer">
             <input
               type="submit"
               value="{{ trans('general.submit') }}"
-              class="el-button el-button--primary"
+              class="btn btn-primary"
             >
           </div>
         </form>
@@ -125,11 +125,11 @@
     </div>
 
     <div class="col-md-6">
-      <div class="box box-primary">
-        <div class="box-header with-border">
-          <h3 class="box-title">{{ trans('admin.index.overview') }}</h3>
+      <div class="card card-primary">
+        <div class="card-header">
+          <h3 class="card-title">{{ trans('admin.index.overview') }}</h3>
         </div>
-        <div class="box-body"><div id="chart"></div></div>
+        <div class="card-body"><div id="chart"></div></div>
       </div>
     </div>
   </div>
diff --git a/resources/views/admin/master.blade.php b/resources/views/admin/master.blade.php
index fe4ffcf3..1fc8bdc8 100644
--- a/resources/views/admin/master.blade.php
+++ b/resources/views/admin/master.blade.php
@@ -6,7 +6,7 @@
     @yield('style')
 </head>
 
-<body class="hold-transition {{ option('color_scheme') }} sidebar-mini">
+<body class="hold-transition sidebar-mini">
     <div class="wrapper">
         @include('shared.header')
         @include('shared.sidebar', ['scope' => 'admin'])
diff --git a/resources/views/admin/status.twig b/resources/views/admin/status.twig
index 8da64aed..6832c441 100644
--- a/resources/views/admin/status.twig
+++ b/resources/views/admin/status.twig
@@ -5,11 +5,11 @@
 {% block content %}
   <div class="row">
     <div class="col-md-6">
-      <div class="box">
-        <div class="box-header">
-          <h3 class="box-title">{{ trans('admin.status.info') }}</h3>
+      <div class="card card-info">
+        <div class="card-header">
+          <h3 class="card-title">{{ trans('admin.status.info') }}</h3>
         </div>
-        <div class="box-body">
+        <div class="card-body">
           <table class="table table-bordered table-striped">
             <tbody>
               {% for category, info in detail %}
diff --git a/resources/views/admin/update.twig b/resources/views/admin/update.twig
index b7d3a049..6b461cbe 100644
--- a/resources/views/admin/update.twig
+++ b/resources/views/admin/update.twig
@@ -5,11 +5,11 @@
 {% block content %}
   <div class="row">
     <div class="col-md-6">
-      <div class="box box-primary">
-        <div class="box-header with-border">
-          <h3 class="box-title">{{ trans('admin.update.info.title') }}</h3>
+      <div class="card card-primary">
+        <div class="card-header">
+          <h3 class="card-title">{{ trans('admin.update.info.title') }}</h3>
         </div>
-        <div class="box-body">
+        <div class="card-body">
           {% if extra.canUpdate %}
           <div class="callout callout-info">
             {{ trans('admin.update.info.available') }}
@@ -53,25 +53,26 @@
             </table>
           {% endif %}
         </div>
-        <div class="box-footer">
+        <div class="card-footer">
           <span id="update-button"></span>
           <a
             target="_blank"
-            class="el-button pull-right"
+            class="btn btn-default float-right"
             href="https://github.com/bs-community/blessing-skin-server/releases"
           >
             {{ trans('admin.update.info.check-github') }}
           </a>
         </div>
       </div>
-
-      <div class="box box-default">
-        <div class="box-header with-border">
-          <h3 class="box-title">
+    </div>
+    <div class="col-md-6">
+      <div class="card card-info">
+        <div class="card-header">
+          <h3 class="card-title">
             {{ trans('admin.update.cautions.title') }}
           </h3>
         </div>
-        <div class="box-body">
+        <div class="card-body">
           {% for text in trans('admin.update.cautions.text')|split('\n') %}
             <p>{{ text }}</p>
           {% endfor %}
diff --git a/resources/views/auth/base.twig b/resources/views/auth/base.twig
index fbd50a88..95af0ef8 100644
--- a/resources/views/auth/base.twig
+++ b/resources/views/auth/base.twig
@@ -11,8 +11,10 @@
         <a href="{{ url('/') }}">{{ site_name }}</a>
       </div>
 
-      <div class="login-box-body">
-        {% block content %}{% endblock %}
+      <div class="card">
+        <div class="card-body login-card-body">
+          {% block content %}{% endblock %}
+        </div>
       </div>
     </div>
 
diff --git a/resources/views/auth/bind.twig b/resources/views/auth/bind.twig
index 4e2e22ee..bdc511cf 100644
--- a/resources/views/auth/bind.twig
+++ b/resources/views/auth/bind.twig
@@ -6,29 +6,31 @@
   <p class="login-box-msg">{{ trans('auth.bind.message') }}</p>
   <form method="post" id="login-form" action="{{ url('/auth/bind') }}">
     {{ csrf_field() }}
-    <div class="form-group has-feedback">
+    <div class="input-group mb-3">
       <input
         name="email"
         type="email"
         class="form-control"
         placeholder="{{ trans('auth.email') }}"
       >
-      <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
+      <div class="input-group-append">
+        <div class="input-group-text">
+          <span class="fas fa-envelope" />
+        </div>
+      </div>
     </div>
 
     <p>{{ trans('auth.bind.introduction') }}</p>
 
     {% if errors.any %}
-      <div id="msg" class="callout callout-warning">{{ errors.first }}</div>
+      <div class="alert alert-warning">
+        <i class="icon fas fa-exclamation-triangle" />
+        {{ errors.first }}
+      </div>
     {% endif %}
 
-    <div class="row">
-      <div class="col-xs-8"></div>
-      <div class="col-xs-4">
-        <button type="submit" class="btn btn-primary btn-block btn-flat">
-          {{ trans('auth.bind.button') }}
-        </button>
-      </div>
-    </div>
+    <button type="submit" class="btn btn-primary btn-block mt-3">
+      {{ trans('auth.bind.button') }}
+    </button>
   </form>
 {% endblock %}
diff --git a/resources/views/auth/forgot.twig b/resources/views/auth/forgot.twig
index 20a6e911..6bddb4db 100644
--- a/resources/views/auth/forgot.twig
+++ b/resources/views/auth/forgot.twig
@@ -5,7 +5,9 @@
 {% block content %}
   <p class="login-box-msg">{{ trans('auth.forgot.message') }}</p>
   {% if session_has('msg') %}
-    <div class="callout callout-warning">{{ session_pull('msg') }}</div>
+    <div class="alert alert-warning">
+      {{ session_pull('msg') }}
+    </div>
   {% endif %}
   <form></form>
 {% endblock %}
diff --git a/resources/views/auth/login.twig b/resources/views/auth/login.twig
index 6d25eab4..37cabce5 100644
--- a/resources/views/auth/login.twig
+++ b/resources/views/auth/login.twig
@@ -5,13 +5,13 @@
 {% block content %}
   <p class="login-box-msg">{{ trans('auth.login.message') }}</p>
   {% if session_has('msg') %}
-    <div class="callout callout-warning">{{ session_pull('msg') }}</div>
+    <div class="alert alert-warning">
+      {{ session_pull('msg') }}
+    </div>
   {% endif %}
   <form></form>
   <br>
-  <a href="{{ url('auth/register') }}" class="pull-left" style="margin-top: -10px;">
-    {{ trans('auth.register-link') }}
-  </a>
+  <a href="{{ url('auth/register') }}">{{ trans('auth.register-link') }}</a>
 {% endblock %}
 
 {% block before_foot %}
diff --git a/resources/views/auth/verify.twig b/resources/views/auth/verify.twig
index 9fec0554..7c41d9ff 100644
--- a/resources/views/auth/verify.twig
+++ b/resources/views/auth/verify.twig
@@ -6,14 +6,10 @@
   <p class="login-box-msg">
     {{ trans('auth.verify.message', {sitename: site_name}) }}
   </p>
-  <div class="callout callout-success">
+  <div class="alert alert-success mb-5">
     <i class="icon fa fa-check"></i> {{ trans('auth.verify.success') }}
   </div>
-  <div class="row">
-    <div class="col-xs-6 pull-right">
-      <a href="{{ url('/') }}" class="btn btn-primary btn-block btn-flat">
-        {{ trans('auth.verify.button') }}
-      </a>
-    </div>
-  </div>
+  <a href="{{ url('/') }}" class="btn btn-primary btn-block">
+    {{ trans('auth.verify.button') }}
+  </a>
 {% endblock %}
diff --git a/resources/views/common/option-form/addon.blade.php b/resources/views/common/option-form/addon.blade.php
deleted file mode 100644
index 0798401e..00000000
--- a/resources/views/common/option-form/addon.blade.php
+++ /dev/null
@@ -1 +0,0 @@
-<span class="input-group-addon">{{ $value }}</span>
diff --git a/resources/views/common/option-form/addon.twig b/resources/views/common/option-form/addon.twig
new file mode 100644
index 00000000..111033d2
--- /dev/null
+++ b/resources/views/common/option-form/addon.twig
@@ -0,0 +1,3 @@
+<div class="input-group-append">
+  <span class="input-group-text">{{ value }}</span>
+</div>
diff --git a/resources/views/common/option-form/main.blade.php b/resources/views/common/option-form/main.blade.php
index e30cfe5a..c0adeed6 100644
--- a/resources/views/common/option-form/main.blade.php
+++ b/resources/views/common/option-form/main.blade.php
@@ -1,11 +1,11 @@
-<div class="box box-{{ $type }}">
-    <div class="box-header with-border">
-        <h3 class="box-title">{{ $title }} {!! $hint ?? '' !!}</h3>
-    </div><!-- /.box-header -->
+<div class="card card-{{ $type }}">
+    <div class="card-header">
+        <h3 class="card-title">{{ $title }} {!! $hint ?? '' !!}</h3>
+    </div>
     <form method="post">
         @csrf
         <input type="hidden" name="option" value="{{ $id }}">
-        <div class="box-body">
+        <div class="card-body">
 
             @foreach($messages as $msg)
             {!! $msg !!}
@@ -31,8 +31,8 @@
             </table>
             @endif
 
-        </div><!-- /.box-body -->
-        <div class="box-footer">
+        </div>
+        <div class="card-footer">
             @foreach($buttons as $button)
             {!! $button !!}
             @endforeach
diff --git a/resources/views/home.twig b/resources/views/home.twig
index f71b4d9d..e2428cf8 100644
--- a/resources/views/home.twig
+++ b/resources/views/home.twig
@@ -10,69 +10,46 @@
         {% else %}
           background-image: url('{{ home_pic_url }}');
         {% endif %}
-        height: 100vh;
       }
-
-      {% if hide_intro %}
-        #copyright {
-          color: white;
-          position: fixed;
-          bottom: 0;
-          width: 100%;
-          padding: 0 50px 16px 50px;
-        }
-      {% else %}
-        #copyright {
-          background: #222;
-          padding: 16px 0 20px;
-          color: white;
-        }
-      {% endif %}
     </style>
   </head>
 
-  <body class="hold-transition {{ color_scheme }} layout-top-nav">
+  <body class="hold-transition layout-top-nav">
     <div class="hp-wrapper">
       {% if fixed_bg %}
         <div id="fixed-bg" style="background-image: url('{{ home_pic_url }}')"></div>
       {% endif %}
 
-      <header class="main-header {{ transparent_navbar ? 'transparent' }}">
-        <nav class="navbar navbar-fixed-top">
-          <div class="container">
-            <div class="navbar-header">
-              <a href="{{ url('/') }}" class="navbar-brand">{{ site_name }}</a>
-            </div>
-
-            <div class="collapse navbar-collapse pull-left" id="navbar-collapse">
-              <ul class="nav navbar-nav">
-                <li class="active">
-                  <a href="{{ url('/') }}">{{ trans('general.index') }}</a>
-                </li>
-                <li>
-                  <a href="{{ url('skinlib') }}">{{ trans('general.skinlib') }}</a>
-                </li>
-              </ul>
-            </div>
-
-            <div class="navbar-custom-menu">
-              <ul class="nav navbar-nav">
-                {{ include('shared.languages') }}
-
-                {% if auth_check() %}
-                  {{ include('shared.user-menu') }}
-                {% else %}
-                  <li class="dropdown user user-menu">
-                    <a href="{{ url('auth/login') }}" class="btn btn-login">
-                      {{ trans('general.login') }}
-                    </a>
-                  </li>
-                {% endif %}
-              </ul>
-            </div>
+      <nav class="navbar navbar-expand fixed-top navbar-light navbar-white
+        ml-0 {{ transparent_navbar ? 'transparent' }}"
+      >
+        <div class="container">
+          <div class="navbar-header">
+            <a href="{{ url('/') }}" class="navbar-brand">{{ site_name }}</a>
           </div>
-        </nav>
-      </header>
+
+          <div class="navbar-custom-menu">
+            <ul class="nav navbar-nav">
+              <li class="nav-item">
+                <a class="nav-link" href="{{ url('skinlib') }}">{{ trans('general.skinlib') }}</a>
+              </li>
+
+              {{ include('shared.languages') }}
+
+              {% if auth_check() %}
+                {{ include('shared.user-menu') }}
+              {% else %}
+                <li class="nav-item">
+                  <a class="nav-link" href="{{ url('auth/login') }}">
+                    <i class="icon fas fa-sign-in-alt"></i>
+                    {{ trans('general.login') }}
+                  </a>
+                </li>
+              {% endif %}
+            </ul>
+          </div>
+        </div>
+      </nav>
 
       <div class="container">
         <div class="splash">
@@ -87,11 +64,11 @@
               </a>
             {% else %}
               {% if user_can_register %}
-                <a href="{{ url('auth/register') }}" id="btn-register" class="button">
+                <a href="{{ url('auth/register') }}" class="button">
                   {{ trans('general.register') }}
                 </a>
               {% else %}
-                <a href="{{ url('auth/login') }}" id="btn-close-register" class="button">
+                <a href="{{ url('auth/login') }}" class="button">
                   {{ trans('general.login') }}
                 </a>
               {% endif %}
@@ -101,7 +78,7 @@
       </div>
 
       {% if hide_intro %}
-        <div id="copyright">
+        <div id="copyright" class="without-intro">
           <div class="container">
             {{ include('shared.copyright') }}
           </div>
@@ -112,34 +89,36 @@
     {% if not hide_intro %}
       <div id="intro">
         <div class="container">
-          <div class="row text-center">
+          <div class="text-center">
             <h1>{{ trans('index.features.title') }}</h1>
             <br>
             <br>
-            {% for item in ['first', 'second', 'third'] %}
-              <div class="col-lg-4">
-                <i class="fas {{ trans("index.features.#{item}.icon") }}" aria-hidden="true"></i>
-                <h3>{{ trans("index.features.#{item}.name") }}</h3>
-                <p>{{ trans("index.features.#{item}.desc") }}</p>
-              </div>
-            {% endfor %}
+            <div class="container d-flex">
+              {% for item in ['first', 'second', 'third'] %}
+                <div class="col-lg-4">
+                  <i class="fas {{ trans("index.features.#{item}.icon") }} mb-3" aria-hidden="true"></i>
+                  <h3>{{ trans("index.features.#{item}.name") }}</h3>
+                  <p>{{ trans("index.features.#{item}.desc") }}</p>
+                </div>
+              {% endfor %}
+            </div>
           </div>
           <br>
         </div>
       </div>
       <div id="footerwrap">
-        <div class="container">
+        <div class="container d-flex">
           <div class="col-lg-6">
             {{ trans('index.introduction', {sitename: site_name}) }}
           </div>
           <div class="col-lg-6">
-            <a href="{{ url('auth/register') }}" id="btn-register" class="button">
+            <a href="{{ url('auth/register') }}" class="button">
               {{ trans('index.start') }}
             </a>
           </div>
         </div>
       </div>
-      <div id="copyright">
+      <div id="copyright" class="with-intro">
         <div class="container">
           {{ include('shared.copyright') }}
         </div>
diff --git a/resources/views/shared/copyright.twig b/resources/views/shared/copyright.twig
index 982ccfc1..a8b4e4ec 100644
--- a/resources/views/shared/copyright.twig
+++ b/resources/views/shared/copyright.twig
@@ -1,7 +1,7 @@
 {% set repo = 'https://github.com/bs-community/blessing-skin-server' %}
 
 <!-- YOU CAN NOT MODIFIY THE COPYRIGHT TEXT W/O PERMISSION -->
-<div id="copyright-text" class="pull-right hidden-xs">
+<div id="copyright-text" class="float-right d-none d-sm-inline">
   {% if copyright == 0 %}
     Powered with ❤ by <a href="{{ repo }}">Blessing Skin Server</a>.
   {% elseif copyright == 1 %}
@@ -15,5 +15,4 @@
   {% endif %}
 </div>
 
-<!-- Default to the left -->
 {{ custom_copyright|raw }}
diff --git a/resources/views/shared/header.twig b/resources/views/shared/header.twig
index c13d7461..6b093399 100644
--- a/resources/views/shared/header.twig
+++ b/resources/views/shared/header.twig
@@ -1,26 +1,15 @@
-<header class="main-header">
-  <!-- Logo -->
-  <a href="{{ url('/') }}" class="logo">
-    <!-- mini logo for sidebar mini 50x50 pixels -->
-    <span class="logo-mini"> <i class="fas fa-bookmark"></i> </span>
-    <!-- logo for regular state and mobile devices -->
-    <span class="logo-lg">{{ site_name }}</span>
-  </a>
+<nav class="main-header navbar navbar-expand navbar-white navbar-light">
+  <ul class="navbar-nav">
+    <li class="nav-item">
+      <a class="nav-link" data-widget="pushmenu" href="#">
+        <i class="fas fa-bars"></i>
+      </a>
+    </li>
+  </ul>
 
-  <!-- Header Navbar -->
-  <nav class="navbar navbar-static-top" role="navigation">
-    <!-- Sidebar toggle button-->
-    <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
-      <i class="fas fa-bars"></i>
-      <span class="sr-only">Toggle navigation</span>
-    </a>
-    <!-- Navbar Right Menu -->
-    <div class="navbar-custom-menu">
-      <ul class="nav navbar-nav">
-        {{ include('shared.notifications') }}
-        {{ include('shared.languages') }}
-        {{ include('shared.user-menu') }}
-      </ul>
-    </div>
-  </nav>
-</header>
+  <ul class="navbar-nav ml-auto">
+    {{ include('shared.notifications') }}
+    {{ include('shared.languages') }}
+    {{ include('shared.user-menu') }}
+  </ul>
+</nav>
diff --git a/resources/views/shared/languages.twig b/resources/views/shared/languages.twig
index 83ffd301..d2d3bb98 100644
--- a/resources/views/shared/languages.twig
+++ b/resources/views/shared/languages.twig
@@ -1,14 +1,14 @@
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+<li class="nav-item dropdown">
+  <a class="nav-link" data-toggle="dropdown" href="#">
     <i class="fas fa-language" aria-hidden="true"></i>
-    <span class="description-text">{{ current }}</span>
-    <span class="caret"></span>
+    <span class="d-none d-sm-inline">{{ current }}</span>
   </a>
-  <ul class="dropdown-menu" role="menu" id="language-menu">
+  <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
     {% for lang in langs %}
-      <li class="locale">
-        <a href="{{ lang.url }}">{{ lang.name }}</a>
-      </li>
+      <a href="{{ lang.url }}" class="dropdown-item locale">
+        {{ lang.name }}
+      </a>
+      <div class="dropdown-divider"></div>
     {% endfor %}
-  </ul>
+  </div>
 </li>
diff --git a/resources/views/shared/notifications.twig b/resources/views/shared/notifications.twig
index 12fc4d61..0442d031 100644
--- a/resources/views/shared/notifications.twig
+++ b/resources/views/shared/notifications.twig
@@ -1,25 +1,24 @@
-<li class="dropdown notifications-menu">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-    <i class="fas fa-bell"></i>
+<li class="nav-item dropdown">
+  <a class="nav-link" data-toggle="dropdown" href="#">
+    <i class="far fa-bell"></i>
     {% if amount > 0 %}
-      <span class="label label-warning notifications-counter">{{ amount }}</span>
+      <span class="badge badge-warning navbar-badge notifications-counter">
+        {{ amount }}
+      </span>
     {% endif %}
   </a>
-  <ul class="dropdown-menu">
+  <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
     {% if amount == 0 %}
-      <li class="header text-center">{{ trans('user.no-unread') }}</li>
+      <p class="text-center text-muted pt-2 pb-2">{{ trans('user.no-unread') }}</p>
     {% else %}
-      <li>
-        <ul class="menu notifications-list">
-          {% for notification in notifications %}
-            <li>
-              <a href="#" data-nid="{{ notification.id }}">
-                <i class="far fa-circle text-aqua"></i> {{ notification.data.title }}
-              </a>
-            </li>
-          {% endfor %}
-        </ul>
-      </li>
+      <div class="notifications-list">
+        {% for notification in notifications %}
+          <a href="#" class="dropdown-item" data-nid="{{ notification.id }}">
+            <i class="far fa-circle text-info"></i> {{ notification.data.title }}
+          </a>
+          <div class="dropdown-divider"></div>
+        {% endfor %}
+      </div>
     {% endif %}
-  </ul>
+  </div>
 </li>
diff --git a/resources/views/shared/side-menu-item.twig b/resources/views/shared/side-menu-item.twig
index 8a95fd66..6ed5fc97 100644
--- a/resources/views/shared/side-menu-item.twig
+++ b/resources/views/shared/side-menu-item.twig
@@ -1,13 +1,11 @@
-<li class="{{ item.classes|join(' ') }}">
+<li class="nav-item {{ item.classes|join(' ') }}">
   {% if item.children %}
-    <a href="#">
-      <i class="fas {{ item.icon }}"></i> &nbsp;
-      <span>{{ trans(item.title) }}</span>
-      <span class="pull-right-container">
-        <i class="fas fa-angle-left pull-right"></i>
-      </span>
+    <a class="nav-link" href="#">
+      <i class="nav-icon fas {{ item.icon }}"></i>
+      <p>{{ trans(item.title) }}</p>
+      <i class="right fas fa-angle-left"></i>
     </a>
-    <ul class="treeview-menu">
+    <ul class="nav nav-treeview">
       {% for child in item.children %}
         {{ include('shared.side-menu-item', {item: child}) }}
       {% endfor %}
@@ -15,13 +13,14 @@
   {% else %}
     <a
       href="{{ url(item.link) }}"
+      class="nav-link"
       {% if attribute(item, 'new-tab') %}
         target="_blank"
         rel="noopener noreferrer"
       {% endif %}
     >
-      <i class="{{ item.icon == 'fa-circle' ? 'far' : 'fas' }} {{ item.icon }}"></i>
-      &nbsp;<span>{{ trans(item.title) }}</span>
+      <i class="nav-icon {{ item.icon == 'fa-circle' ? 'far' : 'fas' }} {{ item.icon }}"></i>
+      &nbsp;<p>{{ trans(item.title) }}</p>
     </a>
   {% endif %}
 </li>
diff --git a/resources/views/shared/sidebar.twig b/resources/views/shared/sidebar.twig
index 3895eccd..5b606c1f 100644
--- a/resources/views/shared/sidebar.twig
+++ b/resources/views/shared/sidebar.twig
@@ -1,44 +1,53 @@
-<aside class="main-sidebar">
-  <section class="sidebar">
+<aside class="main-sidebar sidebar-dark-primary elevation-3">
+  <a href="{{ url('/') }}" class="brand-link text-center">
+    <span class="brand-text font-weight-light">{{ site_name }}</span>
+  </a>
+  <div class="sidebar">
     {{ include('shared.user-panel') }}
-    <ul class="sidebar-menu tree" data-widget="tree">
+    <nav class="mt-2">
+      <ul
+        class="nav nav-pills nav-sidebar flex-column nav-child-indent"
+        data-widget="treeview"
+        role="menu"
+      >
 
-      {% if scope == 'user' %}
+        {% if scope == 'user' %}
 
-        <li class="header">{{ trans('general.user-center') }}</li>
-        {{ include('shared.side-menu', {type: 'user'}) }}
-        <li class="header">{{ trans('general.explore') }}</li>
-        {{ include('shared.side-menu', {type: 'explore'}) }}
-        {% if auth_user().admin %}
-          <li class="header">{{ trans('general.manage') }}</li>
-          <li>
-            <a href="{{ url('admin') }}">
-              <i class="fas fa-cog"></i> &nbsp;
-              <span>{{ trans('general.admin-panel') }}</span>
+          <li class="nav-header">{{ trans('general.user-center') }}</li>
+          {{ include('shared.side-menu', {type: 'user'}) }}
+          <li class="nav-header">{{ trans('general.explore') }}</li>
+          {{ include('shared.side-menu', {type: 'explore'}) }}
+          {% if auth_user().admin %}
+            <li class="nav-header">{{ trans('general.manage') }}</li>
+            <li class="nav-item">
+              <a class="nav-link" href="{{ url('admin') }}">
+                <i class="nav-icon fas fa-cog"></i>
+                <p>{{ trans('general.admin-panel') }}</p>
+              </a>
+            </li>
+          {% endif %}
+
+        {% elseif scope == 'admin' %}
+
+          <li class="nav-header">{{ trans('general.admin-panel') }}</li>
+          {{ include('shared.side-menu', {type: 'admin'}) }}
+          <li class="nav-header">{{ trans('general.back') }}</li>
+          <li class="nav-item">
+            <a class="nav-link" href="{{ url('user') }}">
+              <i class="nav-icon fas fa-user"></i> &nbsp;
+              <p>{{ trans('general.user-center') }}</p>
             </a>
           </li>
+          <li class="nav-item">
+            <a class="nav-link" href="{{ url('skinlib') }}">
+              <i class="nav-icon fas fa-archive"></i> &nbsp;
+              <p>{{ trans('general.skinlib') }}</p>
+            </a>
+          </li>
+
         {% endif %}
 
-      {% elseif scope == 'admin' %}
-
-        <li class="header">{{ trans('general.admin-panel') }}</li>
-        {{ include('shared.side-menu', {type: 'admin'}) }}
-        <li class="header">{{ trans('general.back') }}</li>
-        <li>
-          <a href="{{ url('user') }}">
-            <i class="fas fa-user"></i> &nbsp;
-            <span>{{ trans('general.user-center') }}</span>
-          </a>
-        </li>
-        <li>
-          <a href="{{ url('skinlib') }}">
-            <i class="fas fa-archive"></i> &nbsp;
-            <span>{{ trans('general.skinlib') }}</span>
-          </a>
-        </li>
-
-      {% endif %}
-
-    </ul>
-  </section>
+      </ul>
+    </nav>
+  </div>
 </aside>
diff --git a/resources/views/shared/user-menu.twig b/resources/views/shared/user-menu.twig
index 749b05f8..73f943da 100644
--- a/resources/views/shared/user-menu.twig
+++ b/resources/views/shared/user-menu.twig
@@ -1,47 +1,31 @@
-<li class="dropdown user user-menu">
-  <!-- Menu Toggle Button -->
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-    {% if tiny_avatar %}
-      <img src="{{ tiny_avatar }}" class="user-image" alt="User Image">
-    {% else %}
-      <i class="fas fa-user"></i>
-    {% endif %}
-    <!-- hidden-xs hides the username on small devices so only the image appears. -->
-    <span class="hidden-xs nickname">{{ user.nickname ?? user.email }}</span>
+<li class="nav-item dropdown user-menu">
+  <a href="#" class="nav-link" data-toggle="dropdown">
+    <img src="{{ avatar }}" class="user-image img-circle elevation-2" alt="User Image">
+    <span class="d-none d-md-inline d-sm-block">{{ user.nickname ?? user.email }}</span>
   </a>
 
-  <ul class="dropdown-menu">
-    <li class="user-header">
-      <img src="{{ avatar }}" alt="User Image">
-      <p>{{ user.email }}</p>
-    </li>
+  <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
+    <a class="dropdown-item" href="{{ url('user') }}">
+      {{ trans('general.user-center') }}
+    </a>
+    <a class="dropdown-item" href="{{ url('user/profile') }}">
+      {{ trans('general.profile') }}
+    </a>
+    <div class="dropdown-divider"></div>
     {% if user.admin %}
-      <li class="user-body">
-        <div class="row">
-          <div class="col-xs-4 text-center">
-            <a href="{{ url('admin') }}">{{ trans('general.admin-panel') }}</a>
-          </div>
-          <div class="col-xs-4 text-center">
-            <a href="{{ url('admin/users') }}">{{ trans('general.user-manage') }}</a>
-          </div>
-          <div class="col-xs-4 text-center">
-            <a href="{{ url('admin/options') }}">{{ trans('general.options') }}</a>
-          </div>
-        </div>
-      </li>
+      <a class="dropdown-item" href="{{ url('admin') }}">
+        {{ trans('general.admin-panel') }}
+      </a>
+      <a class="dropdown-item" href="{{ url('admin/users') }}">
+        {{ trans('general.user-manage') }}
+      </a>
+      <a class="dropdown-item" href="{{ url('admin/reports') }}">
+        {{ trans('general.report-manage') }}
+      </a>
+      <div class="dropdown-divider"></div>
     {% endif %}
-    <!-- Menu Footer-->
-    <li class="user-footer">
-      <div class="pull-left">
-        <a href="{{ url('user') }}" class="btn btn-default btn-flat">
-          {{ trans('general.user-center') }}
-        </a>
-      </div>
-      <div class="pull-right">
-        <button id="logout-button" class="btn btn-default btn-flat">
-          {{ trans('general.logout') }}
-        </button>
-      </div>
-    </li>
-  </ul>
+    <a class="dropdown-item" href="#" id="logout-button">
+      {{ trans('general.logout') }}
+    </a>
+  </div>
 </li>
diff --git a/resources/views/shared/user-panel.twig b/resources/views/shared/user-panel.twig
index 1ddb3aa4..57da09bf 100644
--- a/resources/views/shared/user-panel.twig
+++ b/resources/views/shared/user-panel.twig
@@ -1,20 +1,16 @@
-<div class="user-panel">
-  <div class="pull-left image">
-    <img src="{{ avatar }}" alt="User Image">
+<div class="user-panel mt-3 mb-3 {{ badges|length > 0 ? 'pb-2' }}">
+  <div class="d-flex">
+    <div class="image">
+      <img src="{{ avatar }}" class="img-circle elevation-2" alt="User Image">
+    </div>
+    <div class="info">
+      <a class="d-block">{{ user.nickname ?? user.email }}</a>
+    </div>
   </div>
-  <div class="pull-left info">
-    <p class="nickname">{{ user.nickname ?? user.email }}</p>
-    <i class="fas fa-circle text-success"></i> {{ role }}
-    {% if badges|length == 1 %}
-      <small class="label bg-{{ badges[0][1] }}">{{ badges[0][0] }}</small>
-    {% endif %}
-  </div>
-</div>
 
-{% if badges|length > 1 %}
-  <div class="user-panel" style="padding-top: 0">
+  <div class="mt-3 ml-2 mr-2 d-flex justify-content-between flex-wrap">
     {% for badge in badges %}
-      <small class="label bg-{{ badge[1] }}">{{ badge[0] }}</small>
+      <span class="badge bg-{{ badge[1] }} mb-1">{{ badge[0] }}</span>
     {% endfor %}
   </div>
-{% endif %}
+</div>
diff --git a/resources/views/skinlib/base.twig b/resources/views/skinlib/base.twig
index ae01cd41..06914e67 100644
--- a/resources/views/skinlib/base.twig
+++ b/resources/views/skinlib/base.twig
@@ -5,71 +5,61 @@
     <title>{% block title %}{% endblock %} - {{ site_name }}</title>
   </head>
 
-  <body class="hold-transition {{ color_scheme }} layout-top-nav">
+  <body class="hold-transition layout-top-nav">
     <div class="wrapper">
-      <header class="main-header">
-        <nav class="navbar navbar-static-top">
-          <div class="container">
-            <div class="navbar-header">
-              <a href="{{ url('/') }}" class="navbar-brand">{{ site_name }}</a>
-              <button
-                type="button"
-                class="navbar-toggle collapsed"
-                data-toggle="collapse"
-                data-target="#navbar-collapse"
-              >
-                <i class="fas fa-bars"></i>
-              </button>
-            </div>
-
-            <!-- Collect the nav links, forms, and other content for toggling -->
-            <div class="collapse navbar-collapse pull-left" id="navbar-collapse">
-              <ul class="nav navbar-nav">
-                <li class="active">
-                  <a href="{{ url('skinlib') }}">{{ trans('general.skinlib') }}</a>
-                </li>
-                {% if auth_check() %}
-                  <li>
-                    <a href="{{ url('user/closet') }}">
-                      {{ trans('general.my-closet') }}
-                    </a>
-                  </li>
-                {% endif %}
-              </ul>
-            </div>
-
-            <!-- Navbar Right Menu -->
-            <div class="navbar-custom-menu">
-              <ul class="nav navbar-nav">
-                {% if auth_check() %}
-                  <li>
-                    <a href="{{ url('skinlib/upload') }}">
-                      <i class="fas fa-upload" aria-hidden="true"></i>&nbsp;
-                      <span class="description-text">
-                        {{ trans('skinlib.general.upload-new-skin') }}
-                      </span>
-                    </a>
-                  </li>
-                  {{ include('shared.notifications') }}
-                {% endif %}
-                {{ include('shared.languages') }}
-                {% if auth_check() %}
-                  {{ include('shared.user-menu') }}
-                {% else %}
-                  <li class="dropdown user user-menu">
-                    <a href="{{ url('auth/login') }}">
-                      <i class="fas fa-user"></i>
-                      <span class="hidden-xs nickname">
-                        {{ trans('general.anonymous') }}
-                      </span>
-                    </a>
-                  </li>
-                {% endif %}
-              </ul>
-            </div>
+      <nav class="navbar navbar-expand navbar-light navbar-white ml-0">
+        <div class="container">
+          <div class="navbar-header">
+            <a href="{{ url('/') }}" class="navbar-brand">{{ site_name }}</a>
           </div>
-        </nav>
-      </header>
+
+          <div class="collapse navbar-collapse">
+            <ul class="nav navbar-nav">
+              <li class="nav-item active">
+                <a class="nav-link" href="{{ url('skinlib') }}">
+                  {{ trans('general.skinlib') }}
+                </a>
+              </li>
+              {% if auth_check() %}
+                <li class="nav-item">
+                  <a class="nav-link" href="{{ url('user/closet') }}">
+                    {{ trans('general.my-closet') }}
+                  </a>
+                </li>
+              {% endif %}
+            </ul>
+          </div>
+
+          <div class="navbar-custom-menu">
+            <ul class="nav navbar-nav">
+              {% if auth_check() %}
+                <li class="nav-item">
+                  <a class="nav-link" href="{{ url('skinlib/upload') }}">
+                    <i class="fas fa-upload" aria-hidden="true"></i>&nbsp;
+                    <span class="d-none d-sm-inline">
+                      {{ trans('skinlib.general.upload-new-skin') }}
+                    </span>
+                  </a>
+                </li>
+                {{ include('shared.notifications') }}
+              {% endif %}
+              {{ include('shared.languages') }}
+              {% if auth_check() %}
+                {{ include('shared.user-menu') }}
+              {% else %}
+                <li class="nav-item">
+                  <a class="nav-link" href="{{ url('auth/login') }}">
+                    <i class="fas fa-user"></i>
+                    <span class="d-none d-sm-inline">
+                      {{ trans('general.anonymous') }}
+                    </span>
+                  </a>
+                </li>
+              {% endif %}
+            </ul>
+          </div>
+        </div>
+      </nav>
 
       {% block content %}{% endblock %}
 
diff --git a/resources/views/skinlib/show.twig b/resources/views/skinlib/show.twig
index 9d4ca7e2..bd3da183 100644
--- a/resources/views/skinlib/show.twig
+++ b/resources/views/skinlib/show.twig
@@ -5,27 +5,36 @@
 {% block content %}
   <div class="content-wrapper">
     <div class="container">
-      <section class="content-header">
-        <h1>{{ trans('skinlib.show.title') }}</h1>
-      </section>
+      <div class="content-header">
+        <div class="container-fluid">
+          <div class="d-flex justify-content-between flex-wrap">
+            <div>
+              <h1 class="m-0 text-dark">{{ trans('skinlib.show.title') }}</h1>
+            </div>
+            <div>
+              <div class="breadcrumb"></div>
+            </div>
+          </div>
+        </div>
+      </div>
 
       <section class="content">
-        <div class="row"></div>
+        <div class="container-fluid">
+          <div class="row"></div>
 
-        {% if comment_script %}
-          <div class="row">
-            <div class="col-md-12">
-              <div class="box box-default">
-                <div class="box-header with-border">
-                  <h3 class="box-title">{{ trans('skinlib.show.comment') }}</h3>
+          {% if comment_script %}
+            <div class="container-fluid p-0">
+              <div class="card">
+                <div class="card-header">
+                  <h3 class="card-title">{{ trans('skinlib.show.comment') }}</h3>
                 </div>
-                <div class="box-body">
+                <div class="card-body">
                   {{ comment_script|raw }}
                 </div>
               </div>
             </div>
-          </div>
-        {% endif %}
+          {% endif %}
+        </div>
       </section>
     </div>
   </div>
diff --git a/resources/views/skinlib/upload.twig b/resources/views/skinlib/upload.twig
index c92d10d7..7debf3ad 100644
--- a/resources/views/skinlib/upload.twig
+++ b/resources/views/skinlib/upload.twig
@@ -5,10 +5,21 @@
 {% block content %}
   <div class="content-wrapper">
     <div class="container">
-      <section class="content-header">
-        <h1>{{ block('title') }}</h1>
+      <div class="content-header">
+        <div class="container-fluid">
+          <div class="d-flex justify-content-between flex-wrap">
+            <div>
+              <h1 class="m-0 text-dark">{{ block('title') }}</h1>
+            </div>
+            <div>
+              <div class="breadcrumb"></div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <section class="content">
+        <div class="container-fluid"></div>
       </section>
-      <section class="content"></section>
     </div>
   </div>
 {% endblock %}
diff --git a/resources/views/user/base.twig b/resources/views/user/base.twig
index 0924b000..39f01840 100644
--- a/resources/views/user/base.twig
+++ b/resources/views/user/base.twig
@@ -5,16 +5,27 @@
     <title>{% block title %}{% endblock %} - {{ site_name }}</title>
   </head>
 
-  <body class="hold-transition {{ color_scheme }} sidebar-mini">
+  <body class="hold-transition sidebar-mini">
     <div class="wrapper">
       {{ include('shared.header') }}
       {{ include('shared.sidebar', {scope: 'user'}) }}
       <div class="content-wrapper">
-        <section class="content-header">
-          <h1>{{ block('title') }}</h1>
-        </section>
+        <div class="content-header">
+          <div class="container-fluid">
+            <div class="d-flex justify-content-between flex-wrap">
+              <div>
+                <h1 class="m-0 text-dark">{{ block('title') }}</h1>
+              </div>
+              <div>
+                <div class="breadcrumb"></div>
+              </div>
+            </div>
+          </div>
+        </div>
         <section class="content">
-          {% block content %}{% endblock %}
+          <div class="container-fluid">
+            {% block content %}{% endblock %}
+          </div>
         </section>
       </div>
       <footer class="main-footer">
diff --git a/resources/views/user/bind.twig b/resources/views/user/bind.twig
index 15679e1c..b023e9ca 100644
--- a/resources/views/user/bind.twig
+++ b/resources/views/user/bind.twig
@@ -3,6 +3,8 @@
 {% block title %}{{ trans('user.player.bind.title') }}{% endblock %}
 
 {% block content %}
-  <p class="login-box-msg">{{ trans('user.player.bind.title') }}</p>
+  <p class="login-box-msg">
+    <b>{{ trans('user.player.bind.title') }}</b>
+  </p>
   <form></form>
 {% endblock %}
diff --git a/resources/views/user/index.twig b/resources/views/user/index.twig
index 72d9dd48..507eefc7 100644
--- a/resources/views/user/index.twig
+++ b/resources/views/user/index.twig
@@ -5,24 +5,25 @@
 {% block content %}
   <div class="row">
     <div class="col-md-7">
-      <div class="box" id="usage-box">
-        <div class="box-header with-border"></div>
-        <div class="box-body"></div>
-        <div class="box-footer"></div>
+      <div class="card" id="usage-box">
+        <div class="card-header"></div>
+        <div class="card-body"></div>
+        <div class="card-footer"></div>
       </div>
     </div>
 
     <div class="col-md-5">
-      <div class="box box-primary">
-        <div class="box-header with-border">
-          <h3 class="box-title">{{ trans('user.announcement') }}</h3>
+      <div class="card card-primary card-outline">
+        <div class="card-header">
+          <h3 class="card-title">{{ trans('user.announcement') }}</h3>
           {% if auth_user().admin %}
+            &nbsp;
             <a href="{{ url('/admin/options') }}">
               <i class="fas fa-edit"></i>
             </a>
           {% endif %}
         </div>
-        <div class="box-body">
+        <div class="card-body">
           {{ announcement|raw }}
         </div>
       </div>
@@ -32,13 +33,13 @@
 
 {% block before_foot %}
   <div id="modal-score-instruction" class="modal fade" tabindex="-1" role="dialog">
-    <div class="modal-dialog">
+    <div class="modal-dialog modal-lg">
       <div class="modal-content">
         <div class="modal-header">
+          <h4 class="modal-title">{{ trans('user.score-intro.title') }}</h4>
           <button type="button" class="close" data-dismiss="modal" aria-label="Close">
             <span aria-hidden="true">&times;</span>
           </button>
-          <h4 class="modal-title">{{ trans('user.score-intro.title') }}</h4>
         </div>
         <div class="modal-body">
           {{ score_intro|nl2br }}
@@ -54,7 +55,7 @@
           </div>
         </div>
         <div class="modal-footer">
-          <button class="el-button" data-dismiss="modal">{{ trans('general.close') }}</button>
+          <button class="btn btn-default" data-dismiss="modal">{{ trans('general.close') }}</button>
         </div>
       </div>
     </div>
diff --git a/resources/views/user/master.blade.php b/resources/views/user/master.blade.php
index e6daf372..bbcd5b10 100644
--- a/resources/views/user/master.blade.php
+++ b/resources/views/user/master.blade.php
@@ -6,7 +6,7 @@
     @yield('style')
 </head>
 
-<body class="hold-transition {{ option('color_scheme') }} sidebar-mini">
+<body class="hold-transition sidebar-mini">
     <div class="wrapper">
         @include('shared.header')
         @include('shared.sidebar', ['scope' => 'user'])
diff --git a/resources/views/vendor/passport/authorize.twig b/resources/views/vendor/passport/authorize.twig
index 6ff8e096..694f00df 100644
--- a/resources/views/vendor/passport/authorize.twig
+++ b/resources/views/vendor/passport/authorize.twig
@@ -1,33 +1,31 @@
 {% extends 'auth.base' %}
 
-{% block title %}{{ trans('auth.oauth.authorization.title') }}{% endblock %}
+{% block title %}
+	{{ trans('auth.oauth.authorization.title') }}
+{% endblock %}
 
 {% block content %}
-  <p class="login-box-msg">
-    {{ trans('auth.oauth.authorization.introduction', {name: client.name}) }}
-  </p>
-  <div class="row">
-    <div class="col-xs-6">
-      <form method="post" action="{{ route('passport.authorizations.approve') }}">
-        {{ csrf_field() }}
-        <input type="hidden" name="state" value="{{ request.state }}">
-        <input type="hidden" name="client_id" value="{{ client.id }}">
-        <button type="submit" class="btn btn-success btn-block btn-flat">
-          {{ trans('auth.oauth.authorization.button') }}
-        </button>
-      </form>
-    </div>
+	<p class="login-box-msg">
+		{{ trans('auth.oauth.authorization.introduction', {name: client.name}) }}
+	</p>
+	<div class="d-flex justify-content-between">
+		<form method="post" action="{{ route('passport.authorizations.approve') }}">
+			{{ csrf_field() }}
+			<input type="hidden" name="state" value="{{ request.state }}">
+			<input type="hidden" name="client_id" value="{{ client.id }}">
+			<button type="submit" class="btn btn-success btn-block pl-5 pr-5">
+				{{ trans('auth.oauth.authorization.button') }}
+			</button>
+		</form>
 
-    <div class="col-xs-6">
-      <form method="post" action="{{ route('passport.authorizations.deny') }}">
-        {{ csrf_field() }}
-        {{ method_field('DELETE') }}
-        <input type="hidden" name="state" value="{{ request.state }}">
-        <input type="hidden" name="client_id" value="{{ client.id }}">
-        <button class="btn btn-default btn-block btn-flat">
-          {{ trans('general.cancel') }}
-        </button>
-      </form>
-    </div>
-  </div>
+		<form method="post" action="{{ route('passport.authorizations.deny') }}">
+			{{ csrf_field() }}
+			{{ method_field('DELETE') }}
+			<input type="hidden" name="state" value="{{ request.state }}">
+			<input type="hidden" name="client_id" value="{{ client.id }}">
+			<button class="btn btn-default btn-block pl-5 pr-5">
+				{{ trans('general.cancel') }}
+			</button>
+		</form>
+	</div>
 {% endblock %}
diff --git a/tests/HttpTest/ViewTest/ComposersTest/SideMenuComposerTest.php b/tests/HttpTest/ViewTest/ComposersTest/SideMenuComposerTest.php
index f2870abf..043e1908 100644
--- a/tests/HttpTest/ViewTest/ComposersTest/SideMenuComposerTest.php
+++ b/tests/HttpTest/ViewTest/ComposersTest/SideMenuComposerTest.php
@@ -30,7 +30,7 @@ class SideMenuComposerTest extends TestCase
         $this->actingAs($user);
 
         $crawler = new Crawler($this->get('/user/oauth/manage')->getContent());
-        $this->assertCount(1, $crawler->filter('aside .treeview'));
+        $this->assertCount(1, $crawler->filter('aside .nav-treeview'));
         $this->assertCount(2, $crawler->filter('aside .active'));
     }
 
diff --git a/tests/HttpTest/ViewTest/ComposersTest/UserMenuComposerTest.php b/tests/HttpTest/ViewTest/ComposersTest/UserMenuComposerTest.php
index e7d7e8a8..8ff62493 100644
--- a/tests/HttpTest/ViewTest/ComposersTest/UserMenuComposerTest.php
+++ b/tests/HttpTest/ViewTest/ComposersTest/UserMenuComposerTest.php
@@ -7,16 +7,6 @@ use App\Models\User;
 class UserMenuComposerTest extends TestCase
 {
     public function testAvatar()
-    {
-        $user = factory(User::class)->make();
-        $this->actingAs($user)
-            ->get('/user')
-            ->assertSee(
-                url('avatar/128/'.base64_encode($user->email).'.png?tid='.$user->avatar)
-            );
-    }
-
-    public function testTinyAvatar()
     {
         $user = factory(User::class)->make();
         $this->actingAs($user)
@@ -31,7 +21,7 @@ class UserMenuComposerTest extends TestCase
             );
         $this->actingAs($user)
             ->get('/user')
-            ->assertDontSee(
+            ->assertSee(
                 url('avatar/25/'.base64_encode($user->email).'.png?tid='.$user->avatar)
             );
     }
diff --git a/tests/HttpTest/ViewTest/ComposersTest/UserPanelComposerTest.php b/tests/HttpTest/ViewTest/ComposersTest/UserPanelComposerTest.php
index 5116e05f..716b2d27 100644
--- a/tests/HttpTest/ViewTest/ComposersTest/UserPanelComposerTest.php
+++ b/tests/HttpTest/ViewTest/ComposersTest/UserPanelComposerTest.php
@@ -13,7 +13,6 @@ class UserPanelComposerTest extends TestCase
         $this->actingAs($user);
 
         $this->get('/user')
-            ->assertSee(trans('admin.users.status.normal'))
             ->assertSee(
                 url('avatar/45/'.base64_encode($user->email).'.png?tid='.$user->avatar)
             );
@@ -28,6 +27,6 @@ class UserPanelComposerTest extends TestCase
             $event->badges[] = ['Pro', 'purple'];
         });
 
-        $this->get('/user')->assertSee('<small class="label bg-purple">Pro</small>');
+        $this->get('/user')->assertSee('<span class="badge bg-purple mb-1">Pro</span>');
     }
 }
diff --git a/tests/ServicesTest/HookTest.php b/tests/ServicesTest/HookTest.php
index 470c2b49..4d4205d6 100644
--- a/tests/ServicesTest/HookTest.php
+++ b/tests/ServicesTest/HookTest.php
@@ -4,6 +4,7 @@ namespace Tests;
 
 use App\Models\User;
 use App\Services\Hook;
+use Symfony\Component\DomCrawler\Crawler;
 
 class HookTest extends TestCase
 {
@@ -82,17 +83,19 @@ class HookTest extends TestCase
         Hook::addUserBadge('hi', 'green');
         $this->actAs('normal')
             ->get('/user')
-            ->assertSee('<small class="label bg-green">hi</small>');
+            ->assertSee('<span class="badge bg-green mb-1">hi</span>');
     }
 
     public function testSendNotification()
     {
         $user = factory(User::class)->create();
         Hook::sendNotification([$user], 'Ibara Mayaka');
-        $this->actingAs($user)
+        $html = $this->actingAs($user)
             ->get('/user')
-            ->assertSee('<span class="label label-warning notifications-counter">1</span>')
-            ->assertSee('Ibara Mayaka');
+            ->assertSee('Ibara Mayaka')
+            ->getContent();
+        $crawler = new Crawler($html);
+        $this->assertEquals('1', trim($crawler->filter('.badge-warning')->text()));
     }
 
     public function testPushMiddleware()
diff --git a/tests/ServicesTest/OptionFormTest.php b/tests/ServicesTest/OptionFormTest.php
index 32a26580..df2db6aa 100644
--- a/tests/ServicesTest/OptionFormTest.php
+++ b/tests/ServicesTest/OptionFormTest.php
@@ -11,11 +11,14 @@ class OptionFormTest extends TestCase
     {
         $form = new OptionForm('test');
         $crawler = new Crawler($form->render());
-        $this->assertEquals(trans('options.test.title'), trim($crawler->filter('.box-title')->text()));
+        $this->assertEquals(
+            trans('options.test.title'),
+            trim($crawler->filter('.card-title')->text())
+        );
 
         $form = new OptionForm('test', 'test');
         $crawler = new Crawler($form->render());
-        $this->assertEquals('test', trim($crawler->filter('.box-title')->text()));
+        $this->assertEquals('test', trim($crawler->filter('.card-title')->text()));
     }
 
     public function testDisallowInvalidType()
@@ -25,17 +28,17 @@ class OptionFormTest extends TestCase
         $form->nope();
     }
 
-    public function testRenderBoxType()
+    public function testRenderCardType()
     {
         $form = new OptionForm('test');
         $crawler = new Crawler($form->render());
-        $this->assertCount(1, $crawler->filter('.box-primary'));
+        $this->assertCount(1, $crawler->filter('.card-primary'));
 
         $form = new OptionForm('test');
         $returned = $form->type('warning');
         $this->assertSame($form, $returned);
         $crawler = new Crawler($form->render());
-        $this->assertCount(1, $crawler->filter('.box-warning'));
+        $this->assertCount(1, $crawler->filter('.card-warning'));
     }
 
     public function testRenderHint()
@@ -83,15 +86,15 @@ class OptionFormTest extends TestCase
         $crawler = new Crawler($form->render());
         $a = $crawler->filter('a');
         $this->assertEquals('http://example.com', $a->attr('href'));
-        $this->assertEquals('el-button el-button--default a b', $a->attr('class'));
+        $this->assertEquals('btn btn-default a b', $a->attr('class'));
         $this->assertEquals('link', $a->text());
 
-        $button = $crawler->filter('button.el-button--primary');
+        $button = $crawler->filter('button.btn-primary');
         $this->assertEquals('press me', $button->text());
         $this->assertEquals('btn', $button->attr('name'));
         $this->assertEquals('button', $button->attr('type'));
 
-        $button = $crawler->filter('button.el-button--warning');
+        $button = $crawler->filter('button.btn-warning');
         $this->assertEquals('submit', $button->attr('type'));
     }
 
@@ -213,7 +216,7 @@ class OptionFormTest extends TestCase
         $form->handle();
         $crawler = new Crawler($form->render());
         $button = $crawler->filter('button');
-        $this->assertStringContainsString('el-button--primary', $button->attr('class'));
+        $this->assertStringContainsString('btn-primary', $button->attr('class'));
         $this->assertEquals(trans('general.submit'), $button->text());
         $this->assertEquals('submit', $button->attr('type'));
         $this->assertEquals('submit_test', $button->attr('name'));
@@ -240,6 +243,6 @@ class OptionFormTest extends TestCase
     {
         $form = new OptionForm('test');
         $crawler = new Crawler(sprintf('%s', $form));
-        $this->assertCount(1, $crawler->filter('div.box'));
+        $this->assertCount(1, $crawler->filter('div.card'));
     }
 }
diff --git a/webpack.config.js b/webpack.config.js
index 9329651f..01a4c688 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -21,7 +21,10 @@ const config = {
     'language-chooser': './resources/assets/src/scripts/language-chooser.ts',
     style: [
       'bootstrap/dist/css/bootstrap.min.css',
-      'admin-lte/dist/css/alt/AdminLTE-without-plugins.min.css',
+      'admin-lte/dist/css/alt/adminlte.core.min.css',
+      'admin-lte/dist/css/alt/adminlte.components.min.css',
+      'admin-lte/dist/css/alt/adminlte.extra-components.min.css',
+      'admin-lte/dist/css/alt/adminlte.pages.min.css',
       'element-ui/lib/theme-chalk/base.css',
       './resources/assets/src/styles/element.scss',
       '@fortawesome/fontawesome-free/css/fontawesome.min.css',
@@ -134,16 +137,6 @@ const config = {
       chunkFilename: devMode ? '[id].css' : '[id].[contenthash:7].css',
     }),
     new CopyWebpackPlugin([
-      {
-        from: 'node_modules/admin-lte/dist/css/skins/skin-*.min.css',
-        to: 'skins',
-        flatten: true,
-      },
-      {
-        from: 'node_modules/admin-lte/dist/css/skins/_all-skins.min.css',
-        to: 'skins',
-        flatten: true,
-      },
       'resources/assets/src/images/bg.jpg',
       'resources/assets/src/images/favicon.ico',
     ]),
diff --git a/yarn.lock b/yarn.lock
index 836e5126..172ae987 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -943,6 +943,33 @@
   resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-free/-/fontawesome-free-5.11.2.tgz#8644bc25b19475779a7b7c1fc104bc0a794f4465"
   integrity sha512-XiUPoS79r1G7PcpnNtq85TJ7inJWe0v+b5oZJZKb0pGHNIV6+UiNeQWiFGmuQ0aj7GEhnD/v9iqxIsjuRKtEnQ==
 
+"@fullcalendar/bootstrap@^4.3.0":
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/@fullcalendar/bootstrap/-/bootstrap-4.3.0.tgz#c989968f92c4ec26a0ff7dfc35b186aa38978ba1"
+  integrity sha512-Ue0Bm2m765jY2LKRsD7ZyoeYNJeeyXxyzSeMdYY4AHFZTevTlcxv1T7ZYPRDBhseewLwiFHP8e0Okfdiji+BCg==
+
+"@fullcalendar/core@^4.3.1":
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/@fullcalendar/core/-/core-4.3.1.tgz#a061c6d2e998d4155439dbc8aefdfe01cdf648d8"
+  integrity sha512-Eh+p/wpMkWGu26f8NpfQK9ecQMoZxX/aopv+0+4/CH+Ip0paP6iEc40JYgTz7RFl0bFqV1dvwyGyUZ4+9ZeySA==
+
+"@fullcalendar/daygrid@^4.3.0", "@fullcalendar/daygrid@~4.3.0":
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/@fullcalendar/daygrid/-/daygrid-4.3.0.tgz#1b4ab9fdc238dba77921cb7c5bd2d813c834e905"
+  integrity sha512-OrGaRIGbELESOXOCXtoQVY4cOxnxmN7OrjDGbMoVITdoXWuIZ6sFNO84WcBQoRaIbkmqVM0SAU2MENwy+eEwqQ==
+
+"@fullcalendar/interaction@^4.3.0":
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/@fullcalendar/interaction/-/interaction-4.3.0.tgz#a52d22e4fa2666d5032c77afde75ecfad95c0f3b"
+  integrity sha512-kaKV+tdgH/oIrwTSMGYFec989L5r+KMYJ9ybwLc8G3LbMVcebo8fAlN9VizmGQAuopKfyvOw8yzJdjfmVCCRYQ==
+
+"@fullcalendar/timegrid@^4.3.0":
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/@fullcalendar/timegrid/-/timegrid-4.3.0.tgz#bf003499319e5e66135bb7b8d8ed274b1a62ca91"
+  integrity sha512-9JCSZbzw2Hi+X893l5X9ViZaWjxh+sDy59o6nKx0gYKwSfs/vKpmk73GBQfKyUv8orkjpnTdPFfeLDZqlzBP4Q==
+  dependencies:
+    "@fullcalendar/daygrid" "~4.3.0"
+
 "@gplane/tsconfig@^1.0.0":
   version "1.0.0"
   resolved "https://registry.npmjs.org/@gplane/tsconfig/-/tsconfig-1.0.0.tgz#c7e6d56ece3d045abe46d00aece990d8412440f0"
@@ -1114,6 +1141,21 @@
     "@types/istanbul-reports" "^1.1.1"
     "@types/yargs" "^13.0.0"
 
+"@lgaitan/pace-progress@^1.0.7":
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/@lgaitan/pace-progress/-/pace-progress-1.0.7.tgz#c96fbbd9fd4cf528feed34ea0c8f9d8b3e98f0dd"
+  integrity sha1-yW+72f1M9Sj+7TTqDI+diz6Y8N0=
+
+"@sweetalert2/theme-bootstrap-4@^2.2.1":
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/@sweetalert2/theme-bootstrap-4/-/theme-bootstrap-4-2.2.1.tgz#a0e3496f2d5aa2993f8fe1c59dcec0673941cddb"
+  integrity sha512-EzAc/HFO16wuZCmawdv0mxRknXtQ5XYmms8gHCcRBqVJsolwl0xKanH8wC2tf4O6dFLou6ZndNqii8ArQO66pA==
+
+"@ttskch/select2-bootstrap4-theme@^1.3.2":
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/@ttskch/select2-bootstrap4-theme/-/select2-bootstrap4-theme-1.3.2.tgz#c9e17e34fb2cfd9f41b8efe3584165ccbdd96969"
+  integrity sha512-wm5QbtsZAJs9+IMNa9IrMJiCwJFrvutYKYRZAg6gut4/x7RBANsoSA1xQ5v9QxwhZ+kmb9Sh0BjvWm3K8glunQ==
+
 "@tweenjs/tween.js@^18.4.2":
   version "18.4.2"
   resolved "https://registry.yarnpkg.com/@tweenjs/tween.js/-/tween.js-18.4.2.tgz#1c008c2325f300db40f0db2a6b05d3295e0a5ac5"
@@ -1546,14 +1588,6 @@
   resolved "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz#d291c6a4e97989b5c61d9acf396ae4fe133a718d"
   integrity sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==
 
-JSONStream@^1.0.3:
-  version "1.3.5"
-  resolved "https://registry.npmjs.org/JSONStream/-/JSONStream-1.3.5.tgz#3208c1f08d3a4d99261ab64f92302bc15e111ca0"
-  integrity sha512-E+iruNOY8VV9s4JEbe1aNEm6MiszPRr/UfcHMz0TQh1BXSxHK+ASV1R6W4HpjBhSeS+54PIsAMCBmwD06LLsqQ==
-  dependencies:
-    jsonparse "^1.2.0"
-    through ">=2.2.7 <3"
-
 abab@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/abab/-/abab-2.0.0.tgz#aba0ab4c5eee2d4c79d3487d85450fb2376ebb0f"
@@ -1589,7 +1623,7 @@ acorn-jsx@^5.0.0:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.0.1.tgz#32a064fd925429216a09b141102bfdd185fae40e"
 
-acorn-node@^1.2.0, acorn-node@^1.3.0, acorn-node@^1.5.2, acorn-node@^1.6.1:
+acorn-node@^1.3.0:
   version "1.7.0"
   resolved "https://registry.npmjs.org/acorn-node/-/acorn-node-1.7.0.tgz#aac6a559d27af6176b076ab6fb13c5974c213e3b"
   integrity sha512-XhahLSsCB6X6CJbe+uNu3Mn9sJBNFxtBN9NLgAOQovfS6Kh0lDUtmlclhjn9CvEK7A7YyRU13PXlNcpSiLI9Yw==
@@ -1604,9 +1638,9 @@ acorn-walk@^6.0.1, acorn-walk@^6.1.1:
   resolved "https://registry.npmjs.org/acorn-walk/-/acorn-walk-6.1.1.tgz#d363b66f5fac5f018ff9c3a1e7b6f8e310cc3913"
   integrity sha512-OtUw6JUTgxA2QoqqmrmQ7F2NYqiBPi/L2jqHyFtllhOUvXYQXf0Z1CYUinIfyT4bTCGmrA7gX9FvHA81uzCoVw==
 
-acorn@^5.5.3:
+acorn@^5.0.0, acorn@^5.5.3:
   version "5.7.3"
-  resolved "https://registry.npmjs.org/acorn/-/acorn-5.7.3.tgz#67aa231bf8812974b85235a96771eb6bd07ea279"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-5.7.3.tgz#67aa231bf8812974b85235a96771eb6bd07ea279"
   integrity sha512-T/zvzYRfbVojPWahDsE5evJdHb3oJoQfFbsrKM7w5Zcs++Tr257tia3BmMP8XYVjp1S9RZXQMh7gao96BlqZOw==
 
 acorn@^6.0.1, acorn@^6.1.1:
@@ -1623,39 +1657,70 @@ acorn@^6.2.1:
   resolved "https://registry.npmjs.org/acorn/-/acorn-6.3.0.tgz#0087509119ffa4fc0a0041d1e93a417e68cb856e"
   integrity sha512-/czfa8BwS88b9gWQVhc8eknunSA2DoJpJyTQkhheIf5E48u1N0R4q/YxxsAeqRrmK9TQ/uYfgLDfZo91UlANIA==
 
-admin-lte@^2.4.10:
-  version "2.4.12"
-  resolved "https://registry.npmjs.org/admin-lte/-/admin-lte-2.4.12.tgz#8f825f19575d0cad2dffe261e04b4e30c838fcae"
-  integrity sha512-QlNyi57SRC6bQrwA95emBGveVd/SLQ7X8x5EffQUr3BNVhVs4XjbPm9drJ4nkow3/khqiEttPSpjNO0r2cfvpw==
+admin-lte@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/admin-lte/-/admin-lte-3.0.1.tgz#5d6768330868bdc8f424960f7eabc3f38af7a0f4"
+  integrity sha512-rCZuAFLZfVNPTwoXxrfovWtgQMPBcqxsLo5DMsBAJEk86fp28R97Ey1YkURoOcm5ltB5tOXM634YUuyeAmqQ7g==
   dependencies:
-    bootstrap "^3.4.0"
-    bootstrap-colorpicker "^2.5.3"
-    bootstrap-datepicker "^1.8.0"
-    bootstrap-daterangepicker "^2.1.25"
-    bootstrap-slider "^9.8.0"
-    bootstrap-timepicker "^0.5.2"
-    chart.js "1.0.*"
-    ckeditor "^4.11.2"
-    datatables.net "^1.10.19"
-    datatables.net-bs "^1.10.19"
+    "@fortawesome/fontawesome-free" "^5.11.2"
+    "@fullcalendar/bootstrap" "^4.3.0"
+    "@fullcalendar/core" "^4.3.1"
+    "@fullcalendar/daygrid" "^4.3.0"
+    "@fullcalendar/interaction" "^4.3.0"
+    "@fullcalendar/timegrid" "^4.3.0"
+    "@lgaitan/pace-progress" "^1.0.7"
+    "@sweetalert2/theme-bootstrap-4" "^2.2.1"
+    "@ttskch/select2-bootstrap4-theme" "^1.3.2"
+    bootstrap "^4.3.1"
+    bootstrap-colorpicker "^3.1.2"
+    bootstrap-slider "^10.6.2"
+    bootstrap-switch "^3.4.0"
+    bootstrap4-duallistbox "^4.0.1"
+    bs-custom-file-input "^1.3.2"
+    chart.js "^2.9.2"
+    datatables.net "^1.10.20"
+    datatables.net-autofill-bs4 "^2.3.4"
+    datatables.net-bs4 "^1.10.20"
+    datatables.net-buttons-bs4 "^1.6.1"
+    datatables.net-colreorder-bs4 "^1.5.2"
+    datatables.net-fixedcolumns-bs4 "^3.3.0"
+    datatables.net-fixedheader-bs4 "^3.1.6"
+    datatables.net-keytable-bs4 "^2.5.1"
+    datatables.net-responsive-bs4 "^2.2.3"
+    datatables.net-rowgroup-bs4 "^1.1.1"
+    datatables.net-rowreorder-bs4 "^1.2.6"
+    datatables.net-scroller-bs4 "^2.0.1"
+    datatables.net-select-bs4 "^1.3.1"
+    daterangepicker "^3.0.5"
+    ekko-lightbox "^5.3.0"
     fastclick "^1.0.6"
-    flot "^0.8.3"
-    font-awesome "^4.7.0"
-    fullcalendar "^3.10.0"
-    inputmask "^3.3.7"
+    filterizr "^2.2.3"
+    flag-icon-css "^3.4.5"
+    flot "^3.2.13"
+    fs-extra "^8.1.0"
+    icheck-bootstrap "^3.0.1"
+    inputmask "^4.0.9"
     ion-rangeslider "^2.3.0"
-    ionicons "^3.0.0"
-    jquery "^3.2.1"
-    jquery-knob "^1.2.11"
-    jquery-sparkline "^2.4.0"
-    jquery-ui "^1.12.1"
-    jvectormap "^1.2.2"
+    jquery "^3.4.1"
+    jquery-knob-chif "^1.2.13"
+    jquery-mapael "^2.2.0"
+    jquery-mousewheel "^3.1.13"
+    jquery-ui-dist "^1.12.1"
+    jquery-validation "^1.19.1"
+    jqvmap-novulnerability "^1.5.1"
+    jsgrid "^1.5.3"
+    jszip "^3.2.2"
     moment "^2.24.0"
-    morris.js "github:morrisjs/morris.js"
-    pace "0.0.4"
-    raphael "^2.2.7"
-    select2 "^4.0.3"
-    slimscroll "^0.9.1"
+    overlayscrollbars "^1.10.0"
+    pdfmake "^0.1.62"
+    popper.js "^1.16.0"
+    raphael "^2.3.0"
+    select2 "^4.0.11"
+    sparklines "^1.2.0"
+    summernote "^0.8.12"
+    sweetalert2 "^8.19.0"
+    tempusdominus-bootstrap-4 "^5.1.2"
+    toastr "^2.1.4"
 
 agent-base@^4.1.0:
   version "4.3.0"
@@ -1828,11 +1893,6 @@ array-equal@^1.0.0:
   resolved "https://registry.npmjs.org/array-equal/-/array-equal-1.0.0.tgz#8c2a5ef2472fd9ea742b04c77a75093ba2757c93"
   integrity sha1-jCpe8kcv2ep0KwTHenUJO6J1fJM=
 
-array-filter@~0.0.0:
-  version "0.0.1"
-  resolved "https://registry.npmjs.org/array-filter/-/array-filter-0.0.1.tgz#7da8cf2e26628ed732803581fd21f67cacd2eeec"
-  integrity sha1-fajPLiZijtcygDWB/SH2fKzS7uw=
-
 array-flatten@1.1.1:
   version "1.1.1"
   resolved "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz#9a5f699051b1e7073328f2a008968b64ea2955d2"
@@ -1843,6 +1903,11 @@ array-flatten@^2.1.0:
   resolved "https://registry.npmjs.org/array-flatten/-/array-flatten-2.1.2.tgz#24ef80a28c1a893617e2149b0c6d0d788293b099"
   integrity sha512-hNfzcOV8W4NdualtqBFPyVO+54DSJuZGY9qT4pRroB6S9e3iiido2ISIC5h9R2sPJ8H3FHCIiEnsv1lPXO3KtQ==
 
+array-from@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/array-from/-/array-from-2.1.1.tgz#cfe9d8c26628b9dc5aecc62a9f5d8f1f352c1195"
+  integrity sha1-z+nYwmYoudxa7MYqn12PHzUsEZU=
+
 array-includes@^3.0.3:
   version "3.0.3"
   resolved "https://registry.npmjs.org/array-includes/-/array-includes-3.0.3.tgz#184b48f62d92d7452bb31b323165c7f8bd02266d"
@@ -1851,16 +1916,6 @@ array-includes@^3.0.3:
     define-properties "^1.1.2"
     es-abstract "^1.7.0"
 
-array-map@~0.0.0:
-  version "0.0.0"
-  resolved "https://registry.npmjs.org/array-map/-/array-map-0.0.0.tgz#88a2bab73d1cf7bcd5c1b118a003f66f665fa662"
-  integrity sha1-iKK6tz0c97zVwbEYoAP2b2ZfpmI=
-
-array-reduce@~0.0.0:
-  version "0.0.0"
-  resolved "https://registry.npmjs.org/array-reduce/-/array-reduce-0.0.0.tgz#173899d3ffd1c7d9383e4479525dbe278cab5f2b"
-  integrity sha1-FziZ0//Rx9k4PkR5Ul2+J4yrXys=
-
 array-union@^1.0.1:
   version "1.0.2"
   resolved "https://registry.npmjs.org/array-union/-/array-union-1.0.2.tgz#9a34410e4f4e3da23dea375be5be70f24778ec39"
@@ -1899,7 +1954,7 @@ assert-plus@1.0.0, assert-plus@^1.0.0:
   resolved "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz#f12e0f3c5d77b0b1cdd9146942e4e96c1e4dd525"
   integrity sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=
 
-assert@^1.1.1, assert@^1.4.0:
+assert@^1.1.1:
   version "1.5.0"
   resolved "https://registry.npmjs.org/assert/-/assert-1.5.0.tgz#55c109aaf6e0aefdb3dc4b71240c70bf574b18eb"
   integrity sha512-EDsgawzwoun2CZkCgtxJbv392v4nbk9XDD06zI+kQYoBM/3RBWLlEyJARDOmhAAosBjWACEkKL6S+lIZtcAubA==
@@ -1912,6 +1967,20 @@ assign-symbols@^1.0.0:
   resolved "https://registry.npmjs.org/assign-symbols/-/assign-symbols-1.0.0.tgz#59667f41fadd4f20ccbc2bb96b8d4f7f78ec0367"
   integrity sha1-WWZ/QfrdTyDMvCu5a41Pf3jsA2c=
 
+ast-transform@0.0.0:
+  version "0.0.0"
+  resolved "https://registry.yarnpkg.com/ast-transform/-/ast-transform-0.0.0.tgz#74944058887d8283e189d954600947bc98fe0062"
+  integrity sha1-dJRAWIh9goPhidlUYAlHvJj+AGI=
+  dependencies:
+    escodegen "~1.2.0"
+    esprima "~1.0.4"
+    through "~2.3.4"
+
+ast-types@^0.7.0:
+  version "0.7.8"
+  resolved "https://registry.yarnpkg.com/ast-types/-/ast-types-0.7.8.tgz#902d2e0d60d071bdcd46dc115e1809ed11c138a9"
+  integrity sha1-kC0uDWDQcb3NRtwRXhgJ7RHBOKk=
+
 astral-regex@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/astral-regex/-/astral-regex-1.0.0.tgz#6c8c3fb827dd43ee3918f27b82782ab7658a6fd9"
@@ -2053,9 +2122,9 @@ babel-preset-jest@^24.9.0:
     "@babel/plugin-syntax-object-rest-spread" "^7.0.0"
     babel-plugin-jest-hoist "^24.9.0"
 
-babel-runtime@6.x:
+babel-runtime@6.x, babel-runtime@^6.11.6:
   version "6.26.0"
-  resolved "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz#965c7058668e82b55d7bfe04ff2337bc8b5647fe"
+  resolved "https://registry.yarnpkg.com/babel-runtime/-/babel-runtime-6.26.0.tgz#965c7058668e82b55d7bfe04ff2337bc8b5647fe"
   integrity sha1-llxwWGaOgrVde/4E/yM3vItWR/4=
   dependencies:
     core-js "^2.4.0"
@@ -2066,9 +2135,14 @@ balanced-match@^1.0.0:
   resolved "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767"
   integrity sha1-ibTRmasr7kneFk6gK4nORi1xt2c=
 
-base64-js@^1.0.2:
+base64-js@0.0.8:
+  version "0.0.8"
+  resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-0.0.8.tgz#1101e9544f4a76b1bc3b26d452ca96d7a35e7978"
+  integrity sha1-EQHpVE9KdrG8OybUUsqW16NeeXg=
+
+base64-js@^1.0.2, base64-js@^1.1.2, base64-js@^1.3.0:
   version "1.3.1"
-  resolved "https://registry.npmjs.org/base64-js/-/base64-js-1.3.1.tgz#58ece8cb75dd07e71ed08c736abc5fac4dbf8df1"
+  resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.3.1.tgz#58ece8cb75dd07e71ed08c736abc5fac4dbf8df1"
   integrity sha512-mLQ4i2QO1ytvGWFWmcngKO//JXAQueZvwEKtjgQFM4jIK0kU+ytMfplL8j+n5mspOfjHwoAg+9yhb7BwAHm36g==
 
 base@^0.11.1:
@@ -2154,42 +2228,33 @@ boolbase@^1.0.0, boolbase@~1.0.0:
   resolved "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
   integrity sha1-aN/1++YMUes3cl6p4+0xDcwed24=
 
-bootstrap-colorpicker@^2.5.3:
-  version "2.5.3"
-  resolved "https://registry.npmjs.org/bootstrap-colorpicker/-/bootstrap-colorpicker-2.5.3.tgz#b50aff8590fbaa6b5aa63a5624e4213f1659a49d"
-  integrity sha512-xdllX8LSMvKULs3b8JrgRXTvyvjkSMHHHVuHjjN5FNMqr6kRe5NPiMHFmeAFjlgDF73MspikudLuEwR28LbzLw==
+bootstrap-colorpicker@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/bootstrap-colorpicker/-/bootstrap-colorpicker-3.1.2.tgz#42737d7fb3f52b42ad9e33ac97f021252307dfae"
+  integrity sha512-yUWegXox8GYoXVtYdrEIN3QMOeEFbcSFGDadZu2pWmmMgTaw4ECX9T8GvYQzJkRusvK9uzi39FjE0W2k8lQECA==
   dependencies:
-    jquery ">=1.10"
+    bootstrap ">=4.0"
+    jquery ">=2.1.0"
 
-bootstrap-datepicker@^1.8.0:
-  version "1.9.0"
-  resolved "https://registry.npmjs.org/bootstrap-datepicker/-/bootstrap-datepicker-1.9.0.tgz#e4bfce3fcce1967876b21dc6833ec5994aaed090"
-  integrity sha512-9rYYbaVOheGYxjOr/+bJCmRPihfy+LkLSg4fIFMT9Od8WwWB/MB50w0JO1eBgKUMbb7PFHQD5uAfI3ArAxZRXA==
-  dependencies:
-    jquery ">=1.7.1 <4.0.0"
+bootstrap-slider@^10.6.2:
+  version "10.6.2"
+  resolved "https://registry.yarnpkg.com/bootstrap-slider/-/bootstrap-slider-10.6.2.tgz#7341f468c012bdaa6a1d8625d989fdeb8ed7dd38"
+  integrity sha512-8JTPZB9QVOdrGzYF3YgC3YW6ssfPeBvBwZnXffiZ7YH/zz1D0EKlZvmQsm/w3N0XjVNYQEoQ0ax+jHrErV4K1Q==
 
-bootstrap-daterangepicker@^2.1.25:
-  version "2.1.30"
-  resolved "https://registry.npmjs.org/bootstrap-daterangepicker/-/bootstrap-daterangepicker-2.1.30.tgz#f893dbfff5a4d7dfaab75460e8ea6969bb89689a"
-  integrity sha1-+JPb//Wk19+qt1Rg6OppabuJaJo=
-  dependencies:
-    jquery ">=1.10"
-    moment "^2.9.0"
+bootstrap-switch@^3.4.0:
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/bootstrap-switch/-/bootstrap-switch-3.4.0.tgz#6bbb0445ad8b4264883d06366d48aad3c06988f4"
+  integrity sha512-P4Qdx7mLjqgilKQeeuDCf8AHWeO7992+NFfh0doAA/ExaJqr02QFHhq18GL8EYd2XRviJ16pUUyMRsfOVaPEVg==
 
-bootstrap-slider@^9.8.0:
-  version "9.10.0"
-  resolved "https://registry.npmjs.org/bootstrap-slider/-/bootstrap-slider-9.10.0.tgz#1103d6bc00cfbfa8cfc9a2599ab518c55643da3f"
-  integrity sha1-EQPWvADPv6jPyaJZmrUYxVZD2j8=
+bootstrap4-duallistbox@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/bootstrap4-duallistbox/-/bootstrap4-duallistbox-4.0.1.tgz#89fa6ece3496871bbdf0c63dc256dceb5324b203"
+  integrity sha512-DlIvIhCY8LtlnPe1QYIl+iHpNAvKv/TBqhNGKI/OcuFBoQ1Cx2hVBiqKEFi5fFn0zSRZZdxCJ2RsmBrQurNMiQ==
 
-bootstrap-timepicker@^0.5.2:
-  version "0.5.2"
-  resolved "https://registry.npmjs.org/bootstrap-timepicker/-/bootstrap-timepicker-0.5.2.tgz#10ed9f2a2f0b8ccaefcde0fcf6a0738b919a3835"
-  integrity sha1-EO2fKi8LjMrvzeD89qBzi5GaODU=
-
-bootstrap@^3.4.0:
-  version "3.4.1"
-  resolved "https://registry.npmjs.org/bootstrap/-/bootstrap-3.4.1.tgz#c3a347d419e289ad11f4033e3c4132b87c081d72"
-  integrity sha512-yN5oZVmRCwe5aKwzRj6736nSmKDX7pLYwsXiCj/EYmo16hODaBiT4En5btW/jhBF/seV+XMx3aYwukYC3A49DA==
+bootstrap@>=4.0, bootstrap@>=4.1.2, bootstrap@^4.3.1:
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/bootstrap/-/bootstrap-4.3.1.tgz#280ca8f610504d99d7b6b4bfc4b68cec601704ac"
+  integrity sha512-rXqOmH1VilAt2DyPzluTi2blhk17bO7ef+zLLPlWvG494pDxcM234pJ8wTc/6R40UWizAIIMgxjvxZg5kmsbag==
 
 brace-expansion@^1.1.7:
   version "1.1.11"
@@ -2222,31 +2287,46 @@ braces@^3.0.2:
   dependencies:
     fill-range "^7.0.1"
 
+brfs@^1.3.0, brfs@^1.4.0:
+  version "1.6.1"
+  resolved "https://registry.yarnpkg.com/brfs/-/brfs-1.6.1.tgz#b78ce2336d818e25eea04a0947cba6d4fb8849c3"
+  integrity sha512-OfZpABRQQf+Xsmju8XE9bDjs+uU4vLREGolP7bDgcpsI17QREyZ4Bl+2KLxxx1kCgA0fAIhKQBaBYh+PEcCqYQ==
+  dependencies:
+    quote-stream "^1.0.1"
+    resolve "^1.1.5"
+    static-module "^2.2.0"
+    through2 "^2.0.0"
+
+brfs@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/brfs/-/brfs-2.0.2.tgz#44237878fa82aa479ce4f5fe2c1796ec69f07845"
+  integrity sha512-IrFjVtwu4eTJZyu8w/V2gxU7iLTtcHih67sgEdzrhjLBMHp2uYefUBfdM4k2UvcuWMgV7PQDZHSLeNWnLFKWVQ==
+  dependencies:
+    quote-stream "^1.0.1"
+    resolve "^1.1.5"
+    static-module "^3.0.2"
+    through2 "^2.0.0"
+
 brorand@^1.0.1:
   version "1.1.0"
   resolved "https://registry.npmjs.org/brorand/-/brorand-1.1.0.tgz#12c25efe40a45e3c323eb8675a0a0ce57b22371f"
   integrity sha1-EsJe/kCkXjwyPrhnWgoM5XsiNx8=
 
-browser-pack@^6.0.1:
-  version "6.1.0"
-  resolved "https://registry.npmjs.org/browser-pack/-/browser-pack-6.1.0.tgz#c34ba10d0b9ce162b5af227c7131c92c2ecd5774"
-  integrity sha512-erYug8XoqzU3IfcU8fUgyHqyOXqIE4tUTTQ+7mqUjQlvnXkOO6OlT9c/ZoJVHYoAaqGxr09CN53G7XIsO4KtWA==
+brotli@^1.2.0:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/brotli/-/brotli-1.3.2.tgz#525a9cad4fcba96475d7d388f6aecb13eed52f46"
+  integrity sha1-UlqcrU/LqWR119OI9q7LE+7VL0Y=
   dependencies:
-    JSONStream "^1.0.3"
-    combine-source-map "~0.8.0"
-    defined "^1.0.0"
-    safe-buffer "^5.1.1"
-    through2 "^2.0.0"
-    umd "^3.0.0"
+    base64-js "^1.1.2"
 
 browser-process-hrtime@^0.1.2:
   version "0.1.3"
   resolved "https://registry.npmjs.org/browser-process-hrtime/-/browser-process-hrtime-0.1.3.tgz#616f00faef1df7ec1b5bf9cfe2bdc3170f26c7b4"
   integrity sha512-bRFnI4NnjO6cnyLmOV/7PVoDEMJChlcfN0z4s1YMBY989/SvlfMI1lgCnkFUs53e9gQF+w7qu7XdllSTiSl8Aw==
 
-browser-resolve@^1.11.0, browser-resolve@^1.11.3, browser-resolve@^1.7.0:
+browser-resolve@^1.11.3, browser-resolve@^1.8.1:
   version "1.11.3"
-  resolved "https://registry.npmjs.org/browser-resolve/-/browser-resolve-1.11.3.tgz#9b7cbb3d0f510e4cb86bdbd796124d28b5890af6"
+  resolved "https://registry.yarnpkg.com/browser-resolve/-/browser-resolve-1.11.3.tgz#9b7cbb3d0f510e4cb86bdbd796124d28b5890af6"
   integrity sha512-exDi1BYWB/6raKHmDTCicQfTkqwN5fioMFV4j8BsfMU4R2DK/QfZfK7kOVkmWCNANf0snkBzqGqAJBao9gZMdQ==
   dependencies:
     resolve "1.1.7"
@@ -2282,6 +2362,15 @@ browserify-des@^1.0.0:
     inherits "^2.0.1"
     safe-buffer "^5.1.2"
 
+browserify-optional@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/browserify-optional/-/browserify-optional-1.0.1.tgz#1e13722cfde0d85f121676c2a72ced533a018869"
+  integrity sha1-HhNyLP3g2F8SFnbCpyztUzoBiGk=
+  dependencies:
+    ast-transform "0.0.0"
+    ast-types "^0.7.0"
+    browser-resolve "^1.8.1"
+
 browserify-rsa@^4.0.0:
   version "4.0.1"
   resolved "https://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.0.1.tgz#21e0abfaf6f2029cf2fafb133567a701d4135524"
@@ -2303,67 +2392,13 @@ browserify-sign@^4.0.0:
     inherits "^2.0.1"
     parse-asn1 "^5.0.0"
 
-browserify-zlib@^0.2.0, browserify-zlib@~0.2.0:
+browserify-zlib@^0.2.0:
   version "0.2.0"
   resolved "https://registry.npmjs.org/browserify-zlib/-/browserify-zlib-0.2.0.tgz#2869459d9aa3be245fe8fe2ca1f46e2e7f54d73f"
   integrity sha512-Z942RysHXmJrhqk88FmKBVq/v5tqmSkDz7p54G/MGyjMnCFFnC79XWNbg+Vta8W6Wb2qtSZTSxIGkJrRpCFEiA==
   dependencies:
     pako "~1.0.5"
 
-browserify@>=3.46.0:
-  version "16.2.3"
-  resolved "https://registry.npmjs.org/browserify/-/browserify-16.2.3.tgz#7ee6e654ba4f92bce6ab3599c3485b1cc7a0ad0b"
-  integrity sha512-zQt/Gd1+W+IY+h/xX2NYMW4orQWhqSwyV+xsblycTtpOuB27h1fZhhNQuipJ4t79ohw4P4mMem0jp/ZkISQtjQ==
-  dependencies:
-    JSONStream "^1.0.3"
-    assert "^1.4.0"
-    browser-pack "^6.0.1"
-    browser-resolve "^1.11.0"
-    browserify-zlib "~0.2.0"
-    buffer "^5.0.2"
-    cached-path-relative "^1.0.0"
-    concat-stream "^1.6.0"
-    console-browserify "^1.1.0"
-    constants-browserify "~1.0.0"
-    crypto-browserify "^3.0.0"
-    defined "^1.0.0"
-    deps-sort "^2.0.0"
-    domain-browser "^1.2.0"
-    duplexer2 "~0.1.2"
-    events "^2.0.0"
-    glob "^7.1.0"
-    has "^1.0.0"
-    htmlescape "^1.1.0"
-    https-browserify "^1.0.0"
-    inherits "~2.0.1"
-    insert-module-globals "^7.0.0"
-    labeled-stream-splicer "^2.0.0"
-    mkdirp "^0.5.0"
-    module-deps "^6.0.0"
-    os-browserify "~0.3.0"
-    parents "^1.0.1"
-    path-browserify "~0.0.0"
-    process "~0.11.0"
-    punycode "^1.3.2"
-    querystring-es3 "~0.2.0"
-    read-only-stream "^2.0.0"
-    readable-stream "^2.0.2"
-    resolve "^1.1.4"
-    shasum "^1.0.0"
-    shell-quote "^1.6.1"
-    stream-browserify "^2.0.0"
-    stream-http "^2.0.0"
-    string_decoder "^1.1.1"
-    subarg "^1.0.0"
-    syntax-error "^1.1.1"
-    through2 "^2.0.0"
-    timers-browserify "^1.0.1"
-    tty-browserify "0.0.1"
-    url "~0.11.0"
-    util "~0.10.1"
-    vm-browserify "^1.0.0"
-    xtend "^4.0.0"
-
 browserslist@^4.0.0:
   version "4.7.0"
   resolved "https://registry.npmjs.org/browserslist/-/browserslist-4.7.0.tgz#9ee89225ffc07db03409f2fee524dc8227458a17"
@@ -2391,6 +2426,11 @@ browserslist@^4.7.3:
     electron-to-chromium "^1.3.306"
     node-releases "^1.1.40"
 
+bs-custom-file-input@^1.3.2:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/bs-custom-file-input/-/bs-custom-file-input-1.3.2.tgz#c141c94071cc5e9ac4ea98479a1c204dd18e3b9a"
+  integrity sha512-lzgtGX2GDo7nUmsTCcTvYkCc35d3/E14h+HXmFKV8z2EJmtkMcvYT8BsWOjK67+ogZR3kc8OfH5O8APjvDUtFg==
+
 bs-logger@0.x:
   version "0.2.6"
   resolved "https://registry.yarnpkg.com/bs-logger/-/bs-logger-0.2.6.tgz#eb7d365307a72cf974cc6cda76b68354ad336bd8"
@@ -2405,6 +2445,11 @@ bser@^2.0.0:
   dependencies:
     node-int64 "^0.4.0"
 
+buffer-equal@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/buffer-equal/-/buffer-equal-0.0.1.tgz#91bc74b11ea405bc916bc6aa908faafa5b4aac4b"
+  integrity sha1-kbx0sR6kBbyRa8aqkI+q+ltKrEs=
+
 buffer-from@1.x, buffer-from@^1.0.0:
   version "1.1.1"
   resolved "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.1.tgz#32713bc028f75c02fdb710d7c7bcec1f2c6070ef"
@@ -2434,14 +2479,6 @@ buffer@^4.3.0:
     ieee754 "^1.1.4"
     isarray "^1.0.0"
 
-buffer@^5.0.2:
-  version "5.2.1"
-  resolved "https://registry.npmjs.org/buffer/-/buffer-5.2.1.tgz#dd57fa0f109ac59c602479044dca7b8b3d0b71d6"
-  integrity sha512-c+Ko0loDaFfuPWiL02ls9Xd3GO3cPVmUobQ6t3rXNUk304u6hGq+8N/kFi+QEIKhzK3uwolVhLzszmfLmMLnqg==
-  dependencies:
-    base64-js "^1.0.2"
-    ieee754 "^1.1.4"
-
 builtin-status-codes@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz#85982878e21b98e1c66425e03d0174788f569ee8"
@@ -2505,11 +2542,6 @@ cache-loader@^4.1.0:
     neo-async "^2.6.1"
     schema-utils "^2.0.0"
 
-cached-path-relative@^1.0.0, cached-path-relative@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.npmjs.org/cached-path-relative/-/cached-path-relative-1.0.2.tgz#a13df4196d26776220cc3356eb147a52dba2c6db"
-  integrity sha512-5r2GqsoEb4qMTTN9J+WzXfjov+hjxT+j3u5K+kIVNIwAd99DLCJE9pBIMP1qVeybV6JiijL385Oz0DcYxfbOIg==
-
 caller-callsite@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/caller-callsite/-/caller-callsite-2.0.0.tgz#847e0fce0a223750a9a027c54b33731ad3154134"
@@ -2601,15 +2633,28 @@ chardet@^0.7.0:
   version "0.7.0"
   resolved "https://registry.yarnpkg.com/chardet/-/chardet-0.7.0.tgz#90094849f0937f2eedc2425d0d28a9e5f0cbad9e"
 
-charm@~0.1.0:
-  version "0.1.2"
-  resolved "https://registry.npmjs.org/charm/-/charm-0.1.2.tgz#06c21eed1a1b06aeb67553cdc53e23274bac2296"
-  integrity sha1-BsIe7RobBq62dVPNxT4jJ0usIpY=
+chart.js@^2.9.2:
+  version "2.9.3"
+  resolved "https://registry.yarnpkg.com/chart.js/-/chart.js-2.9.3.tgz#ae3884114dafd381bc600f5b35a189138aac1ef7"
+  integrity sha512-+2jlOobSk52c1VU6fzkh3UwqHMdSlgH1xFv9FKMqHiNCpXsGPQa/+81AFa+i3jZ253Mq9aAycPwDjnn1XbRNNw==
+  dependencies:
+    chartjs-color "^2.1.0"
+    moment "^2.10.2"
 
-chart.js@1.0.*:
-  version "1.0.2"
-  resolved "https://registry.npmjs.org/chart.js/-/chart.js-1.0.2.tgz#ad57d2229cfd8ccf5955147e8121b4911e69dfe7"
-  integrity sha1-rVfSIpz9jM9ZVRR+gSG0kR5p3+c=
+chartjs-color-string@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/chartjs-color-string/-/chartjs-color-string-0.6.0.tgz#1df096621c0e70720a64f4135ea171d051402f71"
+  integrity sha512-TIB5OKn1hPJvO7JcteW4WY/63v6KwEdt6udfnDE9iCAZgy+V4SrbSxoIbTw/xkUIapjEI4ExGtD0+6D3KyFd7A==
+  dependencies:
+    color-name "^1.0.0"
+
+chartjs-color@^2.1.0:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/chartjs-color/-/chartjs-color-2.4.1.tgz#6118bba202fe1ea79dd7f7c0f9da93467296c3b0"
+  integrity sha512-haqOg1+Yebys/Ts/9bLo/BqUcONQOdr/hoEr2LLTRl6C5LXctUdHxsCYfvQVg5JIxITrfCNUDr4ntqmQk9+/0w==
+  dependencies:
+    chartjs-color-string "^0.6.0"
+    color-convert "^1.9.3"
 
 "chokidar@>=2.0.0 <4.0.0":
   version "3.1.1"
@@ -2675,11 +2720,6 @@ cipher-base@^1.0.0, cipher-base@^1.0.1, cipher-base@^1.0.3:
     inherits "^2.0.1"
     safe-buffer "^5.0.1"
 
-ckeditor@^4.11.2:
-  version "4.11.4"
-  resolved "https://registry.npmjs.org/ckeditor/-/ckeditor-4.11.4.tgz#5edbc235808f9e0f562e8e642eeb04fa1b01b633"
-  integrity sha512-h1EymdwFDdQuDO1vEisUagZ/WYiDnvvvtftYmbmqbbUf9vk21ovXb7mXnQimvTYJfRQBgJCoqfjFDfcQIfw9ig==
-
 class-utils@^0.3.5:
   version "0.3.6"
   resolved "https://registry.npmjs.org/class-utils/-/class-utils-0.3.6.tgz#f93369ae8b9a7ce02fd41faad0ca83033190c463"
@@ -2690,11 +2730,6 @@ class-utils@^0.3.5:
     isobject "^3.0.0"
     static-extend "^0.1.1"
 
-classie@>=0.0.1:
-  version "1.0.0"
-  resolved "https://registry.npmjs.org/classie/-/classie-1.0.0.tgz#fc9b29b47e64e374a2062fb624d05a61cd703ab2"
-  integrity sha1-/JsptH5k43SiBi+2JNBaYc1wOrI=
-
 cli-cursor@^2.1.0:
   version "2.1.0"
   resolved "https://registry.npmjs.org/cli-cursor/-/cli-cursor-2.1.0.tgz#b35dac376479facc3e94747d41d0d0f5238ffcb5"
@@ -2733,6 +2768,11 @@ clone-deep@^2.0.1:
     kind-of "^6.0.0"
     shallow-clone "^1.0.0"
 
+clone@^1.0.1:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/clone/-/clone-1.0.4.tgz#da309cc263df15994c688ca902179ca3c7cd7c7e"
+  integrity sha1-2jCcwmPfFZlMaIypAheco8fNfH4=
+
 co@^4.6.0:
   version "4.6.0"
   resolved "https://registry.npmjs.org/co/-/co-4.6.0.tgz#6ea6bdf3d853ae54ccb8e47bfa0bf3f9031fb184"
@@ -2777,9 +2817,9 @@ collection-visit@^1.0.0:
     map-visit "^1.0.0"
     object-visit "^1.0.0"
 
-color-convert@^1.9.0, color-convert@^1.9.1:
+color-convert@^1.9.0, color-convert@^1.9.1, color-convert@^1.9.3:
   version "1.9.3"
-  resolved "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
+  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
   integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
   dependencies:
     color-name "1.1.3"
@@ -2817,16 +2857,6 @@ color@^3.0.0:
     color-convert "^1.9.1"
     color-string "^1.5.2"
 
-combine-source-map@^0.8.0, combine-source-map@~0.8.0:
-  version "0.8.0"
-  resolved "https://registry.npmjs.org/combine-source-map/-/combine-source-map-0.8.0.tgz#a58d0df042c186fcf822a8e8015f5450d2d79a8b"
-  integrity sha1-pY0N8ELBhvz4IqjoAV9UUNLXmos=
-  dependencies:
-    convert-source-map "~1.1.0"
-    inline-source-map "~0.6.0"
-    lodash.memoize "~3.0.3"
-    source-map "~0.5.3"
-
 combined-stream@^1.0.6, combined-stream@~1.0.6:
   version "1.0.8"
   resolved "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
@@ -2874,7 +2904,7 @@ concat-map@0.0.1:
   resolved "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
   integrity sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=
 
-concat-stream@^1.5.0, concat-stream@^1.6.0, concat-stream@^1.6.1, concat-stream@~1.6.0:
+concat-stream@^1.5.0, concat-stream@~1.6.0:
   version "1.6.2"
   resolved "https://registry.npmjs.org/concat-stream/-/concat-stream-1.6.2.tgz#904bdf194cd3122fc675c77fc4ac3d4ff0fd1a34"
   integrity sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==
@@ -2913,7 +2943,7 @@ consolidate@^0.15.1:
   dependencies:
     bluebird "^3.1.1"
 
-constants-browserify@^1.0.0, constants-browserify@~1.0.0:
+constants-browserify@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/constants-browserify/-/constants-browserify-1.0.0.tgz#c20b96d8c617748aaf1c16021760cd27fcb8cb75"
   integrity sha1-wguW2MYXdIqvHBYCF2DNJ/y4y3U=
@@ -2942,18 +2972,13 @@ convert-source-map@^1.1.0, convert-source-map@^1.4.0:
   dependencies:
     safe-buffer "~5.1.1"
 
-convert-source-map@^1.7.0:
+convert-source-map@^1.5.1, convert-source-map@^1.7.0:
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.7.0.tgz#17a2cb882d7f77d3490585e2ce6c524424a3a442"
   integrity sha512-4FJkXzKXEDB1snCFZlLP4gpC3JILicCpGbzG9f9G7tGqGCzETQ2hWPrcinA9oU4wtf2biUaEH5065UnMeR33oA==
   dependencies:
     safe-buffer "~5.1.1"
 
-convert-source-map@~1.1.0:
-  version "1.1.3"
-  resolved "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.1.3.tgz#4829c877e9fe49b3161f3bf3673888e204699860"
-  integrity sha1-SCnId+n+SbMWHzvzZziI4gRpmGA=
-
 convert-to-spaces@^1.0.1:
   version "1.0.2"
   resolved "https://registry.npmjs.org/convert-to-spaces/-/convert-to-spaces-1.0.2.tgz#7e3e48bbe6d997b1417ddca2868204b4d3d85715"
@@ -3088,7 +3113,7 @@ cross-spawn@6.0.5, cross-spawn@^6.0.0, cross-spawn@^6.0.5:
     shebang-command "^1.2.0"
     which "^1.2.9"
 
-crypto-browserify@^3.0.0, crypto-browserify@^3.11.0:
+crypto-browserify@^3.11.0:
   version "3.12.0"
   resolved "https://registry.npmjs.org/crypto-browserify/-/crypto-browserify-3.12.0.tgz#396cf9f3137f03e4b8e532c58f698254e00f80ec"
   integrity sha512-fz4spIh+znjO2VjL+IdhEpRJ3YN6sMzITSBijk6FK2UvTqruSQW+/cCZTSNsMiZNvUeq0CqurF+dAbyiGOY6Wg==
@@ -3105,6 +3130,11 @@ crypto-browserify@^3.0.0, crypto-browserify@^3.11.0:
     randombytes "^2.0.0"
     randomfill "^1.0.3"
 
+crypto-js@^3.1.9-1:
+  version "3.1.9-1"
+  resolved "https://registry.yarnpkg.com/crypto-js/-/crypto-js-3.1.9-1.tgz#fda19e761fc077e01ffbfdc6e9fdfc59e8806cd8"
+  integrity sha1-/aGedh/Ad+Af+/3G6f38WeiAbNg=
+
 css-color-names@0.0.4, css-color-names@^0.0.4:
   version "0.0.4"
   resolved "https://registry.npmjs.org/css-color-names/-/css-color-names-0.0.4.tgz#808adc2e79cf84738069b646cb20ec27beb629e0"
@@ -3292,10 +3322,13 @@ cyclist@^1.0.1:
   resolved "https://registry.npmjs.org/cyclist/-/cyclist-1.0.1.tgz#596e9698fd0c80e12038c2b82d6eb1b35b6224d9"
   integrity sha1-WW6WmP0MgOEgOMK4LW6xs1tiJNk=
 
-dash-ast@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.npmjs.org/dash-ast/-/dash-ast-1.0.0.tgz#12029ba5fb2f8aa6f0a861795b23c1b4b6c27d37"
-  integrity sha512-Vy4dx7gquTeMcQR/hDkYLGUnwVil6vk4FOOct+djUnHOUWt+zJPJAaRIXaAFkPXtJjvlY7o3rfRu0/3hpnwoUA==
+d@1, d@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/d/-/d-1.0.1.tgz#8698095372d58dbee346ffd0c7093f99f8f9eb5a"
+  integrity sha512-m62ShEObQ39CfralilEQRjH6oAMtNCV1xJyEx5LpRYUVN+EviphDgUc/F3hnYbADmkiNs67Y+3ylmlG7Lnu+FA==
+  dependencies:
+    es5-ext "^0.10.50"
+    type "^1.0.1"
 
 dashdash@^1.12.0:
   version "1.14.1"
@@ -3313,18 +3346,205 @@ data-urls@^1.0.0:
     whatwg-mimetype "^2.2.0"
     whatwg-url "^7.0.0"
 
-datatables.net-bs@^1.10.19:
-  version "1.10.19"
-  resolved "https://registry.npmjs.org/datatables.net-bs/-/datatables.net-bs-1.10.19.tgz#08763b4e4d0cef1a427d019dc15e717c7ed67a4d"
-  integrity sha512-5gxoI2n+duZP06+4xVC2TtH6zcY369/TRKTZ1DdSgDcDUl4OYQsrXCuaLJmbVzna/5Y5lrMmK7CxgvYgIynICA==
+datatables.net-autofill-bs4@^2.3.4:
+  version "2.3.4"
+  resolved "https://registry.yarnpkg.com/datatables.net-autofill-bs4/-/datatables.net-autofill-bs4-2.3.4.tgz#761fe2873f5350d1388a8edc6cf660e8047b186f"
+  integrity sha512-oqmR84gwsMFOj4OPwuGxSv6tbJWb8DDOqS3Ltg///gEPsgHgFgF0Si3GDLwNGtzF87T9G/q7HpVO3ZUmM5ChZw==
   dependencies:
-    datatables.net "1.10.19"
+    datatables.net-autofill "2.3.4"
+    datatables.net-bs4 "^1.10.15"
     jquery ">=1.7"
 
-datatables.net@1.10.19, datatables.net@^1.10.19:
-  version "1.10.19"
-  resolved "https://registry.npmjs.org/datatables.net/-/datatables.net-1.10.19.tgz#97a1ed41c85e62d61040603481b59790a172dd1f"
-  integrity sha512-+ljXcI6Pj3PTGy5pesp3E5Dr3x3AV45EZe0o1r0gKENN2gafBKXodVnk2ypKwl2tTmivjxbkiqoWnipTefyBTA==
+datatables.net-autofill@2.3.4:
+  version "2.3.4"
+  resolved "https://registry.yarnpkg.com/datatables.net-autofill/-/datatables.net-autofill-2.3.4.tgz#f509249fa58ebaf1be8ac3b470016037698a979c"
+  integrity sha512-0mVCKbtgz8bAxb7Rt0MKjduJiTQNkLM6nPFkqPlMiTzGqlDjixrPA8BV35N60CptKhH8A/twy1sr9lHVrg/Niw==
+  dependencies:
+    datatables.net "^1.10.15"
+    jquery ">=1.7"
+
+datatables.net-bs4@^1.10.15, datatables.net-bs4@^1.10.20:
+  version "1.10.20"
+  resolved "https://registry.yarnpkg.com/datatables.net-bs4/-/datatables.net-bs4-1.10.20.tgz#beff1c8d3510826c0678eaa055270607c0e53882"
+  integrity sha512-kQmMUMsHMOlAW96ztdoFqjSbLnlGZQ63iIM82kHbmldsfYdzuyhbb4hTx6YNBi481WCO3iPSvI6YodNec46ZAw==
+  dependencies:
+    datatables.net "1.10.20"
+    jquery ">=1.7"
+
+datatables.net-buttons-bs4@^1.6.1:
+  version "1.6.1"
+  resolved "https://registry.yarnpkg.com/datatables.net-buttons-bs4/-/datatables.net-buttons-bs4-1.6.1.tgz#4abd9c83fbd753ffa4913adca1fae094df64b3ba"
+  integrity sha512-PdE1vrnRIeX+p++wnbpdnr97kgTCs+DDomtTccsQvMrFm29lxVa7uTz1awasfGRrCrJzpb5HjPrPJBzbGHrUyg==
+  dependencies:
+    datatables.net-bs4 "^1.10.15"
+    datatables.net-buttons "1.6.1"
+    jquery ">=1.7"
+
+datatables.net-buttons@1.6.1:
+  version "1.6.1"
+  resolved "https://registry.yarnpkg.com/datatables.net-buttons/-/datatables.net-buttons-1.6.1.tgz#f62847e7c6f905fcf7339e7541a40741bbb3b8fb"
+  integrity sha512-Lcgvi/xGB2X0jr1n/uQMmg43Z1JQO6aaGjPHO+sAQAMfBGBi9cK1hhfM4Vg8gzC5fz3sW4QrtjAdKvOPnQ1A3w==
+  dependencies:
+    datatables.net "^1.10.15"
+    jquery ">=1.7"
+
+datatables.net-colreorder-bs4@^1.5.2:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/datatables.net-colreorder-bs4/-/datatables.net-colreorder-bs4-1.5.2.tgz#4fe1a9ffe679e7e84f3ccb58c9c4d31ac0d49a1b"
+  integrity sha512-L5omHV0agczRZwR9eismTOq+/9/glQqZUeRfigEc+5oMKLnubJkVHQLOanY2duDl3stvsZ6ebWbXWEh6tndgDg==
+  dependencies:
+    datatables.net-bs4 "^1.10.15"
+    datatables.net-colreorder "1.5.2"
+    jquery ">=1.7"
+
+datatables.net-colreorder@1.5.2:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/datatables.net-colreorder/-/datatables.net-colreorder-1.5.2.tgz#c425cee1f88b3246be0363c67a152be743ca6bce"
+  integrity sha512-77ShdeM7QjKI6M1jfWQ4ZempSYMmmpe9NqjimHBp+o9lAto789YdCLiFrW71dwn1v8Awp4qcMShqHNxGzR/HVg==
+  dependencies:
+    datatables.net "^1.10.15"
+    jquery ">=1.7"
+
+datatables.net-fixedcolumns-bs4@^3.3.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/datatables.net-fixedcolumns-bs4/-/datatables.net-fixedcolumns-bs4-3.3.0.tgz#15fc5e6cc7ccf5c60bbebe47185476b699a43e40"
+  integrity sha512-X6EVk0Y5pE4yfCM+Igk1nUrBu1ou1abyldWERqs0mc/x95TFPTc0pqy5XEb/bxvzi0oyYNR2Pojq4j48uLK+iQ==
+  dependencies:
+    datatables.net-bs4 "^1.10.15"
+    datatables.net-fixedcolumns "3.3.0"
+    jquery ">=1.7"
+
+datatables.net-fixedcolumns@3.3.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/datatables.net-fixedcolumns/-/datatables.net-fixedcolumns-3.3.0.tgz#885b35b7f155ff5e08e1532e23363f14050bb1af"
+  integrity sha512-+/LJKQyOlUb7j9mD8oCDs5pd6egi1zPI65YaXPwKlwYlX+fI4BNkHhGwmxCrCDM2nS6/2tA59OuNkfLNCKlx1Q==
+  dependencies:
+    datatables.net "^1.10.15"
+    jquery ">=1.7"
+
+datatables.net-fixedheader-bs4@^3.1.6:
+  version "3.1.6"
+  resolved "https://registry.yarnpkg.com/datatables.net-fixedheader-bs4/-/datatables.net-fixedheader-bs4-3.1.6.tgz#d1b12981bf127cfef658a0a742719aaeac6894eb"
+  integrity sha512-mat50UvCNhE5E2jhqEAO07LJ7I++pxFwpbNUfVtuFg866Tf3uHAKHgsXnsXW8kqiER931g4LbxO28axyquj1tw==
+  dependencies:
+    datatables.net-bs4 "^1.10.15"
+    datatables.net-fixedheader "3.1.6"
+    jquery ">=1.7"
+
+datatables.net-fixedheader@3.1.6:
+  version "3.1.6"
+  resolved "https://registry.yarnpkg.com/datatables.net-fixedheader/-/datatables.net-fixedheader-3.1.6.tgz#b139b88a213460dbeca5080c6251e81575697188"
+  integrity sha512-EMx2JogtXEQObaF7ylgB+pY4/vWhu/plTZNf5EvNMAboRha6FT4+14CHIyARVM/bjySPU+6advtft02pW3KxJg==
+  dependencies:
+    datatables.net "^1.10.15"
+    jquery ">=1.7"
+
+datatables.net-keytable-bs4@^2.5.1:
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/datatables.net-keytable-bs4/-/datatables.net-keytable-bs4-2.5.1.tgz#011b1950322d9038b1a1958d0a3e58679d902cb2"
+  integrity sha512-K3WlmCxVsmUpIKNEbP+2gggJ4eVnHI8NUleSDagmpromxErxmvsli7Sa35ZCRaCkMn/81TwFMIA2cHKfYotJyQ==
+  dependencies:
+    datatables.net-bs4 "^1.10.15"
+    datatables.net-keytable "2.5.1"
+    jquery ">=1.7"
+
+datatables.net-keytable@2.5.1:
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/datatables.net-keytable/-/datatables.net-keytable-2.5.1.tgz#7a6ba0b8085eaacc2cdc20f6348e8abd77b899c6"
+  integrity sha512-06b1ilIyIaEK3jcCqHjcZCIBjgSBwW/Aj/H8TMS/J0pO//UR/N0t3O9lvklqZurTtKCkP2HDaS+hgTavgyWnJA==
+  dependencies:
+    datatables.net "^1.10.15"
+    jquery ">=1.7"
+
+datatables.net-responsive-bs4@^2.2.3:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/datatables.net-responsive-bs4/-/datatables.net-responsive-bs4-2.2.3.tgz#639de17c1d31210ebf2b3c25f1c774c13f729e94"
+  integrity sha512-SQaWI0uLuPcaiBBin9zX+MuQfTSIkK1bYxbXqUV6NLkHCVa6PMQK7Rvftj0ywG4R7uOtjbzY8nSVqxEKvQI0Vg==
+  dependencies:
+    datatables.net-bs4 "^1.10.15"
+    datatables.net-responsive "2.2.3"
+    jquery ">=1.7"
+
+datatables.net-responsive@2.2.3:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/datatables.net-responsive/-/datatables.net-responsive-2.2.3.tgz#50a2b1b4955b16b32f573a3f00f473b0bfbee913"
+  integrity sha512-8D6VtZcyuH3FG0Hn5A4LPZQEOX3+HrRFM7HjpmsQc/nQDBbdeBLkJX4Sh/o1nzFTSneuT1Wh/lYZHVPpjcN+Sw==
+  dependencies:
+    datatables.net "^1.10.15"
+    jquery ">=1.7"
+
+datatables.net-rowgroup-bs4@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/datatables.net-rowgroup-bs4/-/datatables.net-rowgroup-bs4-1.1.1.tgz#57c17e611f8f8ec0aa456fd325bbf466545c230d"
+  integrity sha512-39+6bqlF5emY2VJOTgwEfbJMBjxveKGrKnZb5ltTzCp70q5mX+OTzJVJJlKI6wXjQXx5765B6xbFHNGKIRPNHw==
+  dependencies:
+    datatables.net-bs4 "^1.10.15"
+    datatables.net-rowgroup "1.1.1"
+    jquery ">=1.7"
+
+datatables.net-rowgroup@1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/datatables.net-rowgroup/-/datatables.net-rowgroup-1.1.1.tgz#616531e5fb3c8642f6a51fb14801f8aff50cf90e"
+  integrity sha512-uGdD7t7quFZ1Qnze0ScO4qmreoxK07rp9ukU68/ITkWCQjYOfXoqB8izJP9o+TYs7P8sM4Q8ecxzPm7z5pOauw==
+  dependencies:
+    datatables.net "^1.10.15"
+    jquery ">=1.7"
+
+datatables.net-rowreorder-bs4@^1.2.6:
+  version "1.2.6"
+  resolved "https://registry.yarnpkg.com/datatables.net-rowreorder-bs4/-/datatables.net-rowreorder-bs4-1.2.6.tgz#b3333ede3d84d6b5cce346d1aece1fb0d2a937ac"
+  integrity sha512-Ld1liPNlhOBXjZFg+OpzRdAcYvQNe2JgbXOc2rl2XcU89VHrT5LARt0oZoyuyJiuEIlBgoxNnBzXXw1dFrP5zg==
+  dependencies:
+    datatables.net-bs4 "^1.10.15"
+    datatables.net-rowreorder "1.2.6"
+    jquery ">=1.7"
+
+datatables.net-rowreorder@1.2.6:
+  version "1.2.6"
+  resolved "https://registry.yarnpkg.com/datatables.net-rowreorder/-/datatables.net-rowreorder-1.2.6.tgz#e1788c4dea84b12223bc5dde3e4a70c316a12ae6"
+  integrity sha512-bGlFPR/0o4YxBAiU6MWB9TZgJHOI6NduQL4vGoQj9/KvqkgzT1EUTOxmv0NKTP7uDO1x5ZEyPhmscIae9ATIIA==
+  dependencies:
+    datatables.net "^1.10.15"
+    jquery ">=1.7"
+
+datatables.net-scroller-bs4@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/datatables.net-scroller-bs4/-/datatables.net-scroller-bs4-2.0.1.tgz#aa7d33eee1cd26e03c6e5598116292d91874acae"
+  integrity sha512-NMZNU36aAfNYmryZz8j5EsO6mnUxoyx+5j8PxSNfyrNhMVFtFmSCRJrWNfmfYN5zpOe3/XgjbXytaD5LdWHszg==
+  dependencies:
+    datatables.net-bs4 "^1.10.15"
+    datatables.net-scroller "2.0.1"
+    jquery ">=1.7"
+
+datatables.net-scroller@2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/datatables.net-scroller/-/datatables.net-scroller-2.0.1.tgz#17040d3f1da9b4e174729b6b7f0e36b6bf818adc"
+  integrity sha512-FnbJXT1Zu8FVK+wXcMuEVyFJkLXDi65i+jPCSVH2ZkNSPp+mfeBVtZH41MLGspNouP/IdudKIoCXzPNR/+OhpQ==
+  dependencies:
+    datatables.net "^1.10.15"
+    jquery ">=1.7"
+
+datatables.net-select-bs4@^1.3.1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/datatables.net-select-bs4/-/datatables.net-select-bs4-1.3.1.tgz#1c39c7fd5bfb66b5c8402611c2c64fc47e3cfca4"
+  integrity sha512-8UOBxChTsn24nP/ZOsIMGZOdTJymQZ8WcQ81NcGgyDz6b4JlsQl8Bwb89AcVT7hncMquPJ3d5WUGG4I9WMhAlw==
+  dependencies:
+    datatables.net-bs4 "^1.10.15"
+    datatables.net-select "1.3.1"
+    jquery ">=1.7"
+
+datatables.net-select@1.3.1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/datatables.net-select/-/datatables.net-select-1.3.1.tgz#ec2c3ad7df2bc9c13c09587d0bfd0ceba52a8bff"
+  integrity sha512-PeVd/hlAX58QzL0+mGvxnXP7ylLtzZMeAots/uZkQi+6c/KI6JuP8LCJoEMHAsSjQM/BnG7Uw8E1YGOz1tZpQQ==
+  dependencies:
+    datatables.net "^1.10.15"
+    jquery ">=1.7"
+
+datatables.net@1.10.20, datatables.net@^1.10.15, datatables.net@^1.10.20:
+  version "1.10.20"
+  resolved "https://registry.yarnpkg.com/datatables.net/-/datatables.net-1.10.20.tgz#9d65ecc3c83cbe7baa4fa5a053405c8fe42c1350"
+  integrity sha512-4E4S7tTU607N3h0fZPkGmAtr9mwy462u+VJ6gxYZ8MxcRIjZqHy3Dv1GNry7i3zQCktTdWbULVKBbkAJkuHEnQ==
   dependencies:
     jquery ">=1.7"
 
@@ -3338,6 +3558,14 @@ date-now@^0.1.4:
   resolved "https://registry.npmjs.org/date-now/-/date-now-0.1.4.tgz#eaf439fd4d4848ad74e5cc7dbef200672b9e345b"
   integrity sha1-6vQ5/U1ISK105cx9vvIAZyueNFs=
 
+daterangepicker@^3.0.5:
+  version "3.0.5"
+  resolved "https://registry.yarnpkg.com/daterangepicker/-/daterangepicker-3.0.5.tgz#97180f233cf9c222cd0767b9c37c2926976d633a"
+  integrity sha512-BoVV+OjVARWNE15iF+3Y2QIMioAD2UODHvJwIq+NtG0vxh61dXRmOMXlw2dsvxS8KY4n5uvIcBfIPiEiiGJcBg==
+  dependencies:
+    jquery ">=1.10"
+    moment "^2.9.0"
+
 de-indent@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/de-indent/-/de-indent-1.0.2.tgz#b2038e846dc33baa5796128d0804b455b8c1e21d"
@@ -3379,6 +3607,18 @@ decode-uri-component@^0.2.0:
   resolved "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.0.tgz#eb3913333458775cb84cd1a1fae062106bb87545"
   integrity sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU=
 
+deep-equal@^1.0.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/deep-equal/-/deep-equal-1.1.1.tgz#b5c98c942ceffaf7cb051e24e1434a25a2e6076a"
+  integrity sha512-yd9c5AdiqVcR+JjcwUQb9DkhJc8ngNr0MahEBGvDiJw8puWab2yZlh+nkasOnZP+EGTAP6rRp2JzJhJZzvNF8g==
+  dependencies:
+    is-arguments "^1.0.4"
+    is-date-object "^1.0.1"
+    is-regex "^1.0.4"
+    object-is "^1.0.1"
+    object-keys "^1.1.1"
+    regexp.prototype.flags "^1.2.0"
+
 deep-equal@^1.0.1:
   version "1.1.0"
   resolved "https://registry.npmjs.org/deep-equal/-/deep-equal-1.1.0.tgz#3103cdf8ab6d32cf4a8df7865458f2b8d33f3745"
@@ -3443,11 +3683,6 @@ define-property@^2.0.2:
     is-descriptor "^1.0.2"
     isobject "^3.0.1"
 
-defined@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.npmjs.org/defined/-/defined-1.0.0.tgz#c98d9bcef75674188e110969151199e39b1fa693"
-  integrity sha1-yY2bzvdWdBiOEQlpFRGZ45sfppM=
-
 del@^4.1.1:
   version "4.1.1"
   resolved "https://registry.npmjs.org/del/-/del-4.1.1.tgz#9e8f117222ea44a31ff3a156c049b99052a9f0b4"
@@ -3476,16 +3711,6 @@ depd@~1.1.2:
   resolved "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz#9bcd52e14c097763e749b274c4346ed2e560b5a9"
   integrity sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=
 
-deps-sort@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.npmjs.org/deps-sort/-/deps-sort-2.0.0.tgz#091724902e84658260eb910748cccd1af6e21fb5"
-  integrity sha1-CRckkC6EZYJg65EHSMzNGvbiH7U=
-  dependencies:
-    JSONStream "^1.0.3"
-    shasum "^1.0.0"
-    subarg "^1.0.0"
-    through2 "^2.0.0"
-
 des.js@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/des.js/-/des.js-1.0.0.tgz#c074d2e2aa6a8a9a07dbd61f9a15c2cd83ec8ecc"
@@ -3519,14 +3744,10 @@ detect-node@^2.0.4:
   resolved "https://registry.npmjs.org/detect-node/-/detect-node-2.0.4.tgz#014ee8f8f669c5c58023da64b8179c083a28c46c"
   integrity sha512-ZIzRpLJrOj7jjP2miAtgqIfmzbxa4ZOr5jJc601zklsfEx9oTzmmj2nVpIPRpNlRTIh8lc1kyViIY7BWSGNmKw==
 
-detective@^5.0.2:
-  version "5.2.0"
-  resolved "https://registry.npmjs.org/detective/-/detective-5.2.0.tgz#feb2a77e85b904ecdea459ad897cc90a99bd2a7b"
-  integrity sha512-6SsIx+nUUbuK0EthKjv0zrdnajCCXVYGmbYYiYjFVpzcjwEs/JMDZ8tPRG29J/HhN56t3GJp2cGSWDRjjot8Pg==
-  dependencies:
-    acorn-node "^1.6.1"
-    defined "^1.0.0"
-    minimist "^1.1.1"
+dfa@^1.0.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/dfa/-/dfa-1.2.0.tgz#96ac3204e2d29c49ea5b57af8d92c2ae12790657"
+  integrity sha512-ED3jP8saaweFTjeGX8HQPjeC1YYyZs98jGNZx6IiBvxW7JG5v492kamAQB3m2wop07CvU/RQmzcKr6bgcC5D/Q==
 
 diacriticless@1.0.1:
   version "1.0.1"
@@ -3606,7 +3827,7 @@ dom-serializer@0:
     domelementtype "^2.0.1"
     entities "^2.0.0"
 
-domain-browser@^1.1.1, domain-browser@^1.2.0:
+domain-browser@^1.1.1:
   version "1.2.0"
   resolved "https://registry.npmjs.org/domain-browser/-/domain-browser-1.2.0.tgz#3d31f50191a6749dd1375a7f522e823d42e54eda"
   integrity sha512-jnjyiM6eRyZl2H+W8Q/zLMA481hzi0eszAaBUzIVnmYVDBbnLxVNnfu1HgEBvCbL+71FrxMl3E6lpKH7Ge3OXA==
@@ -3628,15 +3849,6 @@ domexception@^1.0.1:
   dependencies:
     webidl-conversions "^4.0.2"
 
-domhelper@~0.9.0:
-  version "0.9.1"
-  resolved "https://registry.npmjs.org/domhelper/-/domhelper-0.9.1.tgz#26554e5bac2c9e9585dca500978df5067d64bd00"
-  integrity sha1-JlVOW6wsnpWF3KUAl431Bn1kvQA=
-  dependencies:
-    browserify ">=3.46.0"
-    classie ">=0.0.1"
-    util-extend "^1.0.1"
-
 domutils@^1.7.0:
   version "1.7.0"
   resolved "https://registry.npmjs.org/domutils/-/domutils-1.7.0.tgz#56ea341e834e06e6748af7a1cb25da67ea9f8c2a"
@@ -3652,9 +3864,9 @@ dot-prop@^4.1.1:
   dependencies:
     is-obj "^1.0.0"
 
-duplexer2@^0.1.2, duplexer2@~0.1.0, duplexer2@~0.1.2:
+duplexer2@~0.1.4:
   version "0.1.4"
-  resolved "https://registry.npmjs.org/duplexer2/-/duplexer2-0.1.4.tgz#8b12dab878c0d69e3e7891051662a32fc6bddcc1"
+  resolved "https://registry.yarnpkg.com/duplexer2/-/duplexer2-0.1.4.tgz#8b12dab878c0d69e3e7891051662a32fc6bddcc1"
   integrity sha1-ixLauHjA1p4+eJEFFmKjL8a93ME=
   dependencies:
     readable-stream "^2.0.2"
@@ -3689,6 +3901,11 @@ ee-first@1.1.1:
   resolved "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
   integrity sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=
 
+ekko-lightbox@^5.3.0:
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/ekko-lightbox/-/ekko-lightbox-5.3.0.tgz#fbfcd9df93a8d1cdbf8770adc8c05aaac4d24f56"
+  integrity sha512-mbacwySuVD3Ad6F2hTkjSTvJt59bcVv2l/TmBerp4xZnLak8tPtA4AScUn4DL42c1ksTiAO6sGhJZ52P/1Qgew==
+
 electron-to-chromium@^1.3.150:
   version "1.3.164"
   resolved "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.164.tgz#8680b875577882c1572c42218d53fa9ba5f71d5d"
@@ -3826,6 +4043,36 @@ es-to-primitive@^1.2.0:
     is-date-object "^1.0.1"
     is-symbol "^1.0.2"
 
+es5-ext@^0.10.35, es5-ext@^0.10.50, es5-ext@~0.10.14:
+  version "0.10.52"
+  resolved "https://registry.yarnpkg.com/es5-ext/-/es5-ext-0.10.52.tgz#bb21777e919a04263736ded120a9d665f10ea63f"
+  integrity sha512-bWCbE9fbpYQY4CU6hJbJ1vSz70EClMlDgJ7BmwI+zEJhxrwjesZRPglGJlsZhu0334U3hI+gaspwksH9IGD6ag==
+  dependencies:
+    es6-iterator "~2.0.3"
+    es6-symbol "~3.1.2"
+    next-tick "~1.0.0"
+
+es6-iterator@~2.0.1, es6-iterator@~2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/es6-iterator/-/es6-iterator-2.0.3.tgz#a7de889141a05a94b0854403b2d0a0fbfa98f3b7"
+  integrity sha1-p96IkUGgWpSwhUQDstCg+/qY87c=
+  dependencies:
+    d "1"
+    es5-ext "^0.10.35"
+    es6-symbol "^3.1.1"
+
+es6-map@^0.1.5:
+  version "0.1.5"
+  resolved "https://registry.yarnpkg.com/es6-map/-/es6-map-0.1.5.tgz#9136e0503dcc06a301690f0bb14ff4e364e949f0"
+  integrity sha1-kTbgUD3MBqMBaQ8LsU/042TpSfA=
+  dependencies:
+    d "1"
+    es5-ext "~0.10.14"
+    es6-iterator "~2.0.1"
+    es6-set "~0.1.5"
+    es6-symbol "~3.1.1"
+    event-emitter "~0.3.5"
+
 es6-promise@^4.0.3:
   version "4.2.8"
   resolved "https://registry.npmjs.org/es6-promise/-/es6-promise-4.2.8.tgz#4eb21594c972bc40553d276e510539143db53e0a"
@@ -3838,6 +4085,33 @@ es6-promisify@^5.0.0:
   dependencies:
     es6-promise "^4.0.3"
 
+es6-set@^0.1.5, es6-set@~0.1.5:
+  version "0.1.5"
+  resolved "https://registry.yarnpkg.com/es6-set/-/es6-set-0.1.5.tgz#d2b3ec5d4d800ced818db538d28974db0a73ccb1"
+  integrity sha1-0rPsXU2ADO2BjbU40ol02wpzzLE=
+  dependencies:
+    d "1"
+    es5-ext "~0.10.14"
+    es6-iterator "~2.0.1"
+    es6-symbol "3.1.1"
+    event-emitter "~0.3.5"
+
+es6-symbol@3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/es6-symbol/-/es6-symbol-3.1.1.tgz#bf00ef4fdab6ba1b46ecb7b629b4c7ed5715cc77"
+  integrity sha1-vwDvT9q2uhtG7Le2KbTH7VcVzHc=
+  dependencies:
+    d "1"
+    es5-ext "~0.10.14"
+
+es6-symbol@^3.1.1, es6-symbol@~3.1.1, es6-symbol@~3.1.2:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/es6-symbol/-/es6-symbol-3.1.3.tgz#bad5d3c1bcdac28269f4cb331e431c78ac705d18"
+  integrity sha512-NJ6Yn3FuDinBaBRWl/q5X/s4koRHBrgKAu+yGI6JCBeiu3qrcbJhwT2GeR/EXVfylRk8dpQVJoLEFhK+Mu31NA==
+  dependencies:
+    d "^1.0.1"
+    ext "^1.1.2"
+
 escape-html@~1.0.3:
   version "1.0.3"
   resolved "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
@@ -3848,6 +4122,18 @@ escape-string-regexp@^1.0.5:
   resolved "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
   integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
 
+escodegen@^1.11.1:
+  version "1.12.0"
+  resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-1.12.0.tgz#f763daf840af172bb3a2b6dd7219c0e17f7ff541"
+  integrity sha512-TuA+EhsanGcme5T3R0L80u4t8CpbXQjegRmf7+FPTJrtCTErXFeelblRgHQa1FofEzqYYJmJ/OqjTwREp9qgmg==
+  dependencies:
+    esprima "^3.1.3"
+    estraverse "^4.2.0"
+    esutils "^2.0.2"
+    optionator "^0.8.1"
+  optionalDependencies:
+    source-map "~0.6.1"
+
 escodegen@^1.9.1:
   version "1.11.1"
   resolved "https://registry.npmjs.org/escodegen/-/escodegen-1.11.1.tgz#c485ff8d6b4cdb89e27f4a856e91f118401ca510"
@@ -3860,6 +4146,29 @@ escodegen@^1.9.1:
   optionalDependencies:
     source-map "~0.6.1"
 
+escodegen@~1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-1.2.0.tgz#09de7967791cc958b7f89a2ddb6d23451af327e1"
+  integrity sha1-Cd55Z3kcyVi3+Jot220jRRrzJ+E=
+  dependencies:
+    esprima "~1.0.4"
+    estraverse "~1.5.0"
+    esutils "~1.0.0"
+  optionalDependencies:
+    source-map "~0.1.30"
+
+escodegen@~1.9.0:
+  version "1.9.1"
+  resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-1.9.1.tgz#dbae17ef96c8e4bedb1356f4504fa4cc2f7cb7e2"
+  integrity sha512-6hTjO1NAWkHnDk3OqQ4YrCuwwmGHL9S3nPlzBOUG/R44rda3wLNrfvQ5fkSGjyhHFKM7ALPKcKGrwvCLe0lC7Q==
+  dependencies:
+    esprima "^3.1.3"
+    estraverse "^4.2.0"
+    esutils "^2.0.2"
+    optionator "^0.8.1"
+  optionalDependencies:
+    source-map "~0.6.1"
+
 eslint-config-gplane@^5.1.3:
   version "5.1.4"
   resolved "https://registry.npmjs.org/eslint-config-gplane/-/eslint-config-gplane-5.1.4.tgz#6200c516913bcc1fbf4410645b05440e99c93760"
@@ -4025,6 +4334,11 @@ esprima@^4.0.0:
   resolved "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
   integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
 
+esprima@~1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/esprima/-/esprima-1.0.4.tgz#9f557e08fc3b4d26ece9dd34f8fbf476b62585ad"
+  integrity sha1-n1V+CPw7TSbs6d00+Pv0drYlha0=
+
 esquery@^1.0.1:
   version "1.0.1"
   resolved "https://registry.npmjs.org/esquery/-/esquery-1.0.1.tgz#406c51658b1f5991a5f9b62b1dc25b00e3e5c708"
@@ -4047,31 +4361,54 @@ estraverse@^4.1.0, estraverse@^4.1.1:
   resolved "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d"
   integrity sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==
 
+estraverse@~1.5.0:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-1.5.1.tgz#867a3e8e58a9f84618afb6c2ddbcd916b7cbaf71"
+  integrity sha1-hno+jlip+EYYr7bC3bzZFrfLr3E=
+
+estree-is-function@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/estree-is-function/-/estree-is-function-1.0.0.tgz#c0adc29806d7f18a74db7df0f3b2666702e37ad2"
+  integrity sha512-nSCWn1jkSq2QAtkaVLJZY2ezwcFO161HVc174zL1KPW3RJ+O6C3eJb8Nx7OXzvhoEv+nLgSR1g71oWUHUDTrJA==
+
 esutils@^2.0.2:
   version "2.0.2"
   resolved "https://registry.npmjs.org/esutils/-/esutils-2.0.2.tgz#0abf4f1caa5bcb1f7a9d8acc6dea4faaa04bac9b"
   integrity sha1-Cr9PHKpbyx96nYrMbepPqqBLrJs=
 
+esutils@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/esutils/-/esutils-1.0.0.tgz#8151d358e20c8acc7fb745e7472c0025fe496570"
+  integrity sha1-gVHTWOIMisx/t0XnRywAJf5JZXA=
+
 etag@~1.8.1:
   version "1.8.1"
   resolved "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz#41ae2eeb65efa62268aebfea83ac7d79299b0887"
   integrity sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=
 
+ev-emitter@^1.0.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/ev-emitter/-/ev-emitter-1.1.1.tgz#8f18b0ce5c76a5d18017f71c0a795c65b9138f2a"
+  integrity sha512-ipiDYhdQSCZ4hSbX4rMW+XzNKMD1prg/sTvoVmSLkuQ1MVlwjJQQA+sW8tMYR3BLUr9KjodFV4pvzunvRhd33Q==
+
 eve-raphael@0.5.0:
   version "0.5.0"
   resolved "https://registry.npmjs.org/eve-raphael/-/eve-raphael-0.5.0.tgz#17c754b792beef3fa6684d79cf5a47c63c4cda30"
   integrity sha1-F8dUt5K+7z+maE15z1pHxjxM2jA=
 
+event-emitter@~0.3.5:
+  version "0.3.5"
+  resolved "https://registry.yarnpkg.com/event-emitter/-/event-emitter-0.3.5.tgz#df8c69eef1647923c7157b9ce83840610b02cc39"
+  integrity sha1-34xp7vFkeSPHFXuc6DhAYQsCzDk=
+  dependencies:
+    d "1"
+    es5-ext "~0.10.14"
+
 eventemitter3@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.0.tgz#d65176163887ee59f386d64c82610b696a4a74eb"
   integrity sha512-qerSRB0p+UDEssxTtm6EDKcE7W4OaoisfIMl4CngyEhjpYglocpNg6UEqCvemdGhosAsg4sO2dXJOdyBifPGCg==
 
-events@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.npmjs.org/events/-/events-2.1.0.tgz#2a9a1e18e6106e0e812aa9ebd4a819b3c29c0ba5"
-  integrity sha512-3Zmiobend8P9DjmKAty0Era4jV8oJ0yGYe2nJJAxgymF9+N8F2m0hhZiMoWtcfepExzNKZumFU3ksdQbInGWCg==
-
 events@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/events/-/events-3.0.0.tgz#9a0a0dfaf62893d92b875b8f2698ca4114973e88"
@@ -4203,6 +4540,13 @@ express@^4.17.1:
     utils-merge "1.0.1"
     vary "~1.1.2"
 
+ext@^1.1.2:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/ext/-/ext-1.2.0.tgz#8dd8d2dd21bcced3045be09621fa0cbf73908ba4"
+  integrity sha512-0ccUQK/9e3NreLFg6K6np8aPyRgwycx+oFGtfx1dSp7Wj00Ozw9r05FgBRlzjf2XBM7LAzwgLyDscRrtSU91hA==
+  dependencies:
+    type "^2.0.0"
+
 extend-shallow@^2.0.1:
   version "2.0.1"
   resolved "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz#51af7d614ad9a9f610ea1bafbb989d6b1c56890f"
@@ -4261,6 +4605,16 @@ extsprintf@^1.2.0:
   resolved "https://registry.npmjs.org/extsprintf/-/extsprintf-1.4.0.tgz#e2689f8f356fad62cca65a3a91c5df5f9551692f"
   integrity sha1-4mifjzVvrWLMplo6kcXfX5VRaS8=
 
+falafel@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/falafel/-/falafel-2.1.0.tgz#96bb17761daba94f46d001738b3cedf3a67fe06c"
+  integrity sha1-lrsXdh2rqU9G0AFzizzt86Z/4Gw=
+  dependencies:
+    acorn "^5.0.0"
+    foreach "^2.0.5"
+    isarray "0.0.1"
+    object-keys "^1.0.6"
+
 fast-deep-equal@^2.0.1:
   version "2.0.1"
   resolved "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz#7b05218ddf9667bf7f370bf7fdb2cb15fdd0aa49"
@@ -4276,6 +4630,11 @@ fast-levenshtein@~2.0.4:
   resolved "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
   integrity sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=
 
+fast-memoize@^2.5.1:
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/fast-memoize/-/fast-memoize-2.5.1.tgz#c3519241e80552ce395e1a32dcdde8d1fd680f5d"
+  integrity sha512-xdmw296PCL01tMOXx9mdJSmWY29jQgxyuZdq0rEHMu+Tpe1eOEtCycoG6chzlcrWsNgpZP7oL8RiQr7+G6Bl6g==
+
 fastclick@^1.0.6:
   version "1.0.6"
   resolved "https://registry.npmjs.org/fastclick/-/fastclick-1.0.6.tgz#161625b27b1a5806405936bda9a2c1926d06be6a"
@@ -4351,6 +4710,14 @@ fill-range@^7.0.1:
   dependencies:
     to-regex-range "^5.0.1"
 
+filterizr@^2.2.3:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/filterizr/-/filterizr-2.2.3.tgz#345f7bc5d861cdd63f15e7ad7fc312355752a03a"
+  integrity sha512-1u3/TadXM12uNUlxHBRM31maMXY4DA2+sbeji4KSHk/m3LE4fMkTst+6W5YBlcBC1umICDiwplWsMqr6VzY5ZA==
+  dependencies:
+    fast-memoize "^2.5.1"
+    imagesloaded "^4.1.4"
+
 finalhandler@~1.1.2:
   version "1.1.2"
   resolved "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.2.tgz#b7e7d000ffd11938d0fdb053506f6ebabe9f587d"
@@ -4414,6 +4781,13 @@ findup-sync@3.0.0:
     micromatch "^3.0.4"
     resolve-dir "^1.0.1"
 
+flag-icon-css@^3.4.5:
+  version "3.4.5"
+  resolved "https://registry.yarnpkg.com/flag-icon-css/-/flag-icon-css-3.4.5.tgz#584d618563034e69cb9a5b7a7c8477ec8c029a49"
+  integrity sha512-COo/PuJY/JddBLkdi7jL3gWF0z/hcvBRA4kfMXUjLeLglFf5IsyAzKZuXaXfCubVrkraVizmEp7Bn05upTXofA==
+  dependencies:
+    opencollective-postinstall "2.0.2"
+
 flat-cache@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-2.0.1.tgz#5d296d6f04bda44a4630a301413bdbc2ec085ec0"
@@ -4426,10 +4800,10 @@ flatted@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/flatted/-/flatted-2.0.0.tgz#55122b6536ea496b4b44893ee2608141d10d9916"
 
-flot@^0.8.3:
-  version "0.8.3"
-  resolved "https://registry.npmjs.org/flot/-/flot-0.8.3.tgz#6d9b93c7aa2cfb30dfa1af9c1ec4c94070b1217f"
-  integrity sha512-xg2otcTJDvS+ERK+my4wxG/ASq90QURXtoM4LhacCq0jQW2jbyjdttbRNqU2cPykrpMvJ6b2uSp6SAgYAzj9tQ==
+flot@^3.2.13:
+  version "3.2.13"
+  resolved "https://registry.yarnpkg.com/flot/-/flot-3.2.13.tgz#f4457fd6042fe4ac4e4e124e7a7c7256e69f5362"
+  integrity sha512-ZJl8zazqgbn79YCdyzt9JV1r38Gk7Dkt+tBb5Kx1sMEDvLVz+ViwF/QTWKcYjyaPO+UW58FP+fFWZFp6dXeMAA==
 
 flush-write-stream@^1.0.0:
   version "1.1.1"
@@ -4446,10 +4820,22 @@ follow-redirects@^1.0.0:
   dependencies:
     debug "^3.0.0"
 
-font-awesome@^4.7.0:
-  version "4.7.0"
-  resolved "https://registry.npmjs.org/font-awesome/-/font-awesome-4.7.0.tgz#8fa8cf0411a1a31afd07b06d2902bb9fc815a133"
-  integrity sha1-j6jPBBGhoxr9B7BtKQK7n8gVoTM=
+fontkit@^1.0.0:
+  version "1.8.0"
+  resolved "https://registry.yarnpkg.com/fontkit/-/fontkit-1.8.0.tgz#deb9351619e90ddc91707b6156a9f14c8ab11554"
+  integrity sha512-EFDRCca7khfQWYu1iFhsqeABpi87f03MBdkT93ZE6YhqCdMzb5Eojb6c4dlJikGv5liuhByyzA7ikpIPTSBWbQ==
+  dependencies:
+    babel-runtime "^6.11.6"
+    brfs "^1.4.0"
+    brotli "^1.2.0"
+    browserify-optional "^1.0.0"
+    clone "^1.0.1"
+    deep-equal "^1.0.0"
+    dfa "^1.0.0"
+    restructure "^0.5.3"
+    tiny-inflate "^1.0.2"
+    unicode-properties "^1.0.0"
+    unicode-trie "^0.3.0"
 
 for-in@^0.1.3:
   version "0.1.8"
@@ -4468,6 +4854,11 @@ for-own@^1.0.0:
   dependencies:
     for-in "^1.0.1"
 
+foreach@^2.0.5:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/foreach/-/foreach-2.0.5.tgz#0bee005018aeb260d0a3af3ae658dd0136ec1b99"
+  integrity sha1-C+4AUBiusmDQo6865ljdATbsG5k=
+
 forever-agent@~0.6.1:
   version "0.6.1"
   resolved "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz#fbc71f0c41adeb37f96c577ad1ed42d8fdacca91"
@@ -4560,11 +4951,6 @@ fsevents@^2.0.6:
   resolved "https://registry.npmjs.org/fsevents/-/fsevents-2.0.7.tgz#382c9b443c6cbac4c57187cdda23aa3bf1ccfc2a"
   integrity sha512-a7YT0SV3RB+DjYcppwVDLtn13UQnmg0SWZS7ezZD0UjnLwXmy8Zm21GMVGLaFGimIqcvyMQaOJBrop8MyOp1kQ==
 
-fullcalendar@^3.10.0:
-  version "3.10.0"
-  resolved "https://registry.npmjs.org/fullcalendar/-/fullcalendar-3.10.0.tgz#cc5e87d518fd6550e142816a31dd191664847919"
-  integrity sha512-0OtsHhmdYhtFmQwXzyo8VqHzYgamg+zVOoytv5N13gI+iF6CGjevpCi/yBaQs0O4wY3OAp8I688IxdNYe0iAvw==
-
 function-bind@^1.1.1:
   version "1.1.1"
   resolved "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
@@ -4588,9 +4974,9 @@ gauge@~2.7.3:
     strip-ansi "^3.0.1"
     wide-align "^1.1.0"
 
-get-assigned-identifiers@^1.2.0:
+get-assigned-identifiers@^1.1.0:
   version "1.2.0"
-  resolved "https://registry.npmjs.org/get-assigned-identifiers/-/get-assigned-identifiers-1.2.0.tgz#6dbf411de648cbaf8d9169ebb0d2d576191e2ff1"
+  resolved "https://registry.yarnpkg.com/get-assigned-identifiers/-/get-assigned-identifiers-1.2.0.tgz#6dbf411de648cbaf8d9169ebb0d2d576191e2ff1"
   integrity sha512-mBBwmeGTrxEMO4pMaaf/uUEFHnYtwr8FTe8Y/mer4rcV/bye0qGm6pw1bGZFGStxC5O76c5ZAVBGnqHmOaJpdQ==
 
 get-caller-file@^1.0.1:
@@ -4654,7 +5040,7 @@ glob@7.0.x:
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
-glob@^7.0.3, glob@^7.1.0, glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4:
+glob@^7.0.3, glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4:
   version "7.1.4"
   resolved "https://registry.npmjs.org/glob/-/glob-7.1.4.tgz#aa608a2f6c577ad357e1ae5a5c26d9a8d1969255"
   integrity sha512-hkLPepehmnKk41pUGm3sYxoFs/umurYfYJCerbXEyFIWcAzvpipAgVkBqqT9RBKMGjnq6kMuyYwha6csxbiM1A==
@@ -4917,11 +5303,6 @@ html-entities@^1.2.1:
   resolved "https://registry.npmjs.org/html-entities/-/html-entities-1.2.1.tgz#0df29351f0721163515dfb9e5543e5f6eed5162f"
   integrity sha1-DfKTUfByEWNRXfueVUPl9u7VFi8=
 
-htmlescape@^1.1.0:
-  version "1.1.1"
-  resolved "https://registry.npmjs.org/htmlescape/-/htmlescape-1.1.1.tgz#3a03edc2214bca3b66424a3e7959349509cb0351"
-  integrity sha1-OgPtwiFLyjtmQko+eVk0lQnLA1E=
-
 http-deceiver@^1.2.7:
   version "1.2.7"
   resolved "https://registry.npmjs.org/http-deceiver/-/http-deceiver-1.2.7.tgz#fa7168944ab9a519d337cb0bec7284dc3e723d87"
@@ -5005,6 +5386,11 @@ https-proxy-agent@^2.2.1:
     agent-base "^4.1.0"
     debug "^3.1.0"
 
+icheck-bootstrap@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/icheck-bootstrap/-/icheck-bootstrap-3.0.1.tgz#60c9c9a71524e1d9dd5bd05167a62fef05cc3a1b"
+  integrity sha512-Rj3SybdcMcayhsP4IJ+hmCNgCKclaFcs/5zwCuLXH1WMo468NegjhZVxbSNKhEjJjnwc4gKETogUmPYSQ9lEZQ==
+
 iconv-lite@0.4.24, iconv-lite@^0.4.24, iconv-lite@^0.4.4:
   version "0.4.24"
   resolved "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
@@ -5012,6 +5398,13 @@ iconv-lite@0.4.24, iconv-lite@^0.4.24, iconv-lite@^0.4.4:
   dependencies:
     safer-buffer ">= 2.1.2 < 3"
 
+iconv-lite@^0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.5.0.tgz#59cdde0a2a297cc2aeb0c6445a195ee89f127550"
+  integrity sha512-NnEhI9hIEKHOzJ4f697DMz9IQEXr/MMJ5w64vN2/4Ai+wRnvV7SBrL0KLoRlwaKVghOc7LQ5YkPLuX146b6Ydw==
+  dependencies:
+    safer-buffer ">= 2.1.2 < 3"
+
 icss-utils@^4.0.0, icss-utils@^4.1.1:
   version "4.1.1"
   resolved "https://registry.npmjs.org/icss-utils/-/icss-utils-4.1.1.tgz#21170b53789ee27447c2f47dd683081403f9a467"
@@ -5050,6 +5443,18 @@ ignore@^5.0.2:
   resolved "https://registry.npmjs.org/ignore/-/ignore-5.1.2.tgz#e28e584d43ad7e92f96995019cc43b9e1ac49558"
   integrity sha512-vdqWBp7MyzdmHkkRWV5nY+PfGRbYbahfuvsBCh277tq+w9zyNi7h5CYJCK0kmzti9kU+O/cB7sE8HvKv6aXAKQ==
 
+imagesloaded@^4.1.4:
+  version "4.1.4"
+  resolved "https://registry.yarnpkg.com/imagesloaded/-/imagesloaded-4.1.4.tgz#1376efcd162bb768c34c3727ac89cc04051f3cc7"
+  integrity sha512-ltiBVcYpc/TYTF5nolkMNsnREHW+ICvfQ3Yla2Sgr71YFwQ86bDwV9hgpFhFtrGPuwEx5+LqOHIrdXBdoWwwsA==
+  dependencies:
+    ev-emitter "^1.0.0"
+
+immediate@~3.0.5:
+  version "3.0.6"
+  resolved "https://registry.yarnpkg.com/immediate/-/immediate-3.0.6.tgz#9db1dbd0faf8de6fbe0f5dd5e56bb606280de69b"
+  integrity sha1-nbHb0Pr43m++D13V5Wu2BigN5ps=
+
 import-cwd@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/import-cwd/-/import-cwd-2.1.0.tgz#aa6cf36e722761285cb371ec6519f53e2435b0a9"
@@ -5128,17 +5533,10 @@ ini@^1.3.4, ini@^1.3.5, ini@~1.3.0:
   resolved "https://registry.npmjs.org/ini/-/ini-1.3.5.tgz#eee25f56db1c9ec6085e0c22778083f596abf927"
   integrity sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw==
 
-inline-source-map@~0.6.0:
-  version "0.6.2"
-  resolved "https://registry.npmjs.org/inline-source-map/-/inline-source-map-0.6.2.tgz#f9393471c18a79d1724f863fa38b586370ade2a5"
-  integrity sha1-+Tk0ccGKedFyT4Y/o4tYY3Ct4qU=
-  dependencies:
-    source-map "~0.5.3"
-
-inputmask@^3.3.7:
-  version "3.3.11"
-  resolved "https://registry.npmjs.org/inputmask/-/inputmask-3.3.11.tgz#1421c94ae28c3dcd1b4d26337b508bb34998e2d8"
-  integrity sha1-FCHJSuKMPc0bTSYze1CLs0mY4tg=
+inputmask@^4.0.9:
+  version "4.0.9"
+  resolved "https://registry.yarnpkg.com/inputmask/-/inputmask-4.0.9.tgz#a60fc46cee52a35a0ba5f50b5cca3a6733ece18c"
+  integrity sha512-EodaYhJKncXRBwvCE8YrRmAFmBJ6bWdgX4Qw8QSnK5GBDXE03jgpJhrS+a2N0v2Zsgp+OjKXy7qACktjYD83Uw==
 
 inquirer@^6.2.2:
   version "6.2.2"
@@ -5158,22 +5556,6 @@ inquirer@^6.2.2:
     strip-ansi "^5.0.0"
     through "^2.3.6"
 
-insert-module-globals@^7.0.0:
-  version "7.2.0"
-  resolved "https://registry.npmjs.org/insert-module-globals/-/insert-module-globals-7.2.0.tgz#ec87e5b42728479e327bd5c5c71611ddfb4752ba"
-  integrity sha512-VE6NlW+WGn2/AeOMd496AHFYmE7eLKkUY6Ty31k4og5vmA3Fjuwe9v6ifH6Xx/Hz27QvdoMoviw1/pqWRB09Sw==
-  dependencies:
-    JSONStream "^1.0.3"
-    acorn-node "^1.5.2"
-    combine-source-map "^0.8.0"
-    concat-stream "^1.6.1"
-    is-buffer "^1.1.0"
-    path-is-absolute "^1.0.1"
-    process "~0.11.0"
-    through2 "^2.0.0"
-    undeclared-identifiers "^1.1.2"
-    xtend "^4.0.0"
-
 internal-ip@^4.3.0:
   version "4.3.0"
   resolved "https://registry.npmjs.org/internal-ip/-/internal-ip-4.3.0.tgz#845452baad9d2ca3b69c635a137acb9a0dad0907"
@@ -5206,11 +5588,6 @@ ion-rangeslider@^2.3.0:
   dependencies:
     jquery ">=1.8"
 
-ionicons@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.npmjs.org/ionicons/-/ionicons-3.0.0.tgz#40b8daf4fd7a31150bd002160f66496e22a98c3c"
-  integrity sha1-QLja9P16MRUL0AIWD2ZJbiKpjDw=
-
 ip-regex@^2.1.0:
   version "2.1.0"
   resolved "https://registry.npmjs.org/ip-regex/-/ip-regex-2.1.0.tgz#fa78bf5d2e6913c911ce9f819ee5146bb6d844e9"
@@ -5284,7 +5661,7 @@ is-binary-path@^2.1.0:
   dependencies:
     binary-extensions "^2.0.0"
 
-is-buffer@^1.1.0, is-buffer@^1.1.5:
+is-buffer@^1.1.5:
   version "1.1.6"
   resolved "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz#efaa2ea9daa0d7ab2ea13a97b2b8ad51fefbe8be"
   integrity sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==
@@ -5509,6 +5886,11 @@ is-wsl@^1.1.0:
   resolved "https://registry.npmjs.org/is-wsl/-/is-wsl-1.1.0.tgz#1f16e4aa22b04d1336b66188a66af3c600c3a66d"
   integrity sha1-HxbkqiKwTRM2tmGIpmrzxgDDpm0=
 
+isarray@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/isarray/-/isarray-0.0.1.tgz#8a18acfca9a8f4177e09abfc6038939b05d1eedf"
+  integrity sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8=
+
 isarray@1.0.0, isarray@^1.0.0, isarray@~1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
@@ -5969,26 +6351,48 @@ jest@^24.9.0:
     import-local "^2.0.0"
     jest-cli "^24.9.0"
 
-jquery-knob@^1.2.11:
-  version "1.2.11"
-  resolved "https://registry.npmjs.org/jquery-knob/-/jquery-knob-1.2.11.tgz#f37c39dbc1c7a6a6c12cdb2ed4f6bffb683f10d6"
-  integrity sha1-83w528HHpqbBLNsu1Pa/+2g/ENY=
+jquery-knob-chif@^1.2.13:
+  version "1.2.13"
+  resolved "https://registry.yarnpkg.com/jquery-knob-chif/-/jquery-knob-chif-1.2.13.tgz#5f1e462ef3745d27a9fd66ce1141fe82b44a5762"
+  integrity sha1-Xx5GLvN0XSep/WbOEUH+grRKV2I=
 
-jquery-sparkline@^2.4.0:
-  version "2.4.0"
-  resolved "https://registry.npmjs.org/jquery-sparkline/-/jquery-sparkline-2.4.0.tgz#1be8b7b704dd3857152708aefb1d4a4b3a69fb33"
-  integrity sha1-G+i3twTdOFcVJwiu+x1KSzpp+zM=
+jquery-mapael@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/jquery-mapael/-/jquery-mapael-2.2.0.tgz#a68850c680ef0ce3f8b865e8a48b2a018250ca73"
+  integrity sha512-B5cVcCkfs7Ezia1Zs8bEfVacYD/GvaASyqQeidApR/NJ1C4igcExk9VULVsgLcTPkxohcZrrz5uCaPXvuKeZWw==
+  dependencies:
+    jquery "^3.0 || ^2.0 || ^1.0"
+    raphael "^2.2.0 || ^2.1.1"
+  optionalDependencies:
+    jquery-mousewheel "^3.1"
 
-jquery-ui@^1.12.1:
+jquery-mousewheel@^3.1, jquery-mousewheel@^3.1.13:
+  version "3.1.13"
+  resolved "https://registry.yarnpkg.com/jquery-mousewheel/-/jquery-mousewheel-3.1.13.tgz#06f0335f16e353a695e7206bf50503cb523a6ee5"
+  integrity sha1-BvAzXxbjU6aV5yBr9QUDy1I6buU=
+
+jquery-ui-dist@^1.12.1:
   version "1.12.1"
-  resolved "https://registry.npmjs.org/jquery-ui/-/jquery-ui-1.12.1.tgz#bcb4045c8dd0539c134bc1488cdd3e768a7a9e51"
-  integrity sha1-vLQEXI3QU5wTS8FIjN0+dop6nlE=
+  resolved "https://registry.yarnpkg.com/jquery-ui-dist/-/jquery-ui-dist-1.12.1.tgz#5c0815d3cc6f90ff5faaf5b268a6e23b4ca904fa"
+  integrity sha1-XAgV08xvkP9fqvWyaKbiO0ypBPo=
 
-jquery@>=1.10, jquery@>=1.5, jquery@>=1.7, "jquery@>=1.7.1 <4.0.0", jquery@>=1.8, jquery@^3.2.1, jquery@^3.4.1:
+jquery-validation@^1.19.1:
+  version "1.19.1"
+  resolved "https://registry.yarnpkg.com/jquery-validation/-/jquery-validation-1.19.1.tgz#a85043467dc2b70d9fff05778646d150e747742f"
+  integrity sha512-QNnrZBqSltWUEJx+shOY5WtfrIb0gWmDjFfQP8rZKqMMSfpRSwEkSqhfHPvDfkObD8Hnv5KHSYI8yg73sVFdqA==
+
+jquery@>=1.10, jquery@>=1.12.0, jquery@>=1.7, jquery@>=1.8, jquery@>=2.1.0, jquery@^3.0, "jquery@^3.0 || ^2.0 || ^1.0", jquery@^3.4.0, jquery@^3.4.1:
   version "3.4.1"
   resolved "https://registry.npmjs.org/jquery/-/jquery-3.4.1.tgz#714f1f8d9dde4bdfa55764ba37ef214630d80ef2"
   integrity sha512-36+AdBzCL+y6qjw5Tx7HgzeGCzC81MDDgaUP8ld2zhx58HdqXGoBd+tHdrBMiyjGQs0Hxs/MLZTu/eHNJJuWPw==
 
+jqvmap-novulnerability@^1.5.1:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/jqvmap-novulnerability/-/jqvmap-novulnerability-1.5.1.tgz#140c42623ebbe9b9076ea2dd3b8d155fe9f38ae7"
+  integrity sha512-O6Jr7AGiut9iNJMelPdy8pH83tNXadOqmhJm5FZy9gtaZ5uuhZK3VNu+YLFuTpXeZI8YXUvlFUYbJJi5XHA+tw==
+  dependencies:
+    jquery "^3.4.0"
+
 js-levenshtein@^1.1.3:
   version "1.1.6"
   resolved "https://registry.npmjs.org/js-levenshtein/-/js-levenshtein-1.1.6.tgz#c6cee58eb3550372df8deb85fad5ce66ce01d59d"
@@ -6069,6 +6473,11 @@ jsesc@~0.5.0:
   resolved "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz#e7dee66e35d6fc16f710fe91d5cf69f70f08911d"
   integrity sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=
 
+jsgrid@^1.5.3:
+  version "1.5.3"
+  resolved "https://registry.yarnpkg.com/jsgrid/-/jsgrid-1.5.3.tgz#b15fc426483153bee2b6b567312f675d92834a0d"
+  integrity sha1-sV/EJkgxU77itrVnMS9nXZKDSg0=
+
 json-parse-better-errors@^1.0.1, json-parse-better-errors@^1.0.2:
   version "1.0.2"
   resolved "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz#bb867cfb3450e69107c131d1c514bab3dc8bcaa9"
@@ -6088,13 +6497,6 @@ json-stable-stringify-without-jsonify@^1.0.1:
   version "1.0.1"
   resolved "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
 
-json-stable-stringify@~0.0.0:
-  version "0.0.1"
-  resolved "https://registry.npmjs.org/json-stable-stringify/-/json-stable-stringify-0.0.1.tgz#611c23e814db375527df851193db59dd2af27f45"
-  integrity sha1-YRwj6BTbN1Un34URk9tZ3Sryf0U=
-  dependencies:
-    jsonify "~0.0.0"
-
 json-stringify-safe@~5.0.1:
   version "5.0.1"
   resolved "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb"
@@ -6125,16 +6527,6 @@ jsonfile@^4.0.0:
   optionalDependencies:
     graceful-fs "^4.1.6"
 
-jsonify@~0.0.0:
-  version "0.0.0"
-  resolved "https://registry.npmjs.org/jsonify/-/jsonify-0.0.0.tgz#2c74b6ee41d93ca51b7b5aaee8f503631d252a73"
-  integrity sha1-LHS27kHZPKUbe1qu6PUDYx0lKnM=
-
-jsonparse@^1.2.0:
-  version "1.3.1"
-  resolved "https://registry.npmjs.org/jsonparse/-/jsonparse-1.3.1.tgz#3f4dae4a91fac315f71062f8521cc239f1366280"
-  integrity sha1-P02uSpH6wxX3EGL4UhzCOfE2YoA=
-
 jsprim@^1.2.2:
   version "1.4.1"
   resolved "https://registry.npmjs.org/jsprim/-/jsprim-1.4.1.tgz#313e66bc1e5cc06e438bc1b7499c2e5c56acb6a2"
@@ -6145,12 +6537,15 @@ jsprim@^1.2.2:
     json-schema "0.2.3"
     verror "1.10.0"
 
-jvectormap@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.npmjs.org/jvectormap/-/jvectormap-1.2.2.tgz#2e4408b24a60473ff106c1e7243e375ae5ca85da"
-  integrity sha1-LkQIskpgRz/xBsHnJD43WuXKhdo=
+jszip@^3.2.2:
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/jszip/-/jszip-3.2.2.tgz#b143816df7e106a9597a94c77493385adca5bd1d"
+  integrity sha512-NmKajvAFQpbg3taXQXr/ccS2wcucR1AZ+NtyWp2Nq7HHVsXhcJFR8p0Baf32C2yVvBylFWVeKf+WI2AnvlPhpA==
   dependencies:
-    jquery ">=1.5"
+    lie "~3.3.0"
+    pako "~1.0.2"
+    readable-stream "~2.3.6"
+    set-immediate-shim "~1.0.1"
 
 killable@^1.0.1:
   version "1.0.1"
@@ -6186,14 +6581,6 @@ kleur@^3.0.2:
   resolved "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz#a79c9ecc86ee1ce3fa6206d1216c501f147fc07e"
   integrity sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==
 
-labeled-stream-splicer@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.npmjs.org/labeled-stream-splicer/-/labeled-stream-splicer-2.0.2.tgz#42a41a16abcd46fd046306cf4f2c3576fffb1c21"
-  integrity sha512-Ca4LSXFFZUjPScRaqOcFxneA0VpKZr4MMYCljyQr4LIewTLb3Y0IUTIsnBBsVubIeEfxeSZpSjSsRM8APEQaAw==
-  dependencies:
-    inherits "^2.0.1"
-    stream-splicer "^2.0.0"
-
 last-call-webpack-plugin@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/last-call-webpack-plugin/-/last-call-webpack-plugin-3.0.0.tgz#9742df0e10e3cf46e5c0381c2de90d3a7a2d7555"
@@ -6226,6 +6613,31 @@ levn@^0.3.0, levn@~0.3.0:
     prelude-ls "~1.1.2"
     type-check "~0.3.2"
 
+lie@~3.3.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/lie/-/lie-3.3.0.tgz#dcf82dee545f46074daf200c7c1c5a08e0f40f6a"
+  integrity sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==
+  dependencies:
+    immediate "~3.0.5"
+
+linebreak@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/linebreak/-/linebreak-0.3.0.tgz#0526480a62c05bd679f3e9d99830e09c6a7d0ed6"
+  integrity sha1-BSZICmLAW9Z58+nZmDDgnGp9DtY=
+  dependencies:
+    base64-js "0.0.8"
+    brfs "^1.3.0"
+    unicode-trie "^0.3.0"
+
+linebreak@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/linebreak/-/linebreak-1.0.2.tgz#4b5781733e9a9eb2849dba2f963e47c887f8aa06"
+  integrity sha512-bJwSRsJeAmaZYnkcwl5sCQNfSDAhBuXxb6L27tb+qkBRtUQSSTUa5bcgCPD6hFEkRNlpWHfK7nFMmcANU7ZP1w==
+  dependencies:
+    base64-js "0.0.8"
+    brfs "^2.0.2"
+    unicode-trie "^1.0.0"
+
 load-json-file@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/load-json-file/-/load-json-file-2.0.0.tgz#7947e42149af80d696cbf797bcaabcfe1fe29ca8"
@@ -6313,11 +6725,6 @@ lodash.memoize@^4.1.2:
   resolved "https://registry.npmjs.org/lodash.memoize/-/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe"
   integrity sha1-vMbEmkKihA7Zl/Mj6tpezRguC/4=
 
-lodash.memoize@~3.0.3:
-  version "3.0.4"
-  resolved "https://registry.npmjs.org/lodash.memoize/-/lodash.memoize-3.0.4.tgz#2dcbd2c287cbc0a55cc42328bd0c736150d53e3f"
-  integrity sha1-LcvSwofLwKVcxCMovQxzYVDVPj8=
-
 lodash.sortby@^4.7.0:
   version "4.7.0"
   resolved "https://registry.npmjs.org/lodash.sortby/-/lodash.sortby-4.7.0.tgz#edd14c824e2cc9c1e0b0a1b42bb5210516a42438"
@@ -6381,6 +6788,13 @@ lru-cache@^5.1.1:
   dependencies:
     yallist "^3.0.2"
 
+magic-string@^0.22.4:
+  version "0.22.5"
+  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.22.5.tgz#8e9cf5afddf44385c1da5bc2a6a0dbd10b03657e"
+  integrity sha512-oreip9rJZkzvA8Qzk9HFs8fZGF/u7H/gtrE8EN6RjKJ9kh2HlC+yQ2QezifqTZfGyiuAV0dRv5a+y/8gBb1m9w==
+  dependencies:
+    vlq "^0.2.2"
+
 make-dir@^2.0.0, make-dir@^2.1.0:
   version "2.1.0"
   resolved "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz#5f0310e18b8be898cc07009295a30ae41e91e6f5"
@@ -6478,6 +6892,13 @@ merge-descriptors@1.0.1:
   resolved "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz#b00aaa556dd8b44568150ec9d1b953f3f90cbb61"
   integrity sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=
 
+merge-source-map@1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/merge-source-map/-/merge-source-map-1.0.4.tgz#a5de46538dae84d4114cc5ea02b4772a6346701f"
+  integrity sha1-pd5GU42uhNQRTMXqArR3KmNGcB8=
+  dependencies:
+    source-map "^0.5.6"
+
 merge-source-map@^1.1.0:
   version "1.1.0"
   resolved "https://registry.npmjs.org/merge-source-map/-/merge-source-map-1.1.0.tgz#2fdde7e6020939f70906a68f2d7ae685e4c8c646"
@@ -6598,9 +7019,9 @@ minimist@0.0.8:
   resolved "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz#857fcabfc3397d2625b8228262e86aa7a011b05d"
   integrity sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=
 
-minimist@^1.1.0, minimist@^1.1.1, minimist@^1.2.0:
+minimist@^1.1.1, minimist@^1.1.3, minimist@^1.2.0:
   version "1.2.0"
-  resolved "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284"
+  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284"
   integrity sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=
 
 minimist@~0.0.1:
@@ -6662,36 +7083,18 @@ mkdirp@0.5.x, mkdirp@0.x, mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@~0.5.1:
   dependencies:
     minimist "0.0.8"
 
-module-deps@^6.0.0:
-  version "6.2.1"
-  resolved "https://registry.npmjs.org/module-deps/-/module-deps-6.2.1.tgz#cfe558784060e926824f474b4e647287837cda50"
-  integrity sha512-UnEn6Ah36Tu4jFiBbJVUtt0h+iXqxpLqDvPS8nllbw5RZFmNJ1+Mz5BjYnM9ieH80zyxHkARGLnMIHlPK5bu6A==
+moment-timezone@^0.5.11:
+  version "0.5.27"
+  resolved "https://registry.yarnpkg.com/moment-timezone/-/moment-timezone-0.5.27.tgz#73adec8139b6fe30452e78f210f27b1f346b8877"
+  integrity sha512-EIKQs7h5sAsjhPCqN6ggx6cEbs94GK050254TIJySD1bzoM5JTYDwAU1IoVOeTOL6Gm27kYJ51/uuvq1kIlrbw==
   dependencies:
-    JSONStream "^1.0.3"
-    browser-resolve "^1.7.0"
-    cached-path-relative "^1.0.2"
-    concat-stream "~1.6.0"
-    defined "^1.0.0"
-    detective "^5.0.2"
-    duplexer2 "^0.1.2"
-    inherits "^2.0.1"
-    parents "^1.0.0"
-    readable-stream "^2.0.2"
-    resolve "^1.4.0"
-    stream-combiner2 "^1.1.1"
-    subarg "^1.0.0"
-    through2 "^2.0.0"
-    xtend "^4.0.0"
+    moment ">= 2.9.0"
 
-moment@^2.24.0, moment@^2.9.0:
+"moment@>= 2.9.0", moment@^2.10.2, moment@^2.22.2, moment@^2.24.0, moment@^2.9.0:
   version "2.24.0"
   resolved "https://registry.npmjs.org/moment/-/moment-2.24.0.tgz#0d055d53f5052aa653c9f6eb68bb5d12bf5c2b5b"
   integrity sha512-bV7f+6l2QigeBBZSM/6yTNq4P2fNpSWj/0e7jQcy87A8e7o2nAfP/34/2ky5Vw4B9S446EtIhodAzkFCcR4dQg==
 
-"morris.js@github:morrisjs/morris.js":
-  version "0.5.1"
-  resolved "https://codeload.github.com/morrisjs/morris.js/tar.gz/14530d0733801d5bef1264cf3d062ecace7e326b"
-
 move-concurrently@^1.0.1:
   version "1.0.1"
   resolved "https://registry.npmjs.org/move-concurrently/-/move-concurrently-1.0.1.tgz#be2c005fda32e0b29af1f05d7c4b33214c701f92"
@@ -6786,6 +7189,11 @@ neo-async@^2.6.0:
   version "2.6.0"
   resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.0.tgz#b9d15e4d71c6762908654b5183ed38b753340835"
 
+next-tick@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/next-tick/-/next-tick-1.0.0.tgz#ca86d1fe8828169b0120208e3dc8424b9db8342c"
+  integrity sha1-yobR/ogoFpsBICCOPchCS524NCw=
+
 nice-try@^1.0.4:
   version "1.0.5"
   resolved "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz#a3378a7696ce7d223e88fc9b764bd7ef1089e366"
@@ -7025,6 +7433,11 @@ object-inspect@^1.6.0:
   resolved "https://registry.npmjs.org/object-inspect/-/object-inspect-1.6.0.tgz#c70b6cbf72f274aab4c34c0c82f5167bf82cf15b"
   integrity sha512-GJzfBZ6DgDAmnuaM3104jR4s1Myxr3Y3zfIyN4z3UdqN69oSRacNK8UhnobDdC+7J2AHCjGwxQubNJfE70SXXQ==
 
+object-inspect@~1.4.0:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.4.1.tgz#37ffb10e71adaf3748d05f713b4c9452f402cbc4"
+  integrity sha512-wqdhLpfCUbEsoEwl3FXwGyv8ief1k/1aUdIPCqVnupM6e8l63BEJdiF/0swtn04/8p05tG/T0FrpTlfwvljOdw==
+
 object-is@^1.0.1:
   version "1.0.1"
   resolved "https://registry.npmjs.org/object-is/-/object-is-1.0.1.tgz#0aa60ec9989a0b3ed795cf4d06f62cf1ad6539b6"
@@ -7034,7 +7447,7 @@ object-keys@^1.0.11:
   version "1.0.12"
   resolved "https://registry.npmjs.org/object-keys/-/object-keys-1.0.12.tgz#09c53855377575310cca62f55bb334abff7b3ed2"
 
-object-keys@^1.0.12, object-keys@^1.1.1:
+object-keys@^1.0.12, object-keys@^1.0.6, object-keys@^1.1.1:
   version "1.1.1"
   resolved "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz#1c47f272df277f3b1daf061677d9c82e2322c60e"
   integrity sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==
@@ -7127,6 +7540,11 @@ onetime@^5.1.0:
   dependencies:
     mimic-fn "^2.1.0"
 
+opencollective-postinstall@2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/opencollective-postinstall/-/opencollective-postinstall-2.0.2.tgz#5657f1bede69b6e33a45939b061eb53d3c6c3a89"
+  integrity sha512-pVOEP16TrAO2/fjej1IdOyupJY8KDUM1CvsaScRbw6oddvpQoOfGk4ywha0HKKVAD6RkW4x6Q+tNBwhf3Bgpuw==
+
 opn@^5.5.0:
   version "5.5.0"
   resolved "https://registry.npmjs.org/opn/-/opn-5.5.0.tgz#fc7164fab56d235904c51c3b27da6758ca3b9bfc"
@@ -7168,7 +7586,7 @@ original@^1.0.0:
   dependencies:
     url-parse "^1.4.3"
 
-os-browserify@^0.3.0, os-browserify@~0.3.0:
+os-browserify@^0.3.0:
   version "0.3.0"
   resolved "https://registry.npmjs.org/os-browserify/-/os-browserify-0.3.0.tgz#854373c7f5c2315914fc9bfc6bd8238fdda1ec27"
   integrity sha1-hUNzx/XCMVkU/Jv8a9gjj92h7Cc=
@@ -7200,6 +7618,11 @@ osenv@^0.1.4:
     os-homedir "^1.0.0"
     os-tmpdir "^1.0.0"
 
+overlayscrollbars@^1.10.0:
+  version "1.10.0"
+  resolved "https://registry.yarnpkg.com/overlayscrollbars/-/overlayscrollbars-1.10.0.tgz#f63c6c76f25416c821e0347797b573b351ce87ea"
+  integrity sha512-SFGaq9wmR6jkwb5L7Wx0JIyGrQOT2/7ZD4F0srMN0KyYRbsdQ1nzdLF+JLp7QIQT2U1lsG1c16aMjxMtwzHA3Q==
+
 p-defer@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/p-defer/-/p-defer-1.0.0.tgz#9f6eb182f6c9aa8cd743004a7d4f96b196b0fb0c"
@@ -7295,16 +7718,14 @@ p-try@^2.0.0:
   resolved "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
   integrity sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==
 
-pace@0.0.4:
-  version "0.0.4"
-  resolved "https://registry.npmjs.org/pace/-/pace-0.0.4.tgz#d66405d5f5bc12d25441a6e26c878dbc69e77a77"
-  integrity sha1-1mQF1fW8EtJUQabibIeNvGnnenc=
-  dependencies:
-    charm "~0.1.0"
+pako@^0.2.5:
+  version "0.2.9"
+  resolved "https://registry.yarnpkg.com/pako/-/pako-0.2.9.tgz#f3f7522f4ef782348da8161bad9ecfd51bf83a75"
+  integrity sha1-8/dSL073gjSNqBYbrZ7P1Rv4OnU=
 
-pako@~1.0.5:
+pako@~1.0.2, pako@~1.0.5:
   version "1.0.10"
-  resolved "https://registry.npmjs.org/pako/-/pako-1.0.10.tgz#4328badb5086a426aa90f541977d4955da5c9732"
+  resolved "https://registry.yarnpkg.com/pako/-/pako-1.0.10.tgz#4328badb5086a426aa90f541977d4955da5c9732"
   integrity sha512-0DTvPVU3ed8+HNXOu5Bs+o//Mbdj9VNQMUOe9oKCwh8l0GNwpTDMKCWbRjgtD291AWnkAgkqA/LOnQS8AmS1tw==
 
 parallel-transform@^1.1.0:
@@ -7322,13 +7743,6 @@ parent-module@^1.0.0:
   dependencies:
     callsites "^3.0.0"
 
-parents@^1.0.0, parents@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.npmjs.org/parents/-/parents-1.0.1.tgz#fedd4d2bf193a77745fe71e371d73c3307d9c751"
-  integrity sha1-/t1NK/GTp3dF/nHjcdc8MwfZx1E=
-  dependencies:
-    path-platform "~0.11.15"
-
 parse-asn1@^5.0.0:
   version "5.1.5"
   resolved "https://registry.npmjs.org/parse-asn1/-/parse-asn1-5.1.5.tgz#003271343da58dc94cace494faef3d2147ecea0e"
@@ -7376,7 +7790,7 @@ pascalcase@^0.1.1:
   resolved "https://registry.npmjs.org/pascalcase/-/pascalcase-0.1.1.tgz#b363e55e8006ca6fe21784d2db22bd15d7917f14"
   integrity sha1-s2PlXoAGym/iF4TS2yK9FdeRfxQ=
 
-path-browserify@0.0.1, path-browserify@~0.0.0:
+path-browserify@0.0.1:
   version "0.0.1"
   resolved "https://registry.npmjs.org/path-browserify/-/path-browserify-0.0.1.tgz#e6c4ddd7ed3aa27c68a20cc4e50e1a4ee83bbc4a"
   integrity sha512-BapA40NHICOS+USX9SN4tyhq+A2RrN/Ws5F0Z5aMHDp98Fl86lX8Oti8B7uN93L4Ifv4fHOEA+pQw87gmMO/lQ==
@@ -7396,7 +7810,7 @@ path-exists@^4.0.0:
   resolved "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
   integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==
 
-path-is-absolute@^1.0.0, path-is-absolute@^1.0.1:
+path-is-absolute@^1.0.0:
   version "1.0.1"
   resolved "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
   integrity sha1-F0uSaHNVNP+8es5r9TpanhtcX18=
@@ -7421,11 +7835,6 @@ path-parse@^1.0.6:
   resolved "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz#d62dbb5679405d72c4737ec58600e9ddcf06d24c"
   integrity sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==
 
-path-platform@~0.11.15:
-  version "0.11.15"
-  resolved "https://registry.npmjs.org/path-platform/-/path-platform-0.11.15.tgz#e864217f74c36850f0852b78dc7bf7d4a5721bf2"
-  integrity sha1-6GQhf3TDaFDwhSt43Hv31KVyG/I=
-
 path-to-regexp@0.1.7:
   version "0.1.7"
   resolved "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz#df604178005f522f15eb4490e7247a1bfaa67f8c"
@@ -7456,6 +7865,26 @@ pbkdf2@^3.0.3:
     safe-buffer "^5.0.1"
     sha.js "^2.4.8"
 
+pdfkit@>=0.8.1, pdfkit@^0.10.0:
+  version "0.10.0"
+  resolved "https://registry.yarnpkg.com/pdfkit/-/pdfkit-0.10.0.tgz#88f2aa8e3cf9e1cc2caff6447b68dd4e435cb284"
+  integrity sha512-mRJ6iuDzpIQ4ftKp5GvijLXNVRK86xjnyIPBraYSPrUPubNqWM5/oYmc7FZKUWz3wusRTj3PLR9HJ1X5ooqfsg==
+  dependencies:
+    crypto-js "^3.1.9-1"
+    fontkit "^1.0.0"
+    linebreak "^0.3.0"
+    png-js ">=0.1.0"
+
+pdfmake@^0.1.62:
+  version "0.1.62"
+  resolved "https://registry.yarnpkg.com/pdfmake/-/pdfmake-0.1.62.tgz#62f2400eba066cc271736b95c7d0cdf9c8e06983"
+  integrity sha512-2QIzijdkwFBChTFu5nVmMe+fLBQTAYTPTxi4jGbUTyGxZBq7YR1I17FBk1Cs+3nrYufNKNukT6OR1RNxbovsTA==
+  dependencies:
+    iconv-lite "^0.5.0"
+    linebreak "^1.0.2"
+    pdfkit "^0.10.0"
+    svg-to-pdfkit "^0.1.7"
+
 performance-now@^2.1.0:
   version "2.1.0"
   resolved "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"
@@ -7526,6 +7955,16 @@ pn@^1.1.0:
   resolved "https://registry.npmjs.org/pn/-/pn-1.1.0.tgz#e2f4cef0e219f463c179ab37463e4e1ecdccbafb"
   integrity sha512-2qHaIQr2VLRFoxe2nASzsV6ef4yOOH+Fi9FBOVH6cqeSgUnoyySPZkxzLuzd+RYOQTRpROA0ztTMqxROKSb/nA==
 
+png-js@>=0.1.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/png-js/-/png-js-1.0.0.tgz#e5484f1e8156996e383aceebb3789fd75df1874d"
+  integrity sha512-k+YsbhpA9e+EFfKjTCH3VW6aoKlyNYI6NYdTfDL4CIvFnvsuO84ttonmZE7rc+v23SLTH8XX+5w/Ak9v0xGY4g==
+
+popper.js@^1.14.3, popper.js@^1.16.0:
+  version "1.16.0"
+  resolved "https://registry.yarnpkg.com/popper.js/-/popper.js-1.16.0.tgz#2e1816bcbbaa518ea6c2e15a466f4cb9c6e2fbb3"
+  integrity sha512-+G+EkOPoE5S/zChTpmBSSDYmhXJ5PsW8eMhH8cP/CQHMFPBG/kC9Y5IIw6qNYgdJ+/COf0ddY2li28iHaZRSjw==
+
 portfinder@^1.0.25:
   version "1.0.25"
   resolved "https://registry.yarnpkg.com/portfinder/-/portfinder-1.0.25.tgz#254fd337ffba869f4b9d37edc298059cb4d35eca"
@@ -7955,7 +8394,7 @@ process-nextick-args@~2.0.0:
   resolved "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
   integrity sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==
 
-process@^0.11.10, process@~0.11.0:
+process@^0.11.10:
   version "0.11.10"
   resolved "https://registry.npmjs.org/process/-/process-0.11.10.tgz#7332300e840161bda3e69a1d1d91a7d4bc16f182"
   integrity sha1-czIwDoQBYb2j5podHZGn1LwW8YI=
@@ -8042,7 +8481,7 @@ punycode@1.3.2:
   resolved "https://registry.npmjs.org/punycode/-/punycode-1.3.2.tgz#9653a036fb7c1ee42342f2325cceefea3926c48d"
   integrity sha1-llOgNvt8HuQjQvIyXM7v6jkmxI0=
 
-punycode@^1.2.4, punycode@^1.3.2, punycode@^1.4.1:
+punycode@^1.2.4, punycode@^1.4.1:
   version "1.4.1"
   resolved "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz#c0d5a63b2718800ad8e1eb0fa5269c84dd41845e"
   integrity sha1-wNWmOycYgArY4esPpSachN1BhF4=
@@ -8075,7 +8514,7 @@ query-string@^4.1.0:
     object-assign "^4.1.0"
     strict-uri-encode "^1.0.0"
 
-querystring-es3@^0.2.0, querystring-es3@~0.2.0:
+querystring-es3@^0.2.0:
   version "0.2.1"
   resolved "https://registry.npmjs.org/querystring-es3/-/querystring-es3-0.2.1.tgz#9ec61f79049875707d69414596fd907a4d711e73"
   integrity sha1-nsYfeQSYdXB9aUFFlv2Qek1xHnM=
@@ -8090,6 +8529,15 @@ querystringify@^2.1.1:
   resolved "https://registry.npmjs.org/querystringify/-/querystringify-2.1.1.tgz#60e5a5fd64a7f8bfa4d2ab2ed6fdf4c85bad154e"
   integrity sha512-w7fLxIRCRT7U8Qu53jQnJyPkYZIaR4n5151KMfcJlO/A9397Wxb1amJvROTK6TOnp7PfoAmg/qXiNHI+08jRfA==
 
+quote-stream@^1.0.1, quote-stream@~1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/quote-stream/-/quote-stream-1.0.2.tgz#84963f8c9c26b942e153feeb53aae74652b7e0b2"
+  integrity sha1-hJY/jJwmuULhU/7rU6rnRlK34LI=
+  dependencies:
+    buffer-equal "0.0.1"
+    minimist "^1.1.3"
+    through2 "^2.0.0"
+
 randombytes@^2.0.0, randombytes@^2.0.1, randombytes@^2.0.5:
   version "2.1.0"
   resolved "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz#df6f84372f0270dc65cdf6291349ab7a473d4f2a"
@@ -8110,10 +8558,10 @@ range-parser@^1.2.1, range-parser@~1.2.1:
   resolved "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz#3cf37023d199e1c24d1a55b84800c2f3e6468031"
   integrity sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==
 
-raphael@^2.2.7:
-  version "2.2.8"
-  resolved "https://registry.npmjs.org/raphael/-/raphael-2.2.8.tgz#4b18443c2c6030c3b492d8d11fbbca14ebe4d3f3"
-  integrity sha512-0kWKcGn4lXTw4eUiOhjspYiG+v0m6zSmTmlO62E0hl2CYKUvCuHER9YKqXYvOn2nj24mYp8jzHOLeBuj/Gn28Q==
+"raphael@^2.2.0 || ^2.1.1", raphael@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/raphael/-/raphael-2.3.0.tgz#eabeb09dba861a1d4cee077eaafb8c53f3131f89"
+  integrity sha512-w2yIenZAQnp257XUWGni4bLMVxpUpcIl7qgxEgDIXtmSypYtlNxfXWpOBxs7LBTps5sDwhRnrToJrMUrivqNTQ==
   dependencies:
     eve-raphael "0.5.0"
 
@@ -8142,13 +8590,6 @@ react-is@^16.8.4:
   resolved "https://registry.npmjs.org/react-is/-/react-is-16.8.6.tgz#5bbc1e2d29141c9fbdfed456343fe2bc430a6a16"
   integrity sha512-aUk3bHfZ2bRSVFFbbeVS4i+lNPZr3/WM5jT2J5omUVV1zzcs1nAaf3l51ctA5FFvCRbhrH0bdAsRRQddFJZPtA==
 
-read-only-stream@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.npmjs.org/read-only-stream/-/read-only-stream-2.0.0.tgz#2724fd6a8113d73764ac288d4386270c1dbf17f0"
-  integrity sha1-JyT9aoET1zdkrCiNQ4YnDB2/F/A=
-  dependencies:
-    readable-stream "^2.0.2"
-
 read-pkg-up@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-2.0.0.tgz#6b72a8048984e0c41e79510fd5e9fa99b3b549be"
@@ -8183,7 +8624,7 @@ read-pkg@^3.0.0:
     normalize-package-data "^2.3.2"
     path-type "^3.0.0"
 
-"readable-stream@1 || 2", readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.0.6, readable-stream@^2.1.5, readable-stream@^2.2.2, readable-stream@^2.3.3, readable-stream@^2.3.6, readable-stream@~2.3.6:
+"readable-stream@1 || 2", readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.0.6, readable-stream@^2.1.5, readable-stream@^2.2.2, readable-stream@^2.3.3, readable-stream@^2.3.6, readable-stream@~2.3.3, readable-stream@~2.3.6:
   version "2.3.6"
   resolved "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz#b11c27d88b8ff1fbe070643cf94b0c79ae1b0aaf"
   integrity sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==
@@ -8427,20 +8868,20 @@ resolve@1.x, resolve@^1.10.0:
   dependencies:
     path-parse "^1.0.6"
 
-resolve@^1.1.4, resolve@^1.11.0, resolve@^1.3.2, resolve@^1.4.0, resolve@^1.5.0, resolve@^1.8.1:
-  version "1.11.0"
-  resolved "https://registry.npmjs.org/resolve/-/resolve-1.11.0.tgz#4014870ba296176b86343d50b60f3b50609ce232"
-  integrity sha512-WL2pBDjqT6pGUNSUzMw00o4T7If+z4H2x3Gz893WoUQ5KW8Vr9txp00ykiP16VBaZF5+j/OcXJHZ9+PCvdiDKw==
-  dependencies:
-    path-parse "^1.0.6"
-
-resolve@^1.12.0:
+resolve@^1.1.5, resolve@^1.12.0:
   version "1.12.0"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.12.0.tgz#3fc644a35c84a48554609ff26ec52b66fa577df6"
   integrity sha512-B/dOmuoAik5bKcD6s6nXDCjzUKnaDvdkRyAk6rsmsKLipWj4797iothd7jmmUhWTfinVMU+wc56rYKsit2Qy4w==
   dependencies:
     path-parse "^1.0.6"
 
+resolve@^1.11.0, resolve@^1.3.2, resolve@^1.5.0, resolve@^1.8.1:
+  version "1.11.0"
+  resolved "https://registry.npmjs.org/resolve/-/resolve-1.11.0.tgz#4014870ba296176b86343d50b60f3b50609ce232"
+  integrity sha512-WL2pBDjqT6pGUNSUzMw00o4T7If+z4H2x3Gz893WoUQ5KW8Vr9txp00ykiP16VBaZF5+j/OcXJHZ9+PCvdiDKw==
+  dependencies:
+    path-parse "^1.0.6"
+
 restore-cursor@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/restore-cursor/-/restore-cursor-2.0.0.tgz#9f7ee287f82fd326d4fd162923d62129eee0dfaf"
@@ -8448,6 +8889,13 @@ restore-cursor@^2.0.0:
     onetime "^2.0.0"
     signal-exit "^3.0.2"
 
+restructure@^0.5.3:
+  version "0.5.4"
+  resolved "https://registry.yarnpkg.com/restructure/-/restructure-0.5.4.tgz#f54e7dd563590fb34fd6bf55876109aeccb28de8"
+  integrity sha1-9U591WNZD7NP1r9Vh2EJrsyyjeg=
+  dependencies:
+    browserify-optional "^1.0.0"
+
 ret@~0.1.10:
   version "0.1.15"
   resolved "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz#b8a4825d5bdb1fc3f6f53c2bc33f81388681c7bc"
@@ -8604,15 +9052,27 @@ schema-utils@^2.4.1:
     ajv "^6.10.2"
     ajv-keywords "^3.4.1"
 
+scope-analyzer@^2.0.1:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/scope-analyzer/-/scope-analyzer-2.0.5.tgz#72c9c6770c3e66984f84c7d3c7045998a1a7db8a"
+  integrity sha512-+U5H0417mnTEstCD5VwOYO7V4vYuSqwqjFap40ythe67bhMFL5C3UgPwyBv7KDJsqUBIKafOD57xMlh1rN7eaw==
+  dependencies:
+    array-from "^2.1.1"
+    es6-map "^0.1.5"
+    es6-set "^0.1.5"
+    es6-symbol "^3.1.1"
+    estree-is-function "^1.0.0"
+    get-assigned-identifiers "^1.1.0"
+
 select-hose@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/select-hose/-/select-hose-2.0.0.tgz#625d8658f865af43ec962bfc376a37359a4994ca"
   integrity sha1-Yl2GWPhlr0Psliv8N2o3NZpJlMo=
 
-select2@^4.0.3:
-  version "4.0.7"
-  resolved "https://registry.npmjs.org/select2/-/select2-4.0.7.tgz#7b80473ef7900f4dc2b988623275fe569204ae8d"
-  integrity sha512-t46Z2nkEEYnBYdRpLNw5dj9qqO+YTiTlWKnpJ/B5e1Q3hPND00JRgcLJxYRzqpeLZd+ZkszkHEMagLKIfbTjVA==
+select2@^4.0.11:
+  version "4.0.12"
+  resolved "https://registry.yarnpkg.com/select2/-/select2-4.0.12.tgz#9c0492d4d06948f2bd079f6e14718a41c7eaa60e"
+  integrity sha512-mbXC05AvjCboZcRlgJqN4mlI2qmqshpRC76sKNAdxS1lPLOh2m/NTyfL6xsvGoY6eIhjaya4dbumN99MudVQ2w==
 
 selfsigned@^1.10.7:
   version "1.10.7"
@@ -8712,6 +9172,11 @@ set-blocking@^2.0.0, set-blocking@~2.0.0:
   resolved "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
   integrity sha1-BF+XgtARrppoA93TgrJDkrPYkPc=
 
+set-immediate-shim@~1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/set-immediate-shim/-/set-immediate-shim-1.0.1.tgz#4b2b1b27eb808a9f8dcc481a58e5e56f599f3f61"
+  integrity sha1-SysbJ+uAip+NzEgaWOXlb1mfP2E=
+
 set-value@^2.0.0, set-value@^2.0.1:
   version "2.0.1"
   resolved "https://registry.npmjs.org/set-value/-/set-value-2.0.1.tgz#a18d40530e6f07de4228c7defe4227af8cad005b"
@@ -8737,7 +9202,7 @@ setprototypeof@1.1.1:
   resolved "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.1.tgz#7e95acb24aa92f5885e0abef5ba131330d4ae683"
   integrity sha512-JvdAWfbXeIGaZ9cILp38HntZSFSo3mWg6xGcJJsd+d4aRMOqauag1C63dJfDw7OaMYwEbHMOxEZ1lqVRYP2OAw==
 
-sha.js@^2.4.0, sha.js@^2.4.8, sha.js@~2.4.4:
+sha.js@^2.4.0, sha.js@^2.4.8:
   version "2.4.11"
   resolved "https://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz#37a5cf0b81ecbc6943de109ba2960d1b26584ae7"
   integrity sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==
@@ -8754,13 +9219,10 @@ shallow-clone@^1.0.0:
     kind-of "^5.0.0"
     mixin-object "^2.0.1"
 
-shasum@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.npmjs.org/shasum/-/shasum-1.0.2.tgz#e7012310d8f417f4deb5712150e5678b87ae565f"
-  integrity sha1-5wEjENj0F/TetXEhUOVni4euVl8=
-  dependencies:
-    json-stable-stringify "~0.0.0"
-    sha.js "~2.4.4"
+shallow-copy@~0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/shallow-copy/-/shallow-copy-0.0.1.tgz#415f42702d73d810330292cc5ee86eae1a11a170"
+  integrity sha1-QV9CcC1z2BAzApLMXuhurhoRoXA=
 
 shebang-command@^1.2.0:
   version "1.2.0"
@@ -8774,16 +9236,6 @@ shebang-regex@^1.0.0:
   resolved "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz#da42f49740c0b42db2ca9728571cb190c98efea3"
   integrity sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=
 
-shell-quote@^1.6.1:
-  version "1.6.1"
-  resolved "https://registry.npmjs.org/shell-quote/-/shell-quote-1.6.1.tgz#f4781949cce402697127430ea3b3c5476f481767"
-  integrity sha1-9HgZSczkAmlxJ0MOo7PFR29IF2c=
-  dependencies:
-    array-filter "~0.0.0"
-    array-map "~0.0.0"
-    array-reduce "~0.0.0"
-    jsonify "~0.0.0"
-
 shellwords@^0.1.1:
   version "0.1.1"
   resolved "https://registry.npmjs.org/shellwords/-/shellwords-0.1.1.tgz#d6b9181c1a48d397324c84871efbcfc73fc0654b"
@@ -8794,11 +9246,6 @@ signal-exit@^3.0.0, signal-exit@^3.0.2:
   resolved "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.2.tgz#b5fdc08f1287ea1178628e415e25132b73646c6d"
   integrity sha1-tf3AjxKH6hF4Yo5BXiUTK3NkbG0=
 
-simple-concat@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.npmjs.org/simple-concat/-/simple-concat-1.0.0.tgz#7344cbb8b6e26fb27d66b2fc86f9f6d5997521c6"
-  integrity sha1-c0TLuLbib7J9ZrL8hvn21Zl1IcY=
-
 simple-swizzle@^0.2.2:
   version "0.2.2"
   resolved "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz#a4da6b635ffcccca33f70d17cb92592de95e557a"
@@ -8835,16 +9282,6 @@ slice-ansi@^2.1.0:
     astral-regex "^1.0.0"
     is-fullwidth-code-point "^2.0.0"
 
-slimscroll@^0.9.1:
-  version "0.9.1"
-  resolved "https://registry.npmjs.org/slimscroll/-/slimscroll-0.9.1.tgz#f675cdc601d80ada20f16004d227d156fd1187b2"
-  integrity sha1-9nXNxgHYCtog8WAE0ifRVv0Rh7I=
-  dependencies:
-    browserify ">=3.46.0"
-    classie ">=0.0.1"
-    domhelper "~0.9.0"
-    util-extend "^1.0.1"
-
 snapdragon-node@^2.0.1:
   version "2.1.1"
   resolved "https://registry.npmjs.org/snapdragon-node/-/snapdragon-node-2.1.1.tgz#6c175f86ff14bdb0724563e8f3c1b021a286853b"
@@ -8939,13 +9376,14 @@ source-map-url@^0.4.0:
   resolved "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.0.tgz#3e935d7ddd73631b97659956d55128e87b5084a3"
   integrity sha1-PpNdfd1zYxuXZZlW1VEo6HtQhKM=
 
-source-map@0.1.x, source-map@^0.1.38:
+source-map@0.1.x, source-map@^0.1.38, source-map@~0.1.30:
   version "0.1.43"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.1.43.tgz#c24bc146ca517c1471f5dacbe2571b2b7f9e3346"
+  integrity sha1-wkvBRspRfBRx9drL4lcbK3+eM0Y=
   dependencies:
     amdefine ">=0.0.4"
 
-source-map@^0.5.0, source-map@^0.5.3, source-map@^0.5.6, source-map@~0.5.3:
+source-map@^0.5.0, source-map@^0.5.3, source-map@^0.5.6:
   version "0.5.7"
   resolved "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
   integrity sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=
@@ -8955,6 +9393,11 @@ source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.1:
   resolved "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
 
+sparklines@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/sparklines/-/sparklines-1.2.0.tgz#bbbf2dede9bc337749e430baf67c2b37f88f6fa0"
+  integrity sha512-6OFlZzdFXyfFGJ8R5wrc9GdjoeQpjFuwkMKF1yVehLATHVrf4dSyZ4veGOFQ0mQ3xdJ0bCQSbd0idsm1gd2qWg==
+
 spdx-correct@^3.0.0:
   version "3.1.0"
   resolved "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.0.tgz#fb83e504445268f154b074e218c87c003cd31df4"
@@ -9048,6 +9491,13 @@ stack-utils@^1.0.1:
   resolved "https://registry.npmjs.org/stack-utils/-/stack-utils-1.0.2.tgz#33eba3897788558bebfc2db059dc158ec36cebb8"
   integrity sha512-MTX+MeG5U994cazkjd/9KNAapsHnibjMLnfXodlkXw76JEea0UiNzrqidzo1emMwk7w5Qhc9jd4Bn9TBb1MFwA==
 
+static-eval@^2.0.0, static-eval@^2.0.2:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/static-eval/-/static-eval-2.0.3.tgz#cb62fc79946bd4d5f623a45ad428233adace4d72"
+  integrity sha512-zsxDGucfAh8T339sSKgpFbvg15Fms2IVaJGC+jqp0bVsxhcpM+iMeAI8weNo8dmf4OblgifTBUoyk1vGVtYw2w==
+  dependencies:
+    escodegen "^1.11.1"
+
 static-extend@^0.1.1:
   version "0.1.2"
   resolved "https://registry.npmjs.org/static-extend/-/static-extend-0.1.2.tgz#60809c39cbff55337226fd5e0b520f341f1fb5c6"
@@ -9056,6 +9506,46 @@ static-extend@^0.1.1:
     define-property "^0.2.5"
     object-copy "^0.1.0"
 
+static-module@^2.2.0:
+  version "2.2.5"
+  resolved "https://registry.yarnpkg.com/static-module/-/static-module-2.2.5.tgz#bd40abceae33da6b7afb84a0e4329ff8852bfbbf"
+  integrity sha512-D8vv82E/Kpmz3TXHKG8PPsCPg+RAX6cbCOyvjM6x04qZtQ47EtJFVwRsdov3n5d6/6ynrOY9XB4JkaZwB2xoRQ==
+  dependencies:
+    concat-stream "~1.6.0"
+    convert-source-map "^1.5.1"
+    duplexer2 "~0.1.4"
+    escodegen "~1.9.0"
+    falafel "^2.1.0"
+    has "^1.0.1"
+    magic-string "^0.22.4"
+    merge-source-map "1.0.4"
+    object-inspect "~1.4.0"
+    quote-stream "~1.0.2"
+    readable-stream "~2.3.3"
+    shallow-copy "~0.0.1"
+    static-eval "^2.0.0"
+    through2 "~2.0.3"
+
+static-module@^3.0.2:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/static-module/-/static-module-3.0.3.tgz#cc2301ed3fe353e2d2a2195137013853676f9960"
+  integrity sha512-RDaMYaI5o/ym0GkCqL/PlD1Pn216omp8fY81okxZ6f6JQxWW5tptOw9reXoZX85yt/scYvbWIt6uoszeyf+/MQ==
+  dependencies:
+    acorn-node "^1.3.0"
+    concat-stream "~1.6.0"
+    convert-source-map "^1.5.1"
+    duplexer2 "~0.1.4"
+    escodegen "~1.9.0"
+    has "^1.0.1"
+    magic-string "^0.22.4"
+    merge-source-map "1.0.4"
+    object-inspect "~1.4.0"
+    readable-stream "~2.3.3"
+    scope-analyzer "^2.0.1"
+    shallow-copy "~0.0.1"
+    static-eval "^2.0.2"
+    through2 "~2.0.3"
+
 "statuses@>= 1.4.0 < 2", "statuses@>= 1.5.0 < 2", statuses@~1.5.0:
   version "1.5.0"
   resolved "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz#161c7dac177659fd9811f43771fa99381478628c"
@@ -9073,7 +9563,7 @@ stealthy-require@^1.1.1:
   resolved "https://registry.npmjs.org/stealthy-require/-/stealthy-require-1.1.1.tgz#35b09875b4ff49f26a777e509b3090a3226bf24b"
   integrity sha1-NbCYdbT/SfJqd35QmzCQoyJr8ks=
 
-stream-browserify@^2.0.0, stream-browserify@^2.0.1:
+stream-browserify@^2.0.1:
   version "2.0.2"
   resolved "https://registry.npmjs.org/stream-browserify/-/stream-browserify-2.0.2.tgz#87521d38a44aa7ee91ce1cd2a47df0cb49dd660b"
   integrity sha512-nX6hmklHs/gr2FuxYDltq8fJA1GDlxKQCz8O/IM4atRqBH8OORmBNgfvW5gG10GT/qQ9u0CzIvr2X5Pkt6ntqg==
@@ -9081,14 +9571,6 @@ stream-browserify@^2.0.0, stream-browserify@^2.0.1:
     inherits "~2.0.1"
     readable-stream "^2.0.2"
 
-stream-combiner2@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.npmjs.org/stream-combiner2/-/stream-combiner2-1.1.1.tgz#fb4d8a1420ea362764e21ad4780397bebcb41cbe"
-  integrity sha1-+02KFCDqNidk4hrUeAOXvry0HL4=
-  dependencies:
-    duplexer2 "~0.1.0"
-    readable-stream "^2.0.2"
-
 stream-each@^1.1.0:
   version "1.2.3"
   resolved "https://registry.npmjs.org/stream-each/-/stream-each-1.2.3.tgz#ebe27a0c389b04fbcc233642952e10731afa9bae"
@@ -9097,7 +9579,7 @@ stream-each@^1.1.0:
     end-of-stream "^1.1.0"
     stream-shift "^1.0.0"
 
-stream-http@^2.0.0, stream-http@^2.7.2:
+stream-http@^2.7.2:
   version "2.8.3"
   resolved "https://registry.npmjs.org/stream-http/-/stream-http-2.8.3.tgz#b2d242469288a5a27ec4fe8933acf623de6514fc"
   integrity sha512-+TSkfINHDo4J+ZobQLWiMouQYB+UVYFttRA94FpEzzJ7ZdqcL4uUUQ7WkdkI4DSozGmgBUE/a47L+38PenXhUw==
@@ -9113,14 +9595,6 @@ stream-shift@^1.0.0:
   resolved "https://registry.npmjs.org/stream-shift/-/stream-shift-1.0.0.tgz#d5c752825e5367e786f78e18e445ea223a155952"
   integrity sha1-1cdSgl5TZ+eG944Y5EXqIjoVWVI=
 
-stream-splicer@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.npmjs.org/stream-splicer/-/stream-splicer-2.0.1.tgz#0b13b7ee2b5ac7e0609a7463d83899589a363fcd"
-  integrity sha512-Xizh4/NPuYSyAXyT7g8IvdJ9HJpxIGL9PjyhtywCZvvP0OPIdqyrr4dMikeuvY8xahpdKEBlBTySe583totajg==
-  dependencies:
-    inherits "^2.0.1"
-    readable-stream "^2.0.2"
-
 strict-uri-encode@^1.0.0:
   version "1.1.0"
   resolved "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz#279b225df1d582b1f54e65addd4352e18faa0713"
@@ -9275,12 +9749,10 @@ stylus@^0.54.5:
     sax "0.5.x"
     source-map "0.1.x"
 
-subarg@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.npmjs.org/subarg/-/subarg-1.0.0.tgz#f62cf17581e996b48fc965699f54c06ae268b8d2"
-  integrity sha1-9izxdYHplrSPyWVpn1TAauJouNI=
-  dependencies:
-    minimist "^1.1.0"
+summernote@^0.8.12:
+  version "0.8.12"
+  resolved "https://registry.yarnpkg.com/summernote/-/summernote-0.8.12.tgz#563502ed882abde9daab9db1e7eba330d37ac020"
+  integrity sha512-RVEJoIyztwPpopTwZvjag1WOvbmhUGFe6Mc9RADzzcX1ogG8pIXCB88icu/vjNYihITrzj2zZsoFMcDRHSlhEA==
 
 supports-color@6.1.0, supports-color@^6.1.0:
   version "6.1.0"
@@ -9296,6 +9768,13 @@ supports-color@^5.3.0, supports-color@^5.4.0:
   dependencies:
     has-flag "^3.0.0"
 
+svg-to-pdfkit@^0.1.7:
+  version "0.1.7"
+  resolved "https://registry.yarnpkg.com/svg-to-pdfkit/-/svg-to-pdfkit-0.1.7.tgz#7db6d47e47b3888dce18060751a8de2417f85775"
+  integrity sha1-fbbUfkeziI3OGAYHUajeJBf4V3U=
+  dependencies:
+    pdfkit ">=0.8.1"
+
 svgo@^1.0.0:
   version "1.3.0"
   resolved "https://registry.npmjs.org/svgo/-/svgo-1.3.0.tgz#bae51ba95ded9a33a36b7c46ce9c359ae9154313"
@@ -9315,18 +9794,16 @@ svgo@^1.0.0:
     unquote "~1.1.1"
     util.promisify "~1.0.0"
 
+sweetalert2@^8.19.0:
+  version "8.19.0"
+  resolved "https://registry.yarnpkg.com/sweetalert2/-/sweetalert2-8.19.0.tgz#692269bc8ddc5760e2b5070da2cf5e9e278bac0b"
+  integrity sha512-nFL++N3bitkEkd487Tv4i5ZxusmnoAAXHjtk7lp603Opxb8wlvVnz3hqa7qiIw6QFL04JC810E6qVQNf8s0vYQ==
+
 symbol-tree@^3.2.2:
   version "3.2.4"
   resolved "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"
   integrity sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==
 
-syntax-error@^1.1.1:
-  version "1.4.0"
-  resolved "https://registry.npmjs.org/syntax-error/-/syntax-error-1.4.0.tgz#2d9d4ff5c064acb711594a3e3b95054ad51d907c"
-  integrity sha512-YPPlu67mdnHGTup2A8ff7BC2Pjq0e0Yp/IyTFN03zWO0RcK07uLcbi7C2KpGR2FvWbaB0+bfE27a+sBKebSo7w==
-  dependencies:
-    acorn-node "^1.2.0"
-
 table@^5.2.3:
   version "5.2.3"
   resolved "https://registry.yarnpkg.com/table/-/table-5.2.3.tgz#cde0cc6eb06751c009efab27e8c820ca5b67b7f2"
@@ -9363,6 +9840,17 @@ teeny-request@^3.11.3:
     node-fetch "^2.2.0"
     uuid "^3.3.2"
 
+tempusdominus-bootstrap-4@^5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/tempusdominus-bootstrap-4/-/tempusdominus-bootstrap-4-5.1.2.tgz#3c9906ca6e5d563faa0b81b2fdc6aa79cad9c0be"
+  integrity sha512-ksD8qc4wOJeE19wvryXmEpRzMUSZu4wSOdG6zKSn8l4ccad16249KOX1j0CccyZpuuES/n4FLqLAUB+Dd1LTBA==
+  dependencies:
+    bootstrap ">=4.1.2"
+    jquery "^3.0"
+    moment "^2.22.2"
+    moment-timezone "^0.5.11"
+    popper.js "^1.14.3"
+
 terser-webpack-plugin@^1.4.1:
   version "1.4.1"
   resolved "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-1.4.1.tgz#61b18e40eaee5be97e771cdbb10ed1280888c2b4"
@@ -9416,7 +9904,7 @@ throttle-debounce@^1.0.1:
   resolved "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-1.1.0.tgz#51853da37be68a155cb6e827b3514a3c422e89cd"
   integrity sha512-XH8UiPCQcWNuk2LYePibW/4qL97+ZQ1AN3FNXwZRBNPPowo/NRU5fAlDCSNBJIYCKbioZfuYtMhG4quqoJhVzg==
 
-through2@^2.0.0:
+through2@^2.0.0, through2@~2.0.3:
   version "2.0.5"
   resolved "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz#01c1e39eb31d07cb7d03a96a70823260b23132cd"
   integrity sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==
@@ -9424,9 +9912,9 @@ through2@^2.0.0:
     readable-stream "~2.3.6"
     xtend "~4.0.1"
 
-"through@>=2.2.7 <3", through@^2.3.6:
+through@^2.3.6, through@~2.3.4:
   version "2.3.8"
-  resolved "https://registry.npmjs.org/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
+  resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
   integrity sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=
 
 thunky@^1.0.2:
@@ -9434,13 +9922,6 @@ thunky@^1.0.2:
   resolved "https://registry.npmjs.org/thunky/-/thunky-1.0.3.tgz#f5df732453407b09191dae73e2a8cc73f381a826"
   integrity sha512-YwT8pjmNcAXBZqrubu22P4FYsh2D4dxRmnWBOL8Jk8bUcRUtc5326kx32tuTmFDAZtLOGEVNl8POAR8j896Iow==
 
-timers-browserify@^1.0.1:
-  version "1.4.2"
-  resolved "https://registry.npmjs.org/timers-browserify/-/timers-browserify-1.4.2.tgz#c9c58b575be8407375cb5e2462dacee74359f41d"
-  integrity sha1-ycWLV1voQHN1y14kYtrO50NZ9B0=
-  dependencies:
-    process "~0.11.0"
-
 timers-browserify@^2.0.4:
   version "2.0.11"
   resolved "https://registry.npmjs.org/timers-browserify/-/timers-browserify-2.0.11.tgz#800b1f3eee272e5bc53ee465a04d0e804c31211f"
@@ -9453,6 +9934,11 @@ timsort@^0.3.0:
   resolved "https://registry.npmjs.org/timsort/-/timsort-0.3.0.tgz#405411a8e7e6339fe64db9a234de11dc31e02bd4"
   integrity sha1-QFQRqOfmM5/mTbmiNN4R3DHgK9Q=
 
+tiny-inflate@^1.0.0, tiny-inflate@^1.0.2:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/tiny-inflate/-/tiny-inflate-1.0.3.tgz#122715494913a1805166aaf7c93467933eea26c4"
+  integrity sha512-pkY1fj1cKHb2seWDy0B16HeWyczlJA9/WW3u3c4z/NiWDsO3DOU5D7nhTLE9CF0yXv/QZFY7sEJmj24dK+Rrqw==
+
 tmp@^0.0.33:
   version "0.0.33"
   resolved "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz#6d34335889768d21b2bcda0aa277ced3b1bfadf9"
@@ -9506,6 +9992,13 @@ to-regex@^3.0.1, to-regex@^3.0.2:
     regex-not "^1.0.2"
     safe-regex "^1.1.0"
 
+toastr@^2.1.4:
+  version "2.1.4"
+  resolved "https://registry.yarnpkg.com/toastr/-/toastr-2.1.4.tgz#8b43be64fb9d0c414871446f2db8e8ca4e95f181"
+  integrity sha1-i0O+ZPudDEFIcURvLbjoyk6V8YE=
+  dependencies:
+    jquery ">=1.12.0"
+
 toidentifier@1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.0.tgz#7e1be3470f1e77948bc43d94a3c8f4d7752ba553"
@@ -9582,11 +10075,6 @@ tty-browserify@0.0.0:
   resolved "https://registry.npmjs.org/tty-browserify/-/tty-browserify-0.0.0.tgz#a157ba402da24e9bf957f9aa69d524eed42901a6"
   integrity sha1-oVe6QC2iTpv5V/mqadUk7tQpAaY=
 
-tty-browserify@0.0.1:
-  version "0.0.1"
-  resolved "https://registry.npmjs.org/tty-browserify/-/tty-browserify-0.0.1.tgz#3f05251ee17904dfd0677546670db9651682b811"
-  integrity sha512-C3TaO7K81YvjCgQH9Q1S3R3P3BtN3RIM8n+OvX4il1K1zgE8ZhI0op7kClgkxtutIE8hQrcrHBXvIheqKUUCxw==
-
 tunnel-agent@^0.6.0:
   version "0.6.0"
   resolved "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz#27a5dea06b36b04a0a9966774b290868f0fc40fd"
@@ -9619,6 +10107,16 @@ type-is@~1.6.17, type-is@~1.6.18:
     media-typer "0.3.0"
     mime-types "~2.1.24"
 
+type@^1.0.1:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/type/-/type-1.2.0.tgz#848dd7698dafa3e54a6c479e759c4bc3f18847a0"
+  integrity sha512-+5nt5AAniqsCnu2cEQQdpzCAh33kVx8n0VoFidKpB1dVVLAN/F+bgVOqOJqOnEnrhp222clB5p3vUlD+1QAnfg==
+
+type@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/type/-/type-2.0.0.tgz#5f16ff6ef2eb44f260494dae271033b29c09a9c3"
+  integrity sha512-KBt58xCHry4Cejnc2ISQAF7QY+ORngsWfxezO68+12hKV6lQY8P/psIkcbjeHWn7MqcgciWJyCCevFMJdIXpow==
+
 typedarray@^0.0.6:
   version "0.0.6"
   resolved "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
@@ -9637,22 +10135,6 @@ uglify-js@^3.1.4:
     commander "~2.20.0"
     source-map "~0.6.1"
 
-umd@^3.0.0:
-  version "3.0.3"
-  resolved "https://registry.npmjs.org/umd/-/umd-3.0.3.tgz#aa9fe653c42b9097678489c01000acb69f0b26cf"
-  integrity sha512-4IcGSufhFshvLNcMCV80UnQVlZ5pMOC8mvNPForqwA4+lzYQuetTESLDQkeLmihq8bRcnpbQa48Wb8Lh16/xow==
-
-undeclared-identifiers@^1.1.2:
-  version "1.1.3"
-  resolved "https://registry.npmjs.org/undeclared-identifiers/-/undeclared-identifiers-1.1.3.tgz#9254c1d37bdac0ac2b52de4b6722792d2a91e30f"
-  integrity sha512-pJOW4nxjlmfwKApE4zvxLScM/njmwj/DiUBv7EabwE4O8kRUy+HIwxQtZLBPll/jx1LJyBcqNfB3/cpv9EZwOw==
-  dependencies:
-    acorn-node "^1.3.0"
-    dash-ast "^1.0.0"
-    get-assigned-identifiers "^1.2.0"
-    simple-concat "^1.0.0"
-    xtend "^4.0.1"
-
 unicode-canonical-property-names-ecmascript@^1.0.4:
   version "1.0.4"
   resolved "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz#2619800c4c825800efdd8343af7dd9933cbe2818"
@@ -9671,11 +10153,43 @@ unicode-match-property-value-ecmascript@^1.1.0:
   resolved "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-1.1.0.tgz#5b4b426e08d13a80365e0d657ac7a6c1ec46a277"
   integrity sha512-hDTHvaBk3RmFzvSl0UVrUmC3PuW9wKVnpoUDYH0JDkSIovzw+J5viQmeYHxVSBptubnr7PbH2e0fnpDRQnQl5g==
 
+unicode-properties@^1.0.0:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/unicode-properties/-/unicode-properties-1.3.1.tgz#cc642b6314bde2c691d65dd94cece09ed84f1282"
+  integrity sha512-nIV3Tf3LcUEZttY/2g4ZJtGXhWwSkuLL+rCu0DIAMbjyVPj+8j5gNVz4T/sVbnQybIsd5SFGkPKg/756OY6jlA==
+  dependencies:
+    base64-js "^1.3.0"
+    unicode-trie "^2.0.0"
+
 unicode-property-aliases-ecmascript@^1.0.4:
   version "1.0.5"
   resolved "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-1.0.5.tgz#a9cc6cc7ce63a0a3023fc99e341b94431d405a57"
   integrity sha512-L5RAqCfXqAwR3RriF8pM0lU0w4Ryf/GgzONwi6KnL1taJQa7x1TCxdJnILX59WIGOwR57IVxn7Nej0fz1Ny6fw==
 
+unicode-trie@^0.3.0:
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/unicode-trie/-/unicode-trie-0.3.1.tgz#d671dddd89101a08bac37b6a5161010602052085"
+  integrity sha1-1nHd3YkQGgi6w3tqUWEBBgIFIIU=
+  dependencies:
+    pako "^0.2.5"
+    tiny-inflate "^1.0.0"
+
+unicode-trie@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/unicode-trie/-/unicode-trie-1.0.0.tgz#f649afdca127135edb55ca0ad7c8c60656d92ad1"
+  integrity sha512-v5raLKsobbFbWLMoX9+bChts/VhPPj3XpkNr/HbqkirXR1DPk8eo9IYKyvk0MQZFkaoRsFj2Rmaqgi2rfAZYtA==
+  dependencies:
+    pako "^0.2.5"
+    tiny-inflate "^1.0.0"
+
+unicode-trie@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/unicode-trie/-/unicode-trie-2.0.0.tgz#8fd8845696e2e14a8b67d78fa9e0dd2cad62fec8"
+  integrity sha512-x7bc76x0bm4prf1VLg79uhAzKw8DVboClSN5VxJuQ+LKDOVEW9CdH+VY7SP+vX7xCYQqzzgQpFqz15zeLvAtZQ==
+  dependencies:
+    pako "^0.2.5"
+    tiny-inflate "^1.0.0"
+
 union-value@^1.0.0:
   version "1.0.1"
   resolved "https://registry.npmjs.org/union-value/-/union-value-1.0.1.tgz#0b6fe7b835aecda61c6ea4d4f02c14221e109847"
@@ -9767,7 +10281,7 @@ url-parse@^1.4.3:
     querystringify "^2.1.1"
     requires-port "^1.0.0"
 
-url@^0.11.0, url@~0.11.0:
+url@^0.11.0:
   version "0.11.0"
   resolved "https://registry.npmjs.org/url/-/url-0.11.0.tgz#3838e97cfc60521eb73c525a8e55bfdd9e2e28f1"
   integrity sha1-ODjpfPxgUh63PFJajlW/3Z4uKPE=
@@ -9790,11 +10304,6 @@ util-deprecate@^1.0.1, util-deprecate@~1.0.1:
   resolved "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
   integrity sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=
 
-util-extend@^1.0.1:
-  version "1.0.3"
-  resolved "https://registry.npmjs.org/util-extend/-/util-extend-1.0.3.tgz#a7c216d267545169637b3b6edc6ca9119e2ff93f"
-  integrity sha1-p8IW0mdUUWljeztu3GypEZ4v+T8=
-
 util.promisify@^1.0.0, util.promisify@~1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/util.promisify/-/util.promisify-1.0.0.tgz#440f7165a459c9a16dc145eb8e72f35687097030"
@@ -9816,13 +10325,6 @@ util@^0.11.0:
   dependencies:
     inherits "2.0.3"
 
-util@~0.10.1:
-  version "0.10.4"
-  resolved "https://registry.npmjs.org/util/-/util-0.10.4.tgz#3aa0125bfe668a4672de58857d3ace27ecb76901"
-  integrity sha512-0Pm9hTQ3se5ll1XihRic3FDIku70C+iHUdT/W926rSgHV5QgXsYbKZN8MSC3tJtSkhuROzvsQjAaFENRXr+19A==
-  dependencies:
-    inherits "2.0.3"
-
 utils-merge@1.0.1:
   version "1.0.1"
   resolved "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713"
@@ -9865,7 +10367,12 @@ verror@1.10.0:
     core-util-is "1.0.2"
     extsprintf "^1.2.0"
 
-vm-browserify@^1.0.0, vm-browserify@^1.0.1:
+vlq@^0.2.2:
+  version "0.2.3"
+  resolved "https://registry.yarnpkg.com/vlq/-/vlq-0.2.3.tgz#8f3e4328cf63b1540c0d67e1b2778386f8975b26"
+  integrity sha512-DRibZL6DsNhIgYQ+wNdWDL2SL3bKPlVrRiBqV5yuMm++op8W4kGFtaQfCs4KEJn0wBZcHVHJ3eoywX8983k1ow==
+
+vm-browserify@^1.0.1:
   version "1.1.0"
   resolved "https://registry.npmjs.org/vm-browserify/-/vm-browserify-1.1.0.tgz#bd76d6a23323e2ca8ffa12028dc04559c75f9019"
   integrity sha512-iq+S7vZJE60yejDYM0ek6zg308+UZsdtPExWP9VZoCFCz1zkJoXFnAX7aZfd/ZwrkidzdUZL0C/ryW+JwAiIGw==