diff --git a/assets/css/components.css b/assets/css/components.css
index e011983..726007a 100644
--- a/assets/css/components.css
+++ b/assets/css/components.css
@@ -1,4 +1,3 @@
-@charset "UTF-8";
 /**
  * Components
  *
@@ -55,366 +54,296 @@
   border-radius: 3px;
   border: none;
   position: relative;
-  margin-bottom: 30px;
-}
-.article .article-header {
-  height: 170px;
-  position: relative;
-  overflow: hidden;
-}
-.article .article-header .article-image {
-  background-color: #fbfbfb;
-  background-position: center;
-  background-size: cover;
-  background-repeat: no-repeat;
-  width: 100%;
-  height: 100%;
-  z-index: -1;
-}
-.article .article-header .article-title {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.65) 98%, rgba(0, 0, 0, 0.65) 100%);
-  padding: 10px;
-}
-.article .article-header .article-title h2 {
-  font-size: 16px;
-  line-height: 24px;
-}
-.article .article-header .article-title h2 a {
-  font-weight: 700;
-  text-decoration: none;
-  color: #fff;
-}
-.article .article-details {
-  background-color: #fff;
-  padding: 20px;
-  line-height: 24px;
-}
-.article .article-details .article-cta {
-  text-align: center;
-}
-.article .article-header .article-badge {
-  position: absolute;
-  bottom: 10px;
-  left: 10px;
-}
-.article .article-header .article-badge .article-badge-item {
-  padding: 7px 15px;
-  font-weight: 600;
-  color: #fff;
-  border-radius: 30px;
-  font-size: 12px;
-}
-.article .article-header .article-badge .article-badge-item .ion, .article .article-header .article-badge .article-badge-item .fas, .article .article-header .article-badge .article-badge-item .far, .article .article-header .article-badge .article-badge-item .fab, .article .article-header .article-badge .article-badge-item .fal {
-  margin-right: 3px;
-}
-.article.article-style-b .article-details .article-title {
-  margin-bottom: 10px;
-}
-.article.article-style-b .article-details .article-title h2 {
-  line-height: 22px;
-}
-.article.article-style-b .article-details .article-title a {
-  font-size: 16px;
-  font-weight: 600;
-}
-.article.article-style-b .article-details p {
-  color: #34395e;
-}
-.article.article-style-b .article-details .article-cta {
-  text-align: right;
-}
-.article.article-style-c .article-header {
-  height: 233px;
-}
-.article.article-style-c .article-details .article-category {
-  text-transform: uppercase;
-  margin-bottom: 5px;
-  letter-spacing: 1px;
-  color: #34395e;
-}
-.article.article-style-c .article-details .article-category a {
-  font-size: 10px;
-  color: #34395e;
-  font-weight: 700;
-}
-.article.article-style-c .article-details .article-title {
-  margin-bottom: 10px;
-}
-.article.article-style-c .article-details .article-title h2 {
-  line-height: 22px;
-}
-.article.article-style-c .article-details .article-title a {
-  font-size: 16px;
-  font-weight: 600;
-}
-.article.article-style-c .article-details p {
-  color: #34395e;
-}
-.article.article-style-c .article-user {
-  display: inline-block;
-  width: 100%;
-  margin-top: 20px;
-}
-.article.article-style-c .article-user img {
-  border-radius: 50%;
-  float: left;
-  width: 45px;
-  margin-right: 15px;
-}
-.article.article-style-c .article-user .user-detail-name {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-.article.article-style-c .article-user .user-detail-name a {
-  font-weight: 700;
-}
+  margin-bottom: 30px; }
+  .article .article-header {
+    height: 170px;
+    position: relative;
+    overflow: hidden; }
+    .article .article-header .article-image {
+      background-color: #fbfbfb;
+      background-position: center;
+      background-size: cover;
+      background-repeat: no-repeat;
+      width: 100%;
+      height: 100%;
+      z-index: -1; }
+    .article .article-header .article-title {
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      width: 100%;
+      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.65) 98%, rgba(0, 0, 0, 0.65) 100%);
+      padding: 10px; }
+      .article .article-header .article-title h2 {
+        font-size: 16px;
+        line-height: 24px; }
+        .article .article-header .article-title h2 a {
+          font-weight: 700;
+          text-decoration: none;
+          color: #fff; }
+  .article .article-details {
+    background-color: #fff;
+    padding: 20px;
+    line-height: 24px; }
+    .article .article-details .article-cta {
+      text-align: center; }
+  .article .article-header .article-badge {
+    position: absolute;
+    bottom: 10px;
+    left: 10px; }
+    .article .article-header .article-badge .article-badge-item {
+      padding: 7px 15px;
+      font-weight: 600;
+      color: #fff;
+      border-radius: 30px;
+      font-size: 12px; }
+      .article .article-header .article-badge .article-badge-item .ion, .article .article-header .article-badge .article-badge-item .fas, .article .article-header .article-badge .article-badge-item .far, .article .article-header .article-badge .article-badge-item .fab, .article .article-header .article-badge .article-badge-item .fal {
+        margin-right: 3px; }
+  .article.article-style-b .article-details .article-title {
+    margin-bottom: 10px; }
+    .article.article-style-b .article-details .article-title h2 {
+      line-height: 22px; }
+    .article.article-style-b .article-details .article-title a {
+      font-size: 16px;
+      font-weight: 600; }
+  .article.article-style-b .article-details p {
+    color: #34395e; }
+  .article.article-style-b .article-details .article-cta {
+    text-align: right; }
+  .article.article-style-c .article-header {
+    height: 233px; }
+  .article.article-style-c .article-details .article-category {
+    text-transform: uppercase;
+    margin-bottom: 5px;
+    letter-spacing: 1px;
+    color: #34395e; }
+    .article.article-style-c .article-details .article-category a {
+      font-size: 10px;
+      color: #34395e;
+      font-weight: 700; }
+  .article.article-style-c .article-details .article-title {
+    margin-bottom: 10px; }
+    .article.article-style-c .article-details .article-title h2 {
+      line-height: 22px; }
+    .article.article-style-c .article-details .article-title a {
+      font-size: 16px;
+      font-weight: 600; }
+  .article.article-style-c .article-details p {
+    color: #34395e; }
+  .article.article-style-c .article-user {
+    display: inline-block;
+    width: 100%;
+    margin-top: 20px; }
+    .article.article-style-c .article-user img {
+      border-radius: 50%;
+      float: left;
+      width: 45px;
+      margin-right: 15px; }
+    .article.article-style-c .article-user .user-detail-name {
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis; }
+      .article.article-style-c .article-user .user-detail-name a {
+        font-weight: 700; }
 
 @media (max-width: 575.98px) {
   .article .article-style-c .article-header {
-    height: 225px;
-  }
-}
+    height: 225px; } }
+
 @media (min-width: 768px) and (max-width: 991.98px) {
   .article {
-    margin-bottom: 40px;
-  }
-  .article .article-header {
-    height: 195px !important;
-  }
-  .article.article-style-c .article-header {
-    height: 155px;
-  }
-}
+    margin-bottom: 40px; }
+    .article .article-header {
+      height: 195px !important; }
+    .article.article-style-c .article-header {
+      height: 155px; } }
+
 @media (max-width: 1024px) {
   .article.article-style-c .article-header {
-    height: 216px;
-  }
+    height: 216px; }
   .article .article-header {
-    height: 155px;
-  }
-}
+    height: 155px; } }
+
 /* 1.2 Author */
 .author-box .author-box-left {
   float: left;
   text-align: center;
-  padding-left: 5px;
-}
-.author-box .author-box-left .btn {
-  padding: 5px 15px;
-  font-size: 12px;
-  border-radius: 30px;
-}
+  padding-left: 5px; }
+  .author-box .author-box-left .btn {
+    padding: 5px 15px;
+    font-size: 12px;
+    border-radius: 30px; }
+
 .author-box .author-box-picture {
   width: 100px;
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
-}
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03); }
+
 .author-box .author-box-details {
-  margin-left: 135px;
-}
+  margin-left: 135px; }
+
 .author-box .author-box-name {
-  font-size: 18px;
-}
-.author-box .author-box-name a {
-  font-weight: 600;
-}
+  font-size: 18px; }
+  .author-box .author-box-name a {
+    font-weight: 600; }
+
 .author-box .author-box-job {
   font-weight: 600;
-  letter-spacing: 0.5px;
+  letter-spacing: .5px;
   font-size: 12px;
-  color: #34395e;
-}
+  color: #34395e; }
+
 .author-box .author-box-description {
   line-height: 26px;
-  margin-top: 15px;
-}
+  margin-top: 15px; }
 
 @media (max-width: 575.98px) {
   .author-box .author-box-left {
-    float: none;
-  }
+    float: none; }
   .author-box .author-box-details {
     margin-left: 0;
     margin-top: 15px;
-    text-align: center;
-  }
-}
+    text-align: center; } }
+
 /* 1.3 Avatar Item */
 .avatar-item {
   position: relative;
-  margin-bottom: 20px;
-}
-.avatar-item img {
-  border-radius: 50%;
-}
-.avatar-item .avatar-badge {
-  position: absolute;
-  bottom: -5px;
-  right: 0;
-  background-color: #fff;
-  color: #000;
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
-  border-radius: 50%;
-  text-align: center;
-  line-height: 25px;
-  width: 25px;
-  height: 25px;
-}
+  margin-bottom: 20px; }
+  .avatar-item img {
+    border-radius: 50%; }
+  .avatar-item .avatar-badge {
+    position: absolute;
+    bottom: -5px;
+    right: 0;
+    background-color: #fff;
+    color: #000;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
+    border-radius: 50%;
+    text-align: center;
+    line-height: 25px;
+    width: 25px;
+    height: 25px; }
 
 /* 1.4 Browser */
 .browser {
   display: inline-block;
   width: 60px;
   height: 60px;
-  background-size: 100%;
-}
-.browser.browser-chrome {
-  background-image: url("../img/browsers/chrome.png");
-}
-.browser.browser-firefox {
-  background-image: url("../img/browsers/firefox.png");
-}
-.browser.browser-internet-explorer {
-  background-image: url("../img/browsers/internet-explorer.png");
-}
-.browser.browser-opera {
-  background-image: url("../img/browsers/opera.png");
-}
-.browser.browser-safari {
-  background-image: url("../img/browsers/safari.png");
-}
+  background-size: 100%; }
+  .browser.browser-chrome {
+    background-image: url("../img/browsers/chrome.png"); }
+  .browser.browser-firefox {
+    background-image: url("../img/browsers/firefox.png"); }
+  .browser.browser-internet-explorer {
+    background-image: url("../img/browsers/internet-explorer.png"); }
+  .browser.browser-opera {
+    background-image: url("../img/browsers/opera.png"); }
+  .browser.browser-safari {
+    background-image: url("../img/browsers/safari.png"); }
 
 /* 1.5 Chat */
 .chat-box .chat-content {
   background-color: #f9f9f9 !important;
   height: 300px;
   overflow: hidden;
-  padding-top: 25px !important;
-}
-.chat-box .chat-content .chat-item {
-  display: inline-block;
-  width: 100%;
-  margin-bottom: 25px;
-}
-.chat-box .chat-content .chat-item.chat-right img {
-  float: right;
-}
-.chat-box .chat-content .chat-item.chat-right .chat-details {
-  margin-left: 0;
-  margin-right: 70px;
-  text-align: right;
-}
-.chat-box .chat-content .chat-item.chat-right .chat-details .chat-text {
-  text-align: left;
-  background-color: #6777ef;
-  color: #fff;
-}
-.chat-box .chat-content .chat-item > img {
-  float: left;
-  width: 50px;
-  border-radius: 50%;
-}
-.chat-box .chat-content .chat-item .chat-details {
-  margin-left: 70px;
-}
-.chat-box .chat-content .chat-item .chat-details .chat-text {
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
-  background-color: #fff;
-  padding: 10px 15px;
-  border-radius: 3px;
-  width: auto;
-  display: inline-block;
-  font-size: 12px;
-}
-.chat-box .chat-content .chat-item .chat-details .chat-text img {
-  max-width: 100%;
-  margin-bottom: 10px;
-}
-.chat-box .chat-content .chat-item.chat-typing .chat-details .chat-text {
-  background-image: url("../img/typing.svg");
-  height: 40px;
-  width: 60px;
-  background-position: center;
-  background-size: 60%;
-  background-repeat: no-repeat;
-}
-.chat-box .chat-content .chat-item .chat-details .chat-time {
-  margin-top: 5px;
-  font-size: 12px;
-  font-weight: 500;
-  opacity: 0.6;
-}
+  padding-top: 25px !important; }
+  .chat-box .chat-content .chat-item {
+    display: inline-block;
+    width: 100%;
+    margin-bottom: 25px; }
+    .chat-box .chat-content .chat-item.chat-right img {
+      float: right; }
+    .chat-box .chat-content .chat-item.chat-right .chat-details {
+      margin-left: 0;
+      margin-right: 70px;
+      text-align: right; }
+      .chat-box .chat-content .chat-item.chat-right .chat-details .chat-text {
+        text-align: left;
+        background-color: #6777ef;
+        color: #fff; }
+    .chat-box .chat-content .chat-item > img {
+      float: left;
+      width: 50px;
+      border-radius: 50%; }
+    .chat-box .chat-content .chat-item .chat-details {
+      margin-left: 70px; }
+      .chat-box .chat-content .chat-item .chat-details .chat-text {
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
+        background-color: #fff;
+        padding: 10px 15px;
+        border-radius: 3px;
+        width: auto;
+        display: inline-block;
+        font-size: 12px; }
+        .chat-box .chat-content .chat-item .chat-details .chat-text img {
+          max-width: 100%;
+          margin-bottom: 10px; }
+    .chat-box .chat-content .chat-item.chat-typing .chat-details .chat-text {
+      background-image: url("../img/typing.svg");
+      height: 40px;
+      width: 60px;
+      background-position: center;
+      background-size: 60%;
+      background-repeat: no-repeat; }
+    .chat-box .chat-content .chat-item .chat-details .chat-time {
+      margin-top: 5px;
+      font-size: 12px;
+      font-weight: 500;
+      opacity: .6; }
+
 .chat-box .chat-form {
   padding: 0;
-  position: relative;
-}
-.chat-box .chat-form .form-control {
-  border: none;
-  padding: 15px;
-  height: 50px;
-  padding-right: 70px;
-  font-size: 13px;
-  font-weight: 500;
-  box-shadow: none;
-  outline: none;
-}
-.chat-box .chat-form .btn {
-  padding: 0;
-  width: 40px;
-  height: 40px;
-  border-radius: 50%;
-  position: absolute;
-  top: 50%;
-  right: -5px;
-  -webkit-transform: translate(-50%, -50%);
-  transform: translate(-50%, -50%);
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
-}
-.chat-box .chat-form .btn i {
-  margin-left: 0;
-}
+  position: relative; }
+  .chat-box .chat-form .form-control {
+    border: none;
+    padding: 15px;
+    height: 50px;
+    padding-right: 70px;
+    font-size: 13px;
+    font-weight: 500;
+    box-shadow: none;
+    outline: none; }
+  .chat-box .chat-form .btn {
+    padding: 0;
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    position: absolute;
+    top: 50%;
+    right: -5px;
+    -webkit-transform: translate(-50%, -50%);
+    transform: translate(-50%, -50%);
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03); }
+    .chat-box .chat-form .btn i {
+      margin-left: 0; }
 
 /* 1.6 Chocolat */
 .chocolat-wrapper {
-  z-index: 890;
-}
+  z-index: 890; }
 
 .chocolat-overlay {
-  background-color: #000;
-}
+  background-color: #000; }
 
 /* 1.7 Custom Tab */
 [data-tab-group] {
-  display: none;
-}
-[data-tab-group].active {
-  display: block;
-}
+  display: none; }
+  [data-tab-group].active {
+    display: block; }
 
 /* 1.8 DataTables */
 table.dataTable {
-  border-collapse: collapse !important;
-}
-table.dataTable thead th, table.dataTable thead td {
-  border-bottom: 1px solid #ddd !important;
-}
-table.dataTable.no-footer {
-  border-bottom: 1px solid #ddd !important;
-}
+  border-collapse: collapse !important; }
+  table.dataTable thead th, table.dataTable thead td {
+    border-bottom: 1px solid #ddd !important; }
+  table.dataTable.no-footer {
+    border-bottom: 1px solid #ddd !important; }
 
 .dataTables_wrapper {
   padding: 0 !important;
-  font-size: 13px !important;
-}
-.dataTables_wrapper .dataTables_paginate .paginate_button {
-  padding: 0 !important;
-  margin: 0 !important;
-  float: left;
-}
+  font-size: 13px !important; }
+  .dataTables_wrapper .dataTables_paginate .paginate_button {
+    padding: 0 !important;
+    margin: 0 !important;
+    float: left; }
 
 div.dataTables_wrapper div.dataTables_processing {
   font-size: 0 !important;
@@ -430,129 +359,103 @@ div.dataTables_wrapper div.dataTables_processing {
   -webkit-transform: translate(-50%, -50%) !important;
   transform: translate(-50%, -50%) !important;
   margin: 0 !important;
-  opacity: 1 !important;
-}
+  opacity: 1 !important; }
 
 /* 1.9 Date Range Picker */
 .daterangepicker.dropdown-menu {
-  width: auto;
-}
+  width: auto; }
+
 .daterangepicker .input-mini {
-  padding-left: 28px !important;
-}
+  padding-left: 28px !important; }
+
 .daterangepicker .calendar th, .daterangepicker .calendar td {
   padding: 5px;
-  font-size: 12px;
-}
+  font-size: 12px; }
 
 .ranges li {
-  color: #6777ef;
-}
-.ranges li:hover, .ranges li.active {
-  background-color: #6777ef;
-}
+  color: #6777ef; }
+  .ranges li:hover, .ranges li.active {
+    background-color: #6777ef; }
 
 .daterangepicker td.active, .daterangepicker td.active:hover {
-  background-color: #6777ef;
-}
+  background-color: #6777ef; }
 
 /* 1.10 Dropzone */
 .dropzone {
   border: 2px dashed #6777ef;
   min-height: 240px;
-  text-align: center;
-}
-.dropzone .dz-message {
-  font-size: 24px;
-  color: #34395e;
-  margin: 3.4em;
-}
-.dropzone .dz-preview .dz-details {
-  padding: 2.2em 1em;
-}
-.dropzone .dz-preview .dz-image {
-  border-radius: 3px;
-}
+  text-align: center; }
+  .dropzone .dz-message {
+    font-size: 24px;
+    color: #34395e;
+    margin: 3.4em; }
+  .dropzone .dz-preview .dz-details {
+    padding: 2.2em 1em; }
+  .dropzone .dz-preview .dz-image {
+    border-radius: 3px; }
 
 @media (max-width: 575.98px) {
   .dropzone .dz-message {
-    margin: 2em;
-  }
-}
+    margin: 2em; } }
+
 @media (min-width: 576px) and (max-width: 767.98px) {
   .dropzone .dz-message {
-    margin: 2.75em;
-  }
-}
+    margin: 2.75em; } }
+
 /* 1.11 Flag Icon */
 .flag-icon {
   width: 50px;
   height: 35px;
   display: inline-block;
-  background-size: 100%;
-}
-.flag-icon.flag-icon-shadow {
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
-}
+  background-size: 100%; }
+  .flag-icon.flag-icon-shadow {
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03); }
 
 /* 1.12 Full Calendar */
 .fc-toolbar h2 {
   font-size: 16px;
-  margin-top: 4px;
-}
+  margin-top: 4px; }
 
 .fc-view {
   border-color: #f2f2f2;
   color: #34395e !important;
   font-weight: 500;
-  padding: 10px;
-}
-.fc-view > table {
-  border-color: #f2f2f2;
-}
-.fc-view > table tr, .fc-view > table td {
-  border-color: #f2f2f2;
-}
-.fc-view > table th {
-  border-color: #f2f2f2;
-  color: #34395e !important;
-  font-weight: 500;
-  padding: 10px;
-}
+  padding: 10px; }
+  .fc-view > table {
+    border-color: #f2f2f2; }
+    .fc-view > table tr, .fc-view > table td {
+      border-color: #f2f2f2; }
+    .fc-view > table th {
+      border-color: #f2f2f2;
+      color: #34395e !important;
+      font-weight: 500;
+      padding: 10px; }
 
 .fc-view-container > .fc-view {
-  padding: 0;
-}
+  padding: 0; }
 
 .fc-view {
   color: #666;
-  text-align: right;
-}
-.fc-view > table td {
-  color: #666;
-  text-align: right;
-}
+  text-align: right; }
+  .fc-view > table td {
+    color: #666;
+    text-align: right; }
 
 .fc-unthemed td.fc-today {
-  background-color: #f2f2f2;
-}
+  background-color: #f2f2f2; }
 
 .fc button .fc-icon {
-  top: -0.09em;
-}
+  top: -0.09em; }
 
 .fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number {
-  padding: 10px;
-}
+  padding: 10px; }
 
 .fc-day-grid-event .fc-content {
   padding: 5px 10px;
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
-}
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03); }
 
 tr:first-child > td > .fc-day-grid-event {
-  margin-bottom: 10px;
-}
+  margin-bottom: 10px; }
 
 .fc-state-default {
   border-radius: 3px;
@@ -561,81 +464,68 @@ tr:first-child > td > .fc-day-grid-event {
   border: none;
   box-shadow: none;
   text-transform: capitalize;
-  font-weight: 500;
-}
+  font-weight: 500; }
 
 .fc button {
   height: auto;
   padding: 10px 15px;
   text-shadow: none;
-  border-radius: 0;
-}
-.fc button.fc-state-active {
-  background-color: #6777ef;
-  color: #fff;
-}
+  border-radius: 0; }
+  .fc button.fc-state-active {
+    background-color: #6777ef;
+    color: #fff; }
 
 /* 1.13 Gallery */
 .gallery {
   display: inline-block;
-  width: 100%;
-}
-.gallery .gallery-item {
-  float: left;
-  display: inline-block;
-  width: 50px;
-  height: 50px;
-  background-repeat: no-repeat;
-  background-size: cover;
-  background-position: center;
-  border-radius: 3px;
-  margin-right: 7px;
-  margin-bottom: 7px;
-  cursor: pointer;
-  transition: all 0.5s;
-  position: relative;
-}
-.gallery .gallery-item:hover {
-  opacity: 0.8;
-}
-.gallery .gallery-hide {
-  display: none;
-}
-.gallery .gallery-more:after {
-  content: " ";
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 1;
-  background-color: rgba(0, 0, 0, 0.5);
-  border-radius: 3px;
-}
-.gallery .gallery-more div {
-  text-align: center;
-  line-height: 50px;
-  font-weight: 600;
-  position: relative;
-  z-index: 2;
-  color: #fff;
-}
-.gallery.gallery-md .gallery-item {
-  width: 78px;
-  height: 78px;
-  margin-right: 10px;
-  margin-bottom: 10px;
-}
-.gallery.gallery-md .gallery-more div {
-  line-height: 78px;
-}
-.gallery.gallery-fw .gallery-item {
-  width: 100%;
-  margin-bottom: 15px;
-}
-.gallery.gallery-fw .gallery-more div {
-  font-size: 20px;
-}
+  width: 100%; }
+  .gallery .gallery-item {
+    float: left;
+    display: inline-block;
+    width: 50px;
+    height: 50px;
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-position: center;
+    border-radius: 3px;
+    margin-right: 7px;
+    margin-bottom: 7px;
+    cursor: pointer;
+    transition: all .5s;
+    position: relative; }
+    .gallery .gallery-item:hover {
+      opacity: .8; }
+  .gallery .gallery-hide {
+    display: none; }
+  .gallery .gallery-more:after {
+    content: ' ';
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 1;
+    background-color: rgba(0, 0, 0, 0.5);
+    border-radius: 3px; }
+  .gallery .gallery-more div {
+    text-align: center;
+    line-height: 50px;
+    font-weight: 600;
+    position: relative;
+    z-index: 2;
+    color: #fff; }
+  .gallery.gallery-md .gallery-item {
+    width: 78px;
+    height: 78px;
+    margin-right: 10px;
+    margin-bottom: 10px; }
+  .gallery.gallery-md .gallery-more div {
+    line-height: 78px; }
+  .gallery.gallery-fw .gallery-item {
+    width: 100%;
+    margin-bottom: 15px; }
+  .gallery.gallery-fw .gallery-more div {
+    font-size: 20px; }
 
 /* 1.14 Image Preview */
 .image-preview, #callback-preview {
@@ -646,16 +536,14 @@ tr:first-child > td > .fc-day-grid-event {
   position: relative;
   overflow: hidden;
   background-color: #ffffff;
-  color: #ecf0f1;
-}
+  color: #ecf0f1; }
 
 .image-preview input, #callback-preview input {
   line-height: 200px;
   font-size: 200px;
   position: absolute;
   opacity: 0;
-  z-index: 10;
-}
+  z-index: 10; }
 
 .image-preview label, #callback-preview label {
   position: absolute;
@@ -673,15 +561,13 @@ tr:first-child > td > .fc-day-grid-event {
   right: 0;
   bottom: 0;
   margin: auto;
-  text-align: center;
-}
+  text-align: center; }
 
 .audio-preview {
   background: #ffffff;
   width: auto;
   padding: 20px;
-  display: inline-block;
-}
+  display: inline-block; }
 
 .audio-upload {
   cursor: pointer;
@@ -689,45 +575,40 @@ tr:first-child > td > .fc-day-grid-event {
   color: #ecf0f1;
   padding: 20px;
   font-size: 20px;
-  text-transform: uppercase;
-}
+  text-transform: uppercase; }
 
 /* 1.15 IonIcons */
 .ionicons {
   padding: 0;
   margin: 0;
   display: flex;
-  flex-wrap: wrap;
-}
-.ionicons li {
-  width: calc(100% / 8);
-  font-size: 40px;
-  padding: 40px 20px;
-  list-style: none;
-  text-align: center;
-  border-radius: 3px;
-  position: relative;
-  cursor: pointer;
-}
-.ionicons li:hover {
-  opacity: 0.8;
-}
-.ionicons li .icon-name {
-  position: absolute;
-  top: 100%;
-  left: 50%;
-  width: 100%;
-  -webkit-transform: translate(-50%, -100%);
-  transform: translate(-50%, -100%);
-  font-family: "Segoe UI";
-  font-size: 12px;
-  margin-top: 10px;
-  line-height: 22px;
-  background-color: #f9f9f9;
-  border-radius: 3px;
-  padding: 10px;
-  display: none;
-}
+  flex-wrap: wrap; }
+  .ionicons li {
+    width: calc(100% / 8);
+    font-size: 40px;
+    padding: 40px 20px;
+    list-style: none;
+    text-align: center;
+    border-radius: 3px;
+    position: relative;
+    cursor: pointer; }
+    .ionicons li:hover {
+      opacity: .8; }
+    .ionicons li .icon-name {
+      position: absolute;
+      top: 100%;
+      left: 50%;
+      width: 100%;
+      -webkit-transform: translate(-50%, -100%);
+      transform: translate(-50%, -100%);
+      font-family: 'Segoe UI';
+      font-size: 12px;
+      margin-top: 10px;
+      line-height: 22px;
+      background-color: #f9f9f9;
+      border-radius: 3px;
+      padding: 10px;
+      display: none; }
 
 /* 1.16 jQVmap */
 .jqvmap-circle {
@@ -736,77 +617,63 @@ tr:first-child > td > .fc-day-grid-event {
   height: 13px;
   background-color: #fff;
   border: 3px solid #6777ef;
-  border-radius: 50%;
-}
+  border-radius: 50%; }
 
 .jqvmap-label {
-  z-index: 889;
-}
+  z-index: 889; }
 
 .jqvmap-zoomin, .jqvmap-zoomout {
   height: auto;
-  width: auto;
-}
+  width: auto; }
 
 /* 1.17 Profile */
 .profile-widget {
-  margin-top: 35px;
-}
-.profile-widget .profile-widget-picture {
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
-  float: left;
-  width: 100px;
-  margin: -35px -5px 0 30px;
-  position: relative;
-  z-index: 1;
-}
-.profile-widget .profile-widget-header {
-  display: inline-block;
-  width: 100%;
-  margin-bottom: 10px;
-}
-.profile-widget .profile-widget-items {
-  display: flex;
-  position: relative;
-}
-.profile-widget .profile-widget-items:after {
-  content: " ";
-  position: absolute;
-  bottom: 0;
-  left: -25px;
-  right: 0;
-  height: 1px;
-  background-color: #f2f2f2;
-}
-.profile-widget .profile-widget-items .profile-widget-item {
-  flex: 1;
-  text-align: center;
-  border-right: 1px solid #f2f2f2;
-  padding: 10px 0;
-}
-.profile-widget .profile-widget-items .profile-widget-item:last-child {
-  border-right: none;
-}
-.profile-widget .profile-widget-items .profile-widget-item .profile-widget-item-label {
-  font-weight: 600;
-  font-size: 12px;
-  letter-spacing: 0.5px;
-  color: #34395e;
-}
-.profile-widget .profile-widget-items .profile-widget-item .profile-widget-item-value {
-  color: #000;
-  font-weight: 600;
-  font-size: 16px;
-}
-.profile-widget .profile-widget-description {
-  padding: 20px;
-  line-height: 26px;
-}
-.profile-widget .profile-widget-description .profile-widget-name {
-  font-size: 16px;
-  margin-bottom: 10px;
-  font-weight: 600;
-}
+  margin-top: 35px; }
+  .profile-widget .profile-widget-picture {
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
+    float: left;
+    width: 100px;
+    margin: -35px -5px 0 30px;
+    position: relative;
+    z-index: 1; }
+  .profile-widget .profile-widget-header {
+    display: inline-block;
+    width: 100%;
+    margin-bottom: 10px; }
+  .profile-widget .profile-widget-items {
+    display: flex;
+    position: relative; }
+    .profile-widget .profile-widget-items:after {
+      content: ' ';
+      position: absolute;
+      bottom: 0;
+      left: -25px;
+      right: 0;
+      height: 1px;
+      background-color: #f2f2f2; }
+    .profile-widget .profile-widget-items .profile-widget-item {
+      flex: 1;
+      text-align: center;
+      border-right: 1px solid #f2f2f2;
+      padding: 10px 0; }
+      .profile-widget .profile-widget-items .profile-widget-item:last-child {
+        border-right: none; }
+      .profile-widget .profile-widget-items .profile-widget-item .profile-widget-item-label {
+        font-weight: 600;
+        font-size: 12px;
+        letter-spacing: .5px;
+        color: #34395e; }
+      .profile-widget .profile-widget-items .profile-widget-item .profile-widget-item-value {
+        color: #000;
+        font-weight: 600;
+        font-size: 16px; }
+  .profile-widget .profile-widget-description {
+    padding: 20px;
+    line-height: 26px; }
+    .profile-widget .profile-widget-description .profile-widget-name {
+      font-size: 16px;
+      margin-bottom: 10px;
+      font-weight: 600; }
 
 @media (max-width: 575.98px) {
   .profile-widget .profile-widget-picture {
@@ -814,17 +681,14 @@ tr:first-child > td > .fc-day-grid-event {
     -webkit-transform: translate(-50%, 0);
     transform: translate(-50%, 0);
     margin: 40px 0;
-    float: none;
-  }
+    float: none; }
   .profile-widget .profile-widget-items .profile-widget-item {
-    border-top: 1px solid #f2f2f2;
-  }
-}
+    border-top: 1px solid #f2f2f2; } }
+
 /* 1.18 Select2 */
 .select2-container--default .select2-search--dropdown .select2-search__field:focus {
   outline: none;
-  box-shadow: none;
-}
+  box-shadow: none; }
 
 .select2-container .select2-selection--multiple, .select2-container .select2-selection--single {
   box-sizing: border-box;
@@ -837,72 +701,64 @@ tr:first-child > td > .fc-day-grid-event {
   -webkit-user-select: none;
   outline: none;
   background-color: #fdfdff;
-  border-color: #e4e6fc;
-}
+  border-color: #e4e6fc; }
 
 .select2-dropdown {
-  border-color: #e4e6fc !important;
-}
+  border-color: #e4e6fc !important; }
 
 .select2-container.select2-container--open .select2-selection--multiple {
   background-color: #fefeff;
-  border-color: #95a0f4;
-}
+  border-color: #95a0f4; }
+
 .select2-container.select2-container--focus .select2-selection--multiple, .select2-container.select2-container--focus .select2-selection--single {
   background-color: #fefeff;
-  border-color: #95a0f4;
-}
+  border-color: #95a0f4; }
+
 .select2-container.select2-container--open .select2-selection--single {
   background-color: #fefeff;
-  border-color: #95a0f4;
-}
+  border-color: #95a0f4; }
 
 .select2-results__option {
-  padding: 10px;
-}
+  padding: 10px; }
 
 .select2-search--dropdown .select2-search__field {
-  padding: 7px;
-}
+  padding: 7px; }
 
 .select2-container--default .select2-selection--single .select2-selection__rendered {
   min-height: 42px;
   line-height: 42px;
   padding-left: 20px;
-  padding-right: 20px;
-}
+  padding-right: 20px; }
+
 .select2-container--default .select2-selection--multiple .select2-selection__arrow, .select2-container--default .select2-selection--single .select2-selection__arrow {
   position: absolute;
   top: 1px;
   right: 1px;
   width: 40px;
-  min-height: 42px;
-}
+  min-height: 42px; }
+
 .select2-container--default .select2-selection--multiple .select2-selection__choice {
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
   color: #fff;
   padding-left: 10px;
-  padding-right: 10px;
-}
+  padding-right: 10px; }
+
 .select2-container--default .select2-selection--multiple .select2-selection__rendered {
   padding-left: 10px;
-  padding-right: 10px;
-}
+  padding-right: 10px; }
+
 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
   margin-right: 5px;
-  color: #fff;
-}
+  color: #fff; }
 
 .select2-container--default .select2-selection--multiple .select2-selection__choice,
 .select2-container--default .select2-results__option[aria-selected=true],
 .select2-container--default .select2-results__option--highlighted[aria-selected] {
   background-color: #6777ef;
-  color: #fff;
-}
+  color: #fff; }
 
 .select2-results__option {
-  padding-right: 10px 15px;
-}
+  padding-right: 10px 15px; }
 
 /* 1.19 Selectric */
 .selectric {
@@ -911,53 +767,42 @@ tr:first-child > td > .fc-day-grid-event {
   min-height: 42px;
   border-radius: 3px;
   padding-left: 10px;
-  padding-right: 10px;
-}
-.selectric:hover {
-  background-color: #fdfdff;
-  border-color: #e4e6fc;
-}
-.selectric:focus {
-  background-color: #fefeff;
-  border-color: #95a0f4;
-}
-.selectric .label {
-  font-size: 13px;
-  background-color: transparent;
-  line-height: 44px;
-  min-height: 42px;
-}
-.selectric .button {
-  background-color: transparent;
-  line-height: 44px;
-  min-height: 42px;
-}
+  padding-right: 10px; }
+  .selectric:hover {
+    background-color: #fdfdff;
+    border-color: #e4e6fc; }
+  .selectric:focus {
+    background-color: #fefeff;
+    border-color: #95a0f4; }
+  .selectric .label {
+    font-size: 13px;
+    background-color: transparent;
+    line-height: 44px;
+    min-height: 42px; }
+  .selectric .button {
+    background-color: transparent;
+    line-height: 44px;
+    min-height: 42px; }
 
 .selectric-open .selectric {
-  border-color: #6777ef;
-}
+  border-color: #6777ef; }
 
 .selectric-above .selectric-items, .selectric-below .selectric-items {
-  margin-bottom: 10px;
-}
+  margin-bottom: 10px; }
 
 .selectric-items {
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
   border-radius: 3px;
   background-color: #fff;
-  border: none;
-}
-.selectric-items li {
-  font-size: 13px;
-  padding: 10px 15px;
-}
-.selectric-items li:hover {
-  background-color: #f2f2f2;
-}
-.selectric-items li.selected, .selectric-items li.highlighted {
-  background-color: #6777ef;
-  color: #fff;
-}
+  border: none; }
+  .selectric-items li {
+    font-size: 13px;
+    padding: 10px 15px; }
+    .selectric-items li:hover {
+      background-color: #f2f2f2; }
+    .selectric-items li.selected, .selectric-items li.highlighted {
+      background-color: #6777ef;
+      color: #fff; }
 
 /* 1.20 Slider */
 .slider .owl-nav [class*=owl-] {
@@ -973,18 +818,17 @@ tr:first-child > td > .fc-day-grid-event {
   width: 40px;
   height: 40px;
   line-height: 34px;
-  opacity: 0.3;
-}
-.slider .owl-nav [class*=owl-]:hover {
-  background-color: #000;
-}
+  opacity: .3; }
+  .slider .owl-nav [class*=owl-]:hover {
+    background-color: #000; }
+
 .slider .owl-nav .owl-next {
   right: 0;
-  left: initial;
-}
+  left: initial; }
+
 .slider:hover .owl-nav [class*=owl-] {
-  opacity: 1;
-}
+  opacity: 1; }
+
 .slider .slider-caption {
   position: absolute;
   bottom: 10px;
@@ -993,137 +837,109 @@ tr:first-child > td > .fc-day-grid-event {
   z-index: 1;
   background-color: rgba(0, 0, 0, 0.3);
   color: #fff;
-  padding: 10px;
-}
-.slider .slider-caption .slider-title {
-  font-size: 16px;
-  font-weight: 700;
-  margin-bottom: 5px;
-}
-.slider .slider-caption .slider-description {
-  line-height: 26px;
-  opacity: 0.8;
-}
+  padding: 10px; }
+  .slider .slider-caption .slider-title {
+    font-size: 16px;
+    font-weight: 700;
+    margin-bottom: 5px; }
+  .slider .slider-caption .slider-description {
+    line-height: 26px;
+    opacity: .8; }
 
 /* 1.21 Sparkline */
 .jqstooltip {
-  box-sizing: content-box;
-}
+  box-sizing: content-box; }
 
 .sparkline-bar, .sparkline-line, .sparkline-inline {
-  width: 100%;
-}
+  width: 100%; }
 
 .sparkline-bar canvas, .sparkline-line canvas, .sparkline-inline canvas {
-  width: 100% !important;
-}
+  width: 100% !important; }
 
 /* 1.22 Statistics */
 .statistic-details {
   display: flex;
-  flex-wrap: wrap;
-}
-.statistic-details .statistic-details-item {
-  flex: 1;
-  padding: 17px 10px;
-  text-align: center;
-}
-.statistic-details .statistic-details-item .detail-chart {
-  margin-bottom: 10px;
-  padding: 0 20px;
-}
-.statistic-details .statistic-details-item .detail-name {
-  font-size: 12px;
-  margin-top: 5px;
-  color: #34395e;
-  letter-spacing: 0.3px;
-}
-.statistic-details .statistic-details-item .detail-value {
-  font-size: 18px;
-  font-weight: 700;
-}
+  flex-wrap: wrap; }
+  .statistic-details .statistic-details-item {
+    flex: 1;
+    padding: 17px 10px;
+    text-align: center; }
+    .statistic-details .statistic-details-item .detail-chart {
+      margin-bottom: 10px;
+      padding: 0 20px; }
+    .statistic-details .statistic-details-item .detail-name {
+      font-size: 12px;
+      margin-top: 5px;
+      color: #34395e;
+      letter-spacing: .3px; }
+    .statistic-details .statistic-details-item .detail-value {
+      font-size: 18px;
+      font-weight: 700; }
 
 @media (max-width: 575.98px) {
   .statistic-details {
-    flex-wrap: wrap;
-  }
-  .statistic-details .statistic-details-item {
-    flex: initial;
-    width: 50%;
-  }
-}
+    flex-wrap: wrap; }
+    .statistic-details .statistic-details-item {
+      flex: initial;
+      width: 50%; } }
+
 /* 1.23 Summary */
 .summary {
   display: inline-block;
-  width: 100%;
-}
-.summary .summary-info {
-  background-color: #eaf2f4;
-  padding: 50px 0;
-  text-align: center;
-  border-radius: 3px;
-}
-.summary .summary-info h4 {
-  font-weight: 600;
-}
-.summary .summary-item {
-  margin-top: 20px;
-}
-.summary .summary-item h6 {
-  font-size: 12px;
-  font-weight: 600;
-  margin-top: 5px;
-  margin-bottom: 20px;
-}
+  width: 100%; }
+  .summary .summary-info {
+    background-color: #eaf2f4;
+    padding: 50px 0;
+    text-align: center;
+    border-radius: 3px; }
+    .summary .summary-info h4 {
+      font-weight: 600; }
+  .summary .summary-item {
+    margin-top: 20px; }
+    .summary .summary-item h6 {
+      font-size: 12px;
+      font-weight: 600;
+      margin-top: 5px;
+      margin-bottom: 20px; }
 
 /* 1.24 Summernote */
 .note-editor.note-frame {
   border-radius: 3px;
   border: 1px solid #ededed;
-  box-shadow: none;
-}
+  box-shadow: none; }
 
 .note-toolbar {
   padding: 0 0 5px 5px !important;
-  position: relative !important;
-}
-.note-toolbar.card-header {
-  height: auto;
-  display: block;
-  min-height: auto;
-}
-.note-toolbar .note-btn {
-  font-size: 12px;
-  background-color: transparent;
-  box-shadow: none;
-  border-color: transparent;
-}
+  position: relative !important; }
+  .note-toolbar.card-header {
+    height: auto;
+    display: block;
+    min-height: auto; }
+  .note-toolbar .note-btn {
+    font-size: 12px;
+    background-color: transparent;
+    box-shadow: none;
+    border-color: transparent; }
 
 /* 1.25 Sweet Alert */
 .swal-button {
   border-radius: 3px;
-  font-size: 16px;
-}
-.swal-button:focus {
-  box-shadow: none;
-}
-.swal-button.swal-button--confirm {
-  box-shadow: 0 2px 6px #acb5f6;
-  background-color: #6777ef;
-}
-.swal-button.swal-button--confirm:focus {
-  opacity: 0.8;
-}
+  font-size: 16px; }
+  .swal-button:focus {
+    box-shadow: none; }
+  .swal-button.swal-button--confirm {
+    box-shadow: 0 2px 6px #acb5f6;
+    background-color: #6777ef; }
+    .swal-button.swal-button--confirm:focus {
+      opacity: .8; }
 
 .swal-footer {
-  text-align: center;
-}
+  text-align: center; }
 
 .swal-text {
   text-align: center;
   line-height: 24px;
-  font-weight: 500;
-}
+  font-weight: 500; }
 
 /* 1.26 Tags Input */
 .bootstrap-tagsinput {
@@ -1132,178 +948,145 @@ tr:first-child > td > .fc-day-grid-event {
   display: block;
   height: 46px;
   box-shadow: none;
-  overflow: auto;
-}
-.bootstrap-tagsinput input {
-  height: 100%;
-  padding: 0 8px;
-}
-.bootstrap-tagsinput .tag {
-  background-color: #6777ef;
-  border-radius: 3px;
-  padding: 5px 10px;
-}
-.bootstrap-tagsinput .tag:first-child {
-  margin-left: 5px;
-}
-.bootstrap-tagsinput:focus {
-  background-color: #fefeff;
-  border-color: #95a0f4;
-}
+  overflow: auto; }
+  .bootstrap-tagsinput input {
+    height: 100%;
+    padding: 0 8px; }
+  .bootstrap-tagsinput .tag {
+    background-color: #6777ef;
+    border-radius: 3px;
+    padding: 5px 10px; }
+    .bootstrap-tagsinput .tag:first-child {
+      margin-left: 5px; }
+  .bootstrap-tagsinput:focus {
+    background-color: #fefeff;
+    border-color: #95a0f4; }
 
 /* 1.27 Time Picker */
 .bootstrap-timepicker-widget table td a span {
-  margin-left: 0 !important;
-}
+  margin-left: 0 !important; }
 
 /* 1.28 Toast */
 #toast-container > div {
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
   padding: 20px 20px 20px 50px;
-  opacity: 1;
-}
+  opacity: 1; }
+
 #toast-container > .toast {
-  background-image: none !important;
-}
-#toast-container > .toast:before {
-  position: absolute;
-  left: 17px;
-  top: 25px;
-  font-family: "Ionicons";
-  font-size: 24px;
-  line-height: 18px;
-  color: #fff;
-}
+  background-image: none !important; }
+  #toast-container > .toast:before {
+    position: absolute;
+    left: 17px;
+    top: 25px;
+    font-family: 'Ionicons';
+    font-size: 24px;
+    line-height: 18px;
+    color: #fff; }
+
 #toast-container > .toast-warning:before {
-  content: "";
-}
+  content: "\f100"; }
+
 #toast-container > .toast-error:before {
-  content: "";
-}
+  content: "\f2d7"; }
+
 #toast-container > .toast-info:before {
-  content: "";
-  color: #000;
-}
+  content: "\f44c";
+  color: #000; }
+
 #toast-container > .toast-success:before {
-  content: "";
-}
+  content: "\f121"; }
 
 .toast.toast-error {
-  background-color: #fc544b;
-}
+  background-color: #fc544b; }
+
 .toast.toast-warning {
-  background-color: #ffa426;
-}
+  background-color: #ffa426; }
+
 .toast.toast-success {
-  background-color: #63ed7a;
-}
+  background-color: #63ed7a; }
+
 .toast.toast-info {
-  background-color: #fff;
-}
-.toast.toast-info .toast-title {
-  color: #000;
-}
-.toast.toast-info .toast-message {
-  color: #000;
-  margin-top: 5px;
-}
+  background-color: #fff; }
+  .toast.toast-info .toast-title {
+    color: #000; }
+  .toast.toast-info .toast-message {
+    color: #000;
+    margin-top: 5px; }
 
 /* 1.29 User Item */
 .user-item {
-  text-align: center;
-}
-.user-item img {
-  border-radius: 50%;
-  padding-left: 20px;
-  padding-right: 20px;
-}
-.user-item .user-details {
-  margin-top: 10px;
-}
-.user-item .user-details .user-name {
-  font-weight: 600;
-  color: #191d21;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.user-item .user-details .user-cta {
-  margin-top: 10px;
-}
-.user-item .user-details .user-cta .btn {
-  padding: 5px 15px;
-  font-size: 12px;
-  border-radius: 30px;
-}
+  text-align: center; }
+  .user-item img {
+    border-radius: 50%;
+    padding-left: 20px;
+    padding-right: 20px; }
+  .user-item .user-details {
+    margin-top: 10px; }
+    .user-item .user-details .user-name {
+      font-weight: 600;
+      color: #191d21;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis; }
+    .user-item .user-details .user-cta {
+      margin-top: 10px; }
+      .user-item .user-details .user-cta .btn {
+        padding: 5px 15px;
+        font-size: 12px;
+        border-radius: 30px; }
 
 @media (max-width: 575.98px) {
   .user-progress .media, .user-details .media {
     text-align: center;
     display: inline-block;
-    width: 100%;
-  }
-
+    width: 100%; }
   .user-progress .media img, .user-details .media img {
     margin: 0 !important;
-    margin-bottom: 10px !important;
-  }
-
+    margin-bottom: 10px !important; }
   .user-progress .media .media-body, .user-details .media .media-body {
-    width: 100%;
-  }
-
+    width: 100%; }
   .user-progress .media .media-items, .user-details .media .media-items {
     margin: 20px 0;
-    width: 100%;
-  }
-
+    width: 100%; }
   .user-progress .list-unstyled-noborder li:last-child, .user-details .list-unstyled-noborder li:last-child {
     margin-bottom: 0;
-    padding-bottom: 0;
-  }
-
+    padding-bottom: 0; }
   .user-progress .media .media-progressbar {
-    margin-top: 10px;
-  }
+    margin-top: 10px; }
   .user-progress .media .media-cta {
     margin-top: 20px;
-    margin-left: 0;
-  }
-}
+    margin-left: 0; } }
+
 /* 1.30 Weather */
 .weather .weather-icon {
   float: left;
   width: 150px;
   text-align: center;
-  line-height: 40px;
-}
-.weather .weather-icon span {
-  font-size: 60px;
-  margin-top: 30px;
-}
+  line-height: 40px; }
+  .weather .weather-icon span {
+    font-size: 60px;
+    margin-top: 30px; }
+
 .weather .weather-desc {
-  margin-left: 160px;
-}
-.weather .weather-desc h4 {
-  font-size: 70px;
-  font-weight: 200;
-  margin: 0;
-  margin-top: 30px;
-  margin-bottom: 5px;
-  line-height: 56px;
-}
-.weather .weather-desc .weather-text {
-  font-size: 12px;
-  color: #34395e;
-  font-weight: 600;
-  letter-spacing: 1px;
-  text-transform: uppercase;
-  margin-top: 10px;
-}
-.weather .weather-desc ul {
-  margin: 15px 0 13px 0;
-  padding: 0;
-}
+  margin-left: 160px; }
+  .weather .weather-desc h4 {
+    font-size: 70px;
+    font-weight: 200;
+    margin: 0;
+    margin-top: 30px;
+    margin-bottom: 5px;
+    line-height: 56px; }
+  .weather .weather-desc .weather-text {
+    font-size: 12px;
+    color: #34395e;
+    font-weight: 600;
+    letter-spacing: 1px;
+    text-transform: uppercase;
+    margin-top: 10px; }
+  .weather .weather-desc ul {
+    margin: 15px 0 13px 0;
+    padding: 0; }
+
 .weather ul li {
   display: inline-block;
   margin-right: 10px;
@@ -1316,138 +1099,114 @@ tr:first-child > td > .fc-day-grid-event {
   color: #6777ef;
   text-transform: uppercase;
   letter-spacing: 1px;
-  margin-bottom: 10px;
-}
+  margin-bottom: 10px; }
 
 @media (max-width: 575.98px) {
   .weather {
-    text-align: center;
-  }
-  .weather .weather-icon {
-    float: none;
-    width: auto;
-  }
-  .weather .weather-icon span {
-    margin-top: 20px;
-  }
-  .weather .weather-desc {
-    margin-left: 0;
-  }
-}
+    text-align: center; }
+    .weather .weather-icon {
+      float: none;
+      width: auto; }
+      .weather .weather-icon span {
+        margin-top: 20px; }
+    .weather .weather-desc {
+      margin-left: 0; } }
+
 /* 1.31 Weather Icon */
 .icon-wrap {
   display: inline-block;
   padding-left: 15px;
   padding-right: 15px;
   margin-bottom: 25px;
-  width: calc(100% / 4);
-}
-.icon-wrap .icon {
-  float: left;
-  width: 40px;
-  font-family: "weathericons";
-  font-size: 20px;
-}
-.icon-wrap .icon_unicode {
-  width: 100%;
-  padding-left: 45px;
-  color: #34395e;
-}
+  width: calc(100% / 4); }
+  .icon-wrap .icon {
+    float: left;
+    width: 40px;
+    font-family: 'weathericons';
+    font-size: 20px; }
+  .icon-wrap .icon_unicode {
+    width: 100%;
+    padding-left: 45px;
+    color: #34395e; }
 
 .new-icons ul {
   padding: 0;
   margin: 0;
-  list-style: none;
-}
-.new-icons ul li {
-  padding: 10px;
-}
+  list-style: none; }
+  .new-icons ul li {
+    padding: 10px; }
 
 .icon-wrap .icon, .new-icons ul li .wi {
   font-size: 24px;
   margin-right: 15px;
   width: 30px;
-  text-align: center;
-}
+  text-align: center; }
 
 /* 1.32 PWStrength */
 .pwindicator {
   margin-top: 4px;
-  width: 150px;
-}
-.pwindicator .bar {
-  height: 2px;
-}
+  width: 150px; }
+  .pwindicator .bar {
+    height: 2px; }
 
 .pw-very-weak .bar {
   background: #d00;
-  width: 30px;
-}
+  width: 30px; }
+
 .pw-very-weak .label {
-  color: #d00;
-}
+  color: #d00; }
 
 .pw-weak .bar {
   background: #d00;
-  width: 60px;
-}
+  width: 60px; }
+
 .pw-weak .label {
-  color: #d00;
-}
+  color: #d00; }
 
 .pw-mediocre .bar {
   background: #f3f01a;
-  width: 90px;
-}
+  width: 90px; }
+
 .pw-mediocre .label {
-  color: #f3f01a;
-}
+  color: #f3f01a; }
 
 .pw-strong .bar {
   background: #f3b31a;
-  width: 120px;
-}
+  width: 120px; }
+
 .pw-strong .label {
-  color: #f3b31a;
-}
+  color: #f3b31a; }
 
 .pw-very-strong .bar {
   background: #0d0;
-  width: 150px;
-}
+  width: 150px; }
+
 .pw-very-strong .label {
-  color: #0d0;
-}
+  color: #0d0; }
 
 /* 1.33 Product */
 .product-item {
-  text-align: center;
-}
-.product-item .product-image {
-  display: inline-block;
-  overflow: hidden;
-  width: 80px;
-  height: 80px;
-  border-radius: 3px;
-  margin-bottom: 10px;
-}
-.product-item .product-name {
-  color: #34395e;
-  font-weight: 700;
-  margin-bottom: 3px;
-}
-.product-item .product-review {
-  color: #ffa426;
-  margin-bottom: 3px;
-}
-.product-item .product-cta {
-  margin-top: 5px;
-}
-.product-item .product-cta a {
-  margin-top: 10px;
-  padding-left: 15px;
-  padding-right: 15px;
-}
+  text-align: center; }
+  .product-item .product-image {
+    display: inline-block;
+    overflow: hidden;
+    width: 80px;
+    height: 80px;
+    border-radius: 3px;
+    margin-bottom: 10px; }
+  .product-item .product-name {
+    color: #34395e;
+    font-weight: 700;
+    margin-bottom: 3px; }
+  .product-item .product-review {
+    color: #ffa426;
+    margin-bottom: 3px; }
+  .product-item .product-cta {
+    margin-top: 5px; }
+    .product-item .product-cta a {
+      margin-top: 10px;
+      padding-left: 15px;
+      padding-right: 15px; }
 
 /* 1.34 Ticket */
 .tickets-list .ticket-item {
@@ -1455,243 +1214,196 @@ tr:first-child > td > .fc-day-grid-event {
   display: inline-block;
   width: 100%;
   padding: 20px;
-  border-bottom: 1px solid #f9f9f9;
-}
-.tickets-list .ticket-item.ticket-more {
-  padding: 15px;
-  text-align: center;
-  font-weight: 600;
-  font-size: 12px;
-}
-.tickets-list .ticket-item .ticket-title h4 {
-  font-size: 16px;
-  font-weight: 700;
-}
-.tickets-list .ticket-item .ticket-info {
-  display: flex;
-  font-size: 12px;
-  font-weight: 500;
-  color: #34395e;
-  letter-spacing: 0.5px;
-}
-.tickets-list .ticket-item .ticket-info .bullet {
-  margin: 0 10px;
-}
+  border-bottom: 1px solid #f9f9f9; }
+  .tickets-list .ticket-item.ticket-more {
+    padding: 15px;
+    text-align: center;
+    font-weight: 600;
+    font-size: 12px; }
+  .tickets-list .ticket-item .ticket-title h4 {
+    font-size: 16px;
+    font-weight: 700; }
+  .tickets-list .ticket-item .ticket-info {
+    display: flex;
+    font-size: 12px;
+    font-weight: 500;
+    color: #34395e;
+    letter-spacing: .5px; }
+    .tickets-list .ticket-item .ticket-info .bullet {
+      margin: 0 10px; }
 
 .tickets {
-  display: flex;
-}
-.tickets .ticket-items {
-  width: 30%;
-  padding-right: 30px;
-}
-.tickets .ticket-items .ticket-item {
-  display: inline-block;
-  width: 100%;
-  padding: 25px 15px;
-  border-bottom: 1px solid #f9f9f9;
-  cursor: pointer;
-  transition: all 0.5s;
-}
-.tickets .ticket-items .ticket-item:hover {
-  background-color: rgba(63, 82, 227, 0.03);
-}
-.tickets .ticket-items .ticket-item:hover .ticket-title {
-  color: #6777ef;
-}
-.tickets .ticket-items .ticket-item.active {
-  box-shadow: 0 2px 6px #acb5f6;
-  border-radius: 3px;
-  background-color: #6777ef;
-  border-bottom: none;
-}
-.tickets .ticket-items .ticket-item.active .ticket-title, .tickets .ticket-items .ticket-item.active .ticket-desc {
-  color: #fff !important;
-}
-.tickets .ticket-items .ticket-item .ticket-title h4 {
-  font-size: 13px;
-  letter-spacing: 0.3px;
-}
-.tickets .ticket-items .ticket-item .ticket-title h4 .badge {
-  padding: 7px 10px;
-  margin-left: 5px;
-}
-.tickets .ticket-items .ticket-item .ticket-desc {
-  display: flex;
-  font-size: 11px;
-  font-weight: 500;
-  color: #34395e;
-  letter-spacing: 0.5px;
-}
-.tickets .ticket-items .ticket-item .ticket-desc .bullet {
-  margin: 0 10px;
-}
-.tickets .ticket-content {
-  width: 70%;
-}
-.tickets .ticket-content .ticket-header {
-  display: flex;
-}
-.tickets .ticket-content .ticket-header .ticket-sender-picture {
-  width: 50px;
-  height: 50px;
-  border-radius: 3px;
-  overflow: hidden;
-  margin-right: 20px;
-}
-.tickets .ticket-content .ticket-header .ticket-sender-picture img {
-  width: 100%;
-}
-.tickets .ticket-content .ticket-header .ticket-detail .ticket-title h4 {
-  font-size: 18px;
-  font-weight: 700;
-}
-.tickets .ticket-content .ticket-header .ticket-detail .ticket-info {
-  display: flex;
-  letter-spacing: 0.3px;
-  font-size: 12px;
-  font-weight: 500;
-  color: #34395e;
-}
-.tickets .ticket-content .ticket-header .ticket-detail .ticket-info .bullet {
-  margin: 0 10px;
-}
-.tickets .ticket-divider {
-  height: 1px;
-  width: 100%;
-  display: inline-block;
-  background-color: #f2f2f2;
-}
-.tickets .ticket-description {
-  color: #34395e;
-  font-weight: 500;
-  margin-top: 30px;
-  line-height: 28px;
-}
-.tickets .ticket-description p {
-  margin-bottom: 20px;
-}
-.tickets .ticket-description .ticket-form {
-  margin-top: 40px;
-}
-.tickets .ticket-description .ticket-form .note-editable {
-  color: #34395e;
-  font-weight: 500;
-}
-.tickets .ticket-description .ticket-form .note-editable p {
-  margin-bottom: 5px;
-}
+  display: flex; }
+  .tickets .ticket-items {
+    width: 30%;
+    padding-right: 30px; }
+    .tickets .ticket-items .ticket-item {
+      display: inline-block;
+      width: 100%;
+      padding: 25px 15px;
+      border-bottom: 1px solid #f9f9f9;
+      cursor: pointer;
+      transition: all .5s; }
+      .tickets .ticket-items .ticket-item:hover {
+        background-color: rgba(63, 82, 227, 0.03); }
+        .tickets .ticket-items .ticket-item:hover .ticket-title {
+          color: #6777ef; }
+      .tickets .ticket-items .ticket-item.active {
+        box-shadow: 0 2px 6px #acb5f6;
+        border-radius: 3px;
+        background-color: #6777ef;
+        border-bottom: none; }
+        .tickets .ticket-items .ticket-item.active .ticket-title, .tickets .ticket-items .ticket-item.active .ticket-desc {
+          color: #fff !important; }
+      .tickets .ticket-items .ticket-item .ticket-title h4 {
+        font-size: 13px;
+        letter-spacing: .3px; }
+        .tickets .ticket-items .ticket-item .ticket-title h4 .badge {
+          padding: 7px 10px;
+          margin-left: 5px; }
+      .tickets .ticket-items .ticket-item .ticket-desc {
+        display: flex;
+        font-size: 11px;
+        font-weight: 500;
+        color: #34395e;
+        letter-spacing: .5px; }
+        .tickets .ticket-items .ticket-item .ticket-desc .bullet {
+          margin: 0 10px; }
+  .tickets .ticket-content {
+    width: 70%; }
+    .tickets .ticket-content .ticket-header {
+      display: flex; }
+      .tickets .ticket-content .ticket-header .ticket-sender-picture {
+        width: 50px;
+        height: 50px;
+        border-radius: 3px;
+        overflow: hidden;
+        margin-right: 20px; }
+        .tickets .ticket-content .ticket-header .ticket-sender-picture img {
+          width: 100%; }
+      .tickets .ticket-content .ticket-header .ticket-detail .ticket-title h4 {
+        font-size: 18px;
+        font-weight: 700; }
+      .tickets .ticket-content .ticket-header .ticket-detail .ticket-info {
+        display: flex;
+        letter-spacing: .3px;
+        font-size: 12px;
+        font-weight: 500;
+        color: #34395e; }
+        .tickets .ticket-content .ticket-header .ticket-detail .ticket-info .bullet {
+          margin: 0 10px; }
+  .tickets .ticket-divider {
+    height: 1px;
+    width: 100%;
+    display: inline-block;
+    background-color: #f2f2f2; }
+  .tickets .ticket-description {
+    color: #34395e;
+    font-weight: 500;
+    margin-top: 30px;
+    line-height: 28px; }
+    .tickets .ticket-description p {
+      margin-bottom: 20px; }
+    .tickets .ticket-description .ticket-form {
+      margin-top: 40px; }
+      .tickets .ticket-description .ticket-form .note-editable {
+        color: #34395e;
+        font-weight: 500; }
+        .tickets .ticket-description .ticket-form .note-editable p {
+          margin-bottom: 5px; }
 
 @media (min-width: 576px) and (max-width: 767.98px) {
   .tickets {
-    display: inline-block;
-  }
-  .tickets .ticket-items {
-    width: 100%;
-    margin-bottom: 30px;
-    padding: 0;
-    display: none;
-  }
-  .tickets .ticket-content {
-    width: 100%;
-  }
-}
+    display: inline-block; }
+    .tickets .ticket-items {
+      width: 100%;
+      margin-bottom: 30px;
+      padding: 0;
+      display: none; }
+    .tickets .ticket-content {
+      width: 100%; } }
+
 @media (min-width: 768px) and (max-width: 991.98px) {
   .tickets {
     flex-wrap: wrap;
-    margin: 0 -15px;
-  }
-  .tickets .ticket-items {
-    width: 100%;
-    display: flex;
-    flex-wrap: nowrap;
-    padding: 0;
-    margin-bottom: 15px;
-    padding: 15px;
-    overflow: auto;
-  }
-  .tickets .ticket-items .ticket-item {
-    flex-basis: 50%;
-    flex-grow: 0;
-    flex-shrink: 0;
-  }
-  .tickets .ticket-content {
-    margin: 15px;
-    width: 100%;
-  }
-}
+    margin: 0 -15px; }
+    .tickets .ticket-items {
+      width: 100%;
+      display: flex;
+      flex-wrap: nowrap;
+      padding: 0;
+      margin-bottom: 15px;
+      padding: 15px;
+      overflow: auto; }
+      .tickets .ticket-items .ticket-item {
+        flex-basis: 50%;
+        flex-grow: 0;
+        flex-shrink: 0; }
+    .tickets .ticket-content {
+      margin: 15px;
+      width: 100%; } }
+
 /* 1.35 Owl Carousel */
 .owl-theme .owl-item {
-  padding: 10px 0;
-}
+  padding: 10px 0; }
+
 .owl-theme .owl-dots {
-  margin-top: 20px !important;
-}
-.owl-theme .owl-dots .owl-dot.active span {
-  background-color: #6777ef;
-}
+  margin-top: 20px !important; }
+  .owl-theme .owl-dots .owl-dot.active span {
+    background-color: #6777ef; }
 
 /* 1.36 Activities */
 .activities {
   display: flex;
-  flex-wrap: wrap;
-}
-.activities .activity {
-  width: 100%;
-  display: flex;
-  position: relative;
-}
-.activities .activity:before {
-  content: " ";
-  position: absolute;
-  left: 25px;
-  top: 0;
-  width: 2px;
-  height: 100%;
-  background-color: #6777ef;
-}
-.activities .activity:last-child:before {
-  display: none;
-}
-.activities .activity .activity-icon {
-  width: 50px;
-  height: 50px;
-  border-radius: 3px;
-  line-height: 50px;
-  font-size: 20px;
-  text-align: center;
-  margin-right: 20px;
-  border-radius: 50%;
-  flex-shrink: 0;
-  text-align: center;
-  z-index: 1;
-}
-.activities .activity .activity-detail {
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
-  background-color: #fff;
-  border-radius: 3px;
-  border: none;
-  position: relative;
-  margin-bottom: 30px;
-  position: relative;
-  padding: 15px;
-}
-.activities .activity .activity-detail:before {
-  content: "";
-  font-family: "Font Awesome 5 Free";
-  font-weight: 900;
-  font-size: 20px;
-  position: absolute;
-  left: -8px;
-  color: #fff;
-}
-.activities .activity .activity-detail h4 {
-  font-size: 18px;
-  color: #191d21;
-}
-.activities .activity .activity-detail p {
-  margin-bottom: 0;
-}
+  flex-wrap: wrap; }
+  .activities .activity {
+    width: 100%;
+    display: flex;
+    position: relative; }
+    .activities .activity:before {
+      content: ' ';
+      position: absolute;
+      left: 25px;
+      top: 0;
+      width: 2px;
+      height: 100%;
+      background-color: #6777ef; }
+    .activities .activity:last-child:before {
+      display: none; }
+    .activities .activity .activity-icon {
+      width: 50px;
+      height: 50px;
+      border-radius: 3px;
+      line-height: 50px;
+      font-size: 20px;
+      text-align: center;
+      margin-right: 20px;
+      border-radius: 50%;
+      flex-shrink: 0;
+      text-align: center;
+      z-index: 1; }
+    .activities .activity .activity-detail {
+      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
+      background-color: #fff;
+      border-radius: 3px;
+      border: none;
+      position: relative;
+      margin-bottom: 30px;
+      position: relative;
+      padding: 15px; }
+      .activities .activity .activity-detail:before {
+        content: '\f0d9';
+        font-family: 'Font Awesome 5 Free';
+        font-weight: 900;
+        font-size: 20px;
+        position: absolute;
+        left: -8px;
+        color: #fff; }
+      .activities .activity .activity-detail h4 {
+        font-size: 18px;
+        color: #191d21; }
+      .activities .activity .activity-detail p {
+        margin-bottom: 0; }
 
 /* 1.37 Activities */
 .invoice {
@@ -1701,41 +1413,33 @@ tr:first-child > td > .fc-day-grid-event {
   border: none;
   position: relative;
   margin-bottom: 30px;
-  padding: 40px;
-}
-.invoice .invoice-title .invoice-number {
-  float: right;
-  font-size: 20px;
-  font-weight: 700;
-  margin-top: -45px;
-}
-.invoice hr {
-  margin-top: 40px;
-  margin-bottom: 40px;
-  border-top-color: #f9f9f9;
-}
-.invoice .invoice-detail-item {
-  margin-bottom: 15px;
-}
-.invoice .invoice-detail-item .invoice-detail-name {
-  letter-spacing: 0.3px;
-  color: #98a6ad;
-  margin-bottom: 4px;
-}
-.invoice .invoice-detail-item .invoice-detail-value {
-  font-size: 18px;
-  color: #34395e;
-  font-weight: 700;
-}
-.invoice .invoice-detail-item .invoice-detail-value.invoice-detail-value-lg {
-  font-size: 24px;
-}
+  padding: 40px; }
+  .invoice .invoice-title .invoice-number {
+    float: right;
+    font-size: 20px;
+    font-weight: 700;
+    margin-top: -45px; }
+  .invoice hr {
+    margin-top: 40px;
+    margin-bottom: 40px;
+    border-top-color: #f9f9f9; }
+  .invoice .invoice-detail-item {
+    margin-bottom: 15px; }
+    .invoice .invoice-detail-item .invoice-detail-name {
+      letter-spacing: .3px;
+      color: #98a6ad;
+      margin-bottom: 4px; }
+    .invoice .invoice-detail-item .invoice-detail-value {
+      font-size: 18px;
+      color: #34395e;
+      font-weight: 700; }
+      .invoice .invoice-detail-item .invoice-detail-value.invoice-detail-value-lg {
+        font-size: 24px; }
 
 @media (min-width: 768px) and (max-width: 991.98px) {
   .table-invoice table {
-    min-width: 800px;
-  }
-}
+    min-width: 800px; } }
+
 /* 1.38 Empty States */
 .empty-state {
   text-align: center;
@@ -1743,29 +1447,24 @@ tr:first-child > td > .fc-day-grid-event {
   align-items: center;
   justify-content: center;
   flex-direction: column;
-  padding: 40px;
-}
-.empty-state .empty-state-icon {
-  position: relative;
-  background-color: #6777ef;
-  width: 80px;
-  height: 80px;
-  line-height: 100px;
-  border-radius: 5px;
-}
-.empty-state .empty-state-icon i {
-  font-size: 40px;
-  color: #fff;
-  position: relative;
-  z-index: 1;
-}
-.empty-state h2 {
-  font-size: 20px;
-  margin-top: 30px;
-}
-.empty-state p {
-  font-size: 16px;
-}
+  padding: 40px; }
+  .empty-state .empty-state-icon {
+    position: relative;
+    background-color: #6777ef;
+    width: 80px;
+    height: 80px;
+    line-height: 100px;
+    border-radius: 5px; }
+    .empty-state .empty-state-icon i {
+      font-size: 40px;
+      color: #fff;
+      position: relative;
+      z-index: 1; }
+  .empty-state h2 {
+    font-size: 20px;
+    margin-top: 30px; }
+  .empty-state p {
+    font-size: 16px; }
 
 /* 1.39 Pricing */
 .pricing {
@@ -1775,81 +1474,65 @@ tr:first-child > td > .fc-day-grid-event {
   border: none;
   position: relative;
   margin-bottom: 30px;
-  text-align: center;
-}
-.pricing.pricing-highlight .pricing-title {
-  background-color: #6777ef;
-  color: #fff;
-}
-.pricing.pricing-highlight .pricing-cta a {
-  background-color: #6777ef;
-  color: #fff;
-}
-.pricing.pricing-highlight .pricing-cta a:hover {
-  background-color: #394eea !important;
-}
-.pricing .pricing-padding {
-  padding: 40px;
-}
-.pricing .pricing-title {
-  font-size: 10px;
-  font-weight: 700;
-  text-transform: uppercase;
-  letter-spacing: 2.5px;
-  background-color: #f3f6f8;
-  color: #6777ef;
-  border-radius: 0 0 3px 3px;
-  display: inline-block;
-  padding: 5px 15px;
-}
-.pricing .pricing-price {
-  margin-bottom: 45px;
-}
-.pricing .pricing-price div:first-child {
-  font-weight: 600;
-  font-size: 50px;
-}
-.pricing .pricing-details {
-  text-align: left;
-  display: inline-block;
-}
-.pricing .pricing-details .pricing-item {
-  display: flex;
-  margin-bottom: 15px;
-}
-.pricing .pricing-details .pricing-item .pricing-item-icon {
-  width: 20px;
-  height: 20px;
-  line-height: 20px;
-  border-radius: 50%;
-  text-align: center;
-  background-color: #63ed7a;
-  color: #fff;
-  margin-right: 10px;
-}
-.pricing .pricing-details .pricing-item .pricing-item-icon i {
-  font-size: 11px;
-}
-.pricing .pricing-cta {
-  margin-top: 20px;
-}
-.pricing .pricing-cta a {
-  display: block;
-  padding: 20px 40px;
-  background-color: #f3f6f8;
-  text-transform: uppercase;
-  letter-spacing: 2.5px;
-  font-size: 14px;
-  font-weight: 700;
-  text-decoration: none;
-  border-radius: 0 0 3px 3px;
-}
-.pricing .pricing-cta a .fas, .pricing .pricing-cta a .far, .pricing .pricing-cta a .fab, .pricing .pricing-cta a .fal, .pricing .pricing-cta a .ion {
-  margin-left: 5px;
-}
-.pricing .pricing-cta a:hover {
-  background-color: #e3eaef;
-}
+  text-align: center; }
+  .pricing.pricing-highlight .pricing-title {
+    background-color: #6777ef;
+    color: #fff; }
+  .pricing.pricing-highlight .pricing-cta a {
+    background-color: #6777ef;
+    color: #fff; }
+    .pricing.pricing-highlight .pricing-cta a:hover {
+      background-color: #394eea !important; }
+  .pricing .pricing-padding {
+    padding: 40px; }
+  .pricing .pricing-title {
+    font-size: 10px;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 2.5px;
+    background-color: #f3f6f8;
+    color: #6777ef;
+    border-radius: 0 0 3px 3px;
+    display: inline-block;
+    padding: 5px 15px; }
+  .pricing .pricing-price {
+    margin-bottom: 45px; }
+    .pricing .pricing-price div:first-child {
+      font-weight: 600;
+      font-size: 50px; }
+  .pricing .pricing-details {
+    text-align: left;
+    display: inline-block; }
+    .pricing .pricing-details .pricing-item {
+      display: flex;
+      margin-bottom: 15px; }
+      .pricing .pricing-details .pricing-item .pricing-item-icon {
+        width: 20px;
+        height: 20px;
+        line-height: 20px;
+        border-radius: 50%;
+        text-align: center;
+        background-color: #63ed7a;
+        color: #fff;
+        margin-right: 10px; }
+        .pricing .pricing-details .pricing-item .pricing-item-icon i {
+          font-size: 11px; }
+  .pricing .pricing-cta {
+    margin-top: 20px; }
+    .pricing .pricing-cta a {
+      display: block;
+      padding: 20px 40px;
+      background-color: #f3f6f8;
+      text-transform: uppercase;
+      letter-spacing: 2.5px;
+      font-size: 14px;
+      font-weight: 700;
+      text-decoration: none;
+      border-radius: 0 0 3px 3px; }
+      .pricing .pricing-cta a .fas, .pricing .pricing-cta a .far, .pricing .pricing-cta a .fab, .pricing .pricing-cta a .fal, .pricing .pricing-cta a .ion {
+        margin-left: 5px; }
+      .pricing .pricing-cta a:hover {
+        background-color: #e3eaef; }
 
 /* 1.40 Hero */
 .hero {
@@ -1858,38 +1541,31 @@ tr:first-child > td > .fc-day-grid-event {
   display: flex;
   justify-content: center;
   flex-direction: column;
-  position: relative;
-}
-.hero.hero-bg-image {
-  background-position: center;
-  background-size: cover;
-}
-.hero.hero-bg-image:before {
-  content: " ";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background-color: rgba(0, 0, 0, 0.5);
-  z-index: 0;
-  border-radius: 3px;
-}
-.hero.hero-bg-image.hero-bg-parallax {
-  background-attachment: fixed;
-}
-.hero .hero-inner {
-  position: relative;
-  z-index: 1;
-}
-.hero h2 {
-  font-size: 24px;
-}
-.hero p {
-  margin-bottom: 0;
-  font-size: 16px;
-  letter-spacing: 0.3px;
-}
+  position: relative; }
+  .hero.hero-bg-image {
+    background-position: center;
+    background-size: cover; }
+    .hero.hero-bg-image:before {
+      content: ' ';
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background-color: rgba(0, 0, 0, 0.5);
+      z-index: 0;
+      border-radius: 3px; }
+    .hero.hero-bg-image.hero-bg-parallax {
+      background-attachment: fixed; }
+  .hero .hero-inner {
+    position: relative;
+    z-index: 1; }
+  .hero h2 {
+    font-size: 24px; }
+  .hero p {
+    margin-bottom: 0;
+    font-size: 16px;
+    letter-spacing: .3px; }
 
 /* 1.41 Avatar */
 /**
@@ -1907,176 +1583,148 @@ tr:first-child > td > .fc-day-grid-event {
   vertical-align: middle;
   line-height: 1.28;
   height: 45px;
-  width: 45px;
-}
-.avatar.avatar-xs {
-  font-size: 6px;
-  height: 15px;
-  width: 15px;
-}
-.avatar.avatar-sm {
-  font-size: 12px;
-  height: 30px;
-  width: 30px;
-}
-.avatar.avatar-lg {
-  font-size: 23px;
-  height: 60px;
-  width: 60px;
-}
-.avatar.avatar-xl {
-  font-size: 30px;
-  height: 75px;
-  width: 75px;
-}
-.avatar img {
-  border-radius: 50%;
-  height: 100%;
-  position: relative;
-  width: 100%;
-  z-index: 1;
-}
-.avatar .avatar-icon {
-  background: #fff;
-  bottom: 14.64%;
-  height: 50%;
-  padding: 0.1rem;
-  position: absolute;
-  right: 14.64%;
-  transform: translate(50%, 50%);
-  width: 50%;
-  z-index: 2;
-}
-.avatar .avatar-presence {
-  background: #fff;
-  bottom: 14.64%;
-  height: 50%;
-  padding: 0.1rem;
-  position: absolute;
-  right: 14.64%;
-  transform: translate(50%, 50%);
-  width: 50%;
-  z-index: 2;
-  background: #bcc3ce;
-  border-radius: 50%;
-  box-shadow: 0 0 0 0.1rem #fff;
-  height: 0.5em;
-  width: 0.5em;
-}
-.avatar .avatar-presence.online {
-  background: #63ed7a;
-}
-.avatar .avatar-presence.busy {
-  background: #fc544b;
-}
-.avatar .avatar-presence.away {
-  background: #ffa426;
-}
-.avatar[data-initial]::before {
-  color: currentColor;
-  content: attr(data-initial);
-  left: 50%;
-  position: absolute;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  z-index: 1;
-}
+  width: 45px; }
+  .avatar.avatar-xs {
+    font-size: 6px;
+    height: 15px;
+    width: 15px; }
+  .avatar.avatar-sm {
+    font-size: 12px;
+    height: 30px;
+    width: 30px; }
+  .avatar.avatar-lg {
+    font-size: 23px;
+    height: 60px;
+    width: 60px; }
+  .avatar.avatar-xl {
+    font-size: 30px;
+    height: 75px;
+    width: 75px; }
+  .avatar img {
+    border-radius: 50%;
+    height: 100%;
+    position: relative;
+    width: 100%;
+    z-index: 1; }
+  .avatar .avatar-icon {
+    background: #fff;
+    bottom: 14.64%;
+    height: 50%;
+    padding: .1rem;
+    position: absolute;
+    right: 14.64%;
+    -webkit-transform: translate(50%, 50%);
+            transform: translate(50%, 50%);
+    width: 50%;
+    z-index: 2; }
+  .avatar .avatar-presence {
+    background: #fff;
+    bottom: 14.64%;
+    height: 50%;
+    padding: .1rem;
+    position: absolute;
+    right: 14.64%;
+    -webkit-transform: translate(50%, 50%);
+            transform: translate(50%, 50%);
+    width: 50%;
+    z-index: 2;
+    background: #bcc3ce;
+    border-radius: 50%;
+    box-shadow: 0 0 0 .1rem #fff;
+    height: .5em;
+    width: .5em; }
+    .avatar .avatar-presence.online {
+      background: #63ed7a; }
+    .avatar .avatar-presence.busy {
+      background: #fc544b; }
+    .avatar .avatar-presence.away {
+      background: #ffa426; }
+  .avatar[data-initial]::before {
+    color: currentColor;
+    content: attr(data-initial);
+    left: 50%;
+    position: absolute;
+    top: 50%;
+    -webkit-transform: translate(-50%, -50%);
+            transform: translate(-50%, -50%);
+    z-index: 1; }
 
 /* 1.42 Wizard */
 .wizard-steps {
   display: flex;
   margin: 0 -10px;
   margin-bottom: 60px;
-  counter-reset: wizard-counter;
-}
-.wizard-steps .wizard-step {
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
-  background-color: #fff;
-  border-radius: 3px;
-  border: none;
-  position: relative;
-  margin-bottom: 30px;
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
-  padding: 30px;
-  text-align: center;
-  flex-grow: 1;
-  flex-basis: 0;
-  margin: 0 10px;
-}
-.wizard-steps .wizard-step:before {
-  counter-increment: wizard-counter;
-  content: counter(wizard-counter);
-  position: absolute;
-  bottom: -40px;
-  left: 50%;
-  transform: translateX(-50%);
-  width: 20px;
-  height: 20px;
-  line-height: 21px;
-  font-size: 10px;
-  font-weight: 700;
-  border-radius: 50%;
-  background-color: #e3eaef;
-}
-.wizard-steps .wizard-step.wizard-step-active {
-  box-shadow: 0 2px 6px #acb5f6;
-  background-color: #6777ef;
-  color: #fff;
-}
-.wizard-steps .wizard-step.wizard-step-active:before {
-  background-color: #6777ef;
-  color: #fff;
-}
-.wizard-steps .wizard-step.wizard-step-success {
-  background-color: #63ed7a;
-  color: #fff;
-}
-.wizard-steps .wizard-step.wizard-step-success:before {
-  background-color: #63ed7a;
-  color: #fff;
-}
-.wizard-steps .wizard-step.wizard-step-danger {
-  background-color: #fc544b;
-  color: #fff;
-}
-.wizard-steps .wizard-step.wizard-step-danger:before {
-  background-color: #fc544b;
-  color: #fff;
-}
-.wizard-steps .wizard-step.wizard-step-warning {
-  background-color: #ffa426;
-  color: #fff;
-}
-.wizard-steps .wizard-step.wizard-step-warning:before {
-  background-color: #ffa426;
-  color: #fff;
-}
-.wizard-steps .wizard-step.wizard-step-info {
-  background-color: #3abaf4;
-  color: #fff;
-}
-.wizard-steps .wizard-step.wizard-step-info:before {
-  background-color: #3abaf4;
-  color: #fff;
-}
-.wizard-steps .wizard-step .wizard-step-icon .fas, .wizard-steps .wizard-step .wizard-step-icon .far, .wizard-steps .wizard-step .wizard-step-icon .fab, .wizard-steps .wizard-step .wizard-step-icon .fal, .wizard-steps .wizard-step .wizard-step-icon .ion {
-  font-size: 34px;
-  margin-bottom: 15px;
-}
-.wizard-steps .wizard-step .wizard-step-label {
-  font-size: 10px;
-  text-transform: uppercase;
-  letter-spacing: 1px;
-  font-weight: 700;
-}
+  counter-reset: wizard-counter; }
+  .wizard-steps .wizard-step {
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
+    background-color: #fff;
+    border-radius: 3px;
+    border: none;
+    position: relative;
+    margin-bottom: 30px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
+    padding: 30px;
+    text-align: center;
+    flex-grow: 1;
+    flex-basis: 0;
+    margin: 0 10px; }
+    .wizard-steps .wizard-step:before {
+      counter-increment: wizard-counter;
+      content: counter(wizard-counter);
+      position: absolute;
+      bottom: -40px;
+      left: 50%;
+      -webkit-transform: translateX(-50%);
+              transform: translateX(-50%);
+      width: 20px;
+      height: 20px;
+      line-height: 21px;
+      font-size: 10px;
+      font-weight: 700;
+      border-radius: 50%;
+      background-color: #e3eaef; }
+    .wizard-steps .wizard-step.wizard-step-active {
+      box-shadow: 0 2px 6px #acb5f6;
+      background-color: #6777ef;
+      color: #fff; }
+      .wizard-steps .wizard-step.wizard-step-active:before {
+        background-color: #6777ef;
+        color: #fff; }
+    .wizard-steps .wizard-step.wizard-step-success {
+      background-color: #63ed7a;
+      color: #fff; }
+      .wizard-steps .wizard-step.wizard-step-success:before {
+        background-color: #63ed7a;
+        color: #fff; }
+    .wizard-steps .wizard-step.wizard-step-danger {
+      background-color: #fc544b;
+      color: #fff; }
+      .wizard-steps .wizard-step.wizard-step-danger:before {
+        background-color: #fc544b;
+        color: #fff; }
+    .wizard-steps .wizard-step.wizard-step-warning {
+      background-color: #ffa426;
+      color: #fff; }
+      .wizard-steps .wizard-step.wizard-step-warning:before {
+        background-color: #ffa426;
+        color: #fff; }
+    .wizard-steps .wizard-step.wizard-step-info {
+      background-color: #3abaf4;
+      color: #fff; }
+      .wizard-steps .wizard-step.wizard-step-info:before {
+        background-color: #3abaf4;
+        color: #fff; }
+    .wizard-steps .wizard-step .wizard-step-icon .fas, .wizard-steps .wizard-step .wizard-step-icon .far, .wizard-steps .wizard-step .wizard-step-icon .fab, .wizard-steps .wizard-step .wizard-step-icon .fal, .wizard-steps .wizard-step .wizard-step-icon .ion {
+      font-size: 34px;
+      margin-bottom: 15px; }
+    .wizard-steps .wizard-step .wizard-step-label {
+      font-size: 10px;
+      text-transform: uppercase;
+      letter-spacing: 1px;
+      font-weight: 700; }
 
 @media (max-width: 575.98px) {
   .wizard-steps {
-    display: block;
-  }
-  .wizard-steps .wizard-step {
-    margin-bottom: 50px;
-  }
-}
-
-/*# sourceMappingURL=components.css.map */
+    display: block; }
+    .wizard-steps .wizard-step {
+      margin-bottom: 50px; } }
diff --git a/assets/css/style.css b/assets/css/style.css
index c3b7413..b4968cd 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -2,14 +2,14 @@
 /**
  * Stisla
  *
- * Stisla is a clean & modern HTML5 admin template based on Bootstrap 4. 
+ * Stisla is a clean & modern HTML5 admin template based on Bootstrap 4.
  * Stisla will make it easier for you to create your own admin interface.
  *
- * @package	Stisla 
- * @version	2.2.0
+ * @package	Stisla
+ * @version	2.3.0
  * @author 	Muhamad Nauval Azhar
  * @url 	https://getstisla.com
- * 
+ *
  */
 /**
  * TABLE OF CONTENTS
@@ -136,6 +136,7 @@ a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fab {
   .lead {
     font-size: 17px;
     line-height: 30px; } }
+
 h1, h2, h3, h4, h5, h6 {
   font-weight: 700; }
 
@@ -265,11 +266,9 @@ select.form-control:not([size]):not([multiple]) {
     border-color: transparent; }
 
 .selectgroup {
-  display: -ms-inline-flexbox;
   display: inline-flex; }
 
 .selectgroup-item {
-  -ms-flex-positive: 1;
   flex-grow: 1;
   position: relative; }
   .selectgroup-item + .selectgroup-item {
@@ -314,20 +313,18 @@ select.form-control:not([size]):not([multiple]) {
   .selectgroup-button-icon i {
     font-size: 14px; }
 
-.selectgroup-input:focus + .selectgroup-button, .selectgroup-input:checked + .selectgroup-button {
+.selectgroup-input:focus + .selectgroup-button,
+.selectgroup-input:checked + .selectgroup-button {
   background-color: #6777ef;
   color: #fff;
   z-index: 1; }
 
 .selectgroup-pills {
   display: block;
-  -ms-flex-wrap: wrap;
   flex-wrap: wrap;
-  -ms-flex-align: start;
   align-items: flex-start; }
   .selectgroup-pills .selectgroup-item {
     margin-right: .5rem;
-    -ms-flex-positive: 0;
     flex-grow: 0; }
   .selectgroup-pills .selectgroup-button {
     border-radius: 50px !important; }
@@ -338,9 +335,7 @@ select.form-control:not([size]):not([multiple]) {
   -ms-user-select: none;
   user-select: none;
   cursor: default;
-  display: -ms-inline-flexbox;
   display: inline-flex;
-  -ms-flex-align: center;
   align-items: center;
   margin: 0; }
 
@@ -350,9 +345,7 @@ select.form-control:not([size]):not([multiple]) {
   opacity: 0; }
 
 .custom-switches-stacked {
-  display: -ms-flexbox;
   display: flex;
-  -ms-flex-direction: column;
   flex-direction: column; }
   .custom-switches-stacked .custom-switch {
     margin-bottom: .5rem; }
@@ -382,6 +375,7 @@ select.form-control:not([size]):not([multiple]) {
   background: #6777ef; }
   .custom-switch-input:checked ~ .custom-switch-indicator:before {
     left: calc(1rem + 1px); }
+
 .custom-switch-input:focus ~ .custom-switch-indicator {
   border-color: #6777ef; }
 
@@ -414,6 +408,7 @@ select.form-control:not([size]):not([multiple]) {
 
 .imagecheck-input:focus ~ .imagecheck-figure {
   border-color: #6777ef; }
+
 .imagecheck-input:checked ~ .imagecheck-figure {
   border-color: rgba(0, 40, 100, 0.24); }
 
@@ -522,6 +517,7 @@ select.form-control:not([size]):not([multiple]) {
 
 .list-group-item.active {
   background-color: #6777ef; }
+
 .list-group-item.disabled {
   color: #c9d7e0; }
 
@@ -766,10 +762,12 @@ select.form-control:not([size]):not([multiple]) {
     height: auto;
     min-height: auto;
     display: block; }
-  .card.card-statistic-1 .card-header h4, .card.card-statistic-2 .card-header h4 {
+  .card.card-statistic-1 .card-header h4,
+  .card.card-statistic-2 .card-header h4 {
     line-height: 1.2;
     color: #98a6ad; }
-  .card.card-statistic-1 .card-body, .card.card-statistic-2 .card-body {
+  .card.card-statistic-1 .card-body,
+  .card.card-statistic-2 .card-body {
     padding-top: 0; }
   .card.card-statistic-1 .card-body, .card.card-statistic-2 .card-body {
     font-size: 26px;
@@ -804,7 +802,8 @@ select.form-control:not([size]):not([multiple]) {
     padding-top: 25px; }
   .card.card-statistic-2 .card-body {
     padding-top: 20px; }
-  .card.card-statistic-2 .card-header + .card-body, .card.card-statistic-2 .card-body + .card-header {
+  .card.card-statistic-2 .card-header + .card-body,
+  .card.card-statistic-2 .card-body + .card-header {
     padding-top: 0; }
   .card.card-statistic-1 .card-header h4, .card.card-statistic-2 .card-header h4 {
     font-weight: 600;
@@ -890,6 +889,7 @@ select.form-control:not([size]):not([multiple]) {
     .card.card-large-icons .card-icon {
       width: 100%;
       height: 200px; } }
+
 @media (max-width: 767.98px) {
   .card .card-header {
     height: auto;
@@ -899,6 +899,7 @@ select.form-control:not([size]):not([multiple]) {
       flex-grow: 0;
       width: 100%;
       margin-top: 10px; } }
+
 @media (min-width: 768px) and (max-width: 991.98px) {
   .card .card-stats .card-stats-items {
     height: 49px; }
@@ -910,22 +911,30 @@ select.form-control:not([size]):not([multiple]) {
     height: 85px !important; }
   .card.card-hero .card-header {
     padding: 25px; } }
+
 /* 3.6 Table */
 .table td, .table:not(.table-bordered) th {
   border-top: none; }
-.table:not(.table-sm):not(.table-md):not(.dataTable) td, .table:not(.table-sm):not(.table-md):not(.dataTable) th {
+
+.table:not(.table-sm):not(.table-md):not(.dataTable) td,
+.table:not(.table-sm):not(.table-md):not(.dataTable) th {
   padding: 0 25px;
   height: 60px;
   vertical-align: middle; }
+
 .table:not(.table-sm) thead th {
   border-bottom: none;
   background-color: rgba(0, 0, 0, 0.04);
   color: #666;
   padding-top: 15px;
   padding-bottom: 15px; }
-.table.table-md th, .table.table-md td {
+
+.table.table-md th,
+.table.table-md td {
   padding: 10px 15px; }
-.table.table-bordered td, .table.table-bordered th {
+
+.table.table-bordered td,
+.table.table-bordered th {
   border-color: #f6f6f6; }
 
 .table-links {
@@ -946,6 +955,7 @@ table tr:hover .table-links {
 @media (max-width: 575.98px) {
   .table-responsive table {
     min-width: 800px; } }
+
 /* 3.7 Tooltip */
 .tooltip {
   font-size: 12px; }
@@ -1022,6 +1032,7 @@ table tr:hover .table-links {
 .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
   color: #fff;
   background-color: #6777ef; }
+
 .nav-pills .nav-item .nav-link {
   color: #6777ef;
   padding-left: 15px !important;
@@ -1045,9 +1056,11 @@ table tr:hover .table-links {
   color: #6777ef;
   border-radius: 3px;
   margin: 0 3px; }
+
 .page-item.active .page-link {
   background-color: #6777ef;
   border-color: #6777ef; }
+
 .page-item.disabled .page-link {
   border-color: transparent;
   background-color: #f9fafe;
@@ -1135,6 +1148,7 @@ h6 .badge {
 .btn:focus {
   box-shadow: none !important;
   outline: none; }
+
 .btn:active {
   box-shadow: none !important;
   outline: none; }
@@ -1374,10 +1388,12 @@ h6 .badge {
   color: #6777ef;
   font-weight: 600;
   font-size: 16px; }
+
 .media .media-icon {
   font-size: 20px;
   margin-right: 15px;
   line-height: 1; }
+
 .media .media-title {
   margin-top: 0;
   margin-bottom: 5px;
@@ -1387,14 +1403,17 @@ h6 .badge {
   .media .media-title a {
     font-weight: inherit;
     color: #000; }
+
 .media .media-description {
   line-height: 24px;
   color: #34395e; }
+
 .media .media-links {
   margin-top: 10px; }
   .media .media-links a {
     font-size: 12px;
     color: #999; }
+
 .media .media-progressbar {
   flex: 1; }
   .media .media-progressbar .progress-text {
@@ -1402,12 +1421,14 @@ h6 .badge {
     font-weight: 600;
     margin-bottom: 5px;
     color: #34395e; }
+
 .media .media-cta {
   margin-left: 40px; }
   .media .media-cta .btn {
     padding: 5px 15px;
     border-radius: 30px;
     font-size: 12px; }
+
 .media .media-items {
   display: flex; }
   .media .media-items .media-item {
@@ -1487,6 +1508,7 @@ h6 .badge {
   border: none;
   padding-bottom: 0;
   padding-top: 10px; }
+
 .popover .popover-body {
   padding: 15px;
   line-height: 24px; }
@@ -1538,7 +1560,8 @@ h6 .badge {
     font-weight: 500;
     border-radius: 3px 0 0 3px;
     transition: all 1s; }
-    .navbar .form-inline .form-control:focus, .navbar .form-inline .form-control:focus + .btn {
+    .navbar .form-inline .form-control:focus,
+    .navbar .form-inline .form-control:focus + .btn {
       position: relative;
       z-index: 9001; }
     .navbar .form-inline .form-control:focus + .btn + .search-backdrop {
@@ -1655,6 +1678,7 @@ h6 .badge {
 
 .navbar .nav-link:hover {
   color: #fff; }
+
 .navbar .nav-link.disabled {
   color: #fff;
   opacity: .6; }
@@ -1665,7 +1689,6 @@ h6 .badge {
 @media (max-width: 575.98px) {
   body.search-show .navbar .form-inline .search-element {
     display: block; }
-
   .navbar .form-inline .search-element {
     position: absolute;
     top: 10px;
@@ -1686,14 +1709,17 @@ h6 .badge {
     display: none; }
   .navbar .nav-link.nav-link-lg div {
     display: none; } }
+
 @media (min-width: 576px) and (max-width: 767.98px) {
   .navbar .form-inline .search-element {
     display: block; } }
+
 @media (min-width: 768px) and (max-width: 991.98px) {
   .collapse {
     position: relative; }
     .collapse .navbar-nav {
       position: absolute; } }
+
 @media (max-width: 1024px) {
   .nav-collapse {
     position: relative; }
@@ -1719,7 +1745,6 @@ h6 .badge {
       .nav-collapse .navbar-nav .nav-item:focus > a, .nav-collapse .navbar-nav .nav-item.active > a {
         background-color: #6777ef;
         color: #fff; }
-
   .navbar {
     left: 5px;
     right: 0; }
@@ -1727,10 +1752,10 @@ h6 .badge {
       position: absolute; }
     .navbar .navbar-nav {
       flex-direction: row; }
-
   .navbar-expand-lg .navbar-nav .dropdown-menu-right {
     right: 0;
     left: auto; } }
+
 /* 3.19 Dropdown */
 .dropdown-item.has-icon i {
   margin-top: -1px;
@@ -1883,9 +1908,11 @@ a.dropdown-item {
     .dropdown-list-toggle .dropdown-list {
       left: 10px !important;
       width: calc(100% - 20px); } }
+
 /* 3.20 Dropdown */
 .tab-content.no-padding > .tab-pane {
   padding: 0; }
+
 .tab-content > .tab-pane {
   line-height: 28px; }
 
@@ -1913,6 +1940,7 @@ a.dropdown-item {
   /* IE9 Compat Modes */
   src: local("Nunito Regular"), local("Nunito-Regular"), url("../fonts/nunito-v9-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito-v9-latin-regular.woff2") format("woff2"), url("../fonts/nunito-v9-latin-regular.woff") format("woff"), url("../fonts/nunito-v9-latin-regular.ttf") format("truetype"), url("../fonts/nunito-v9-latin-regular.svg#Nunito") format("svg");
   /* Legacy iOS */ }
+
 /* nunito-600 - latin */
 @font-face {
   font-family: 'Nunito';
@@ -1922,6 +1950,7 @@ a.dropdown-item {
   /* IE9 Compat Modes */
   src: local("Nunito SemiBold"), local("Nunito-SemiBold"), url("../fonts/nunito-v9-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito-v9-latin-600.woff2") format("woff2"), url("../fonts/nunito-v9-latin-600.woff") format("woff"), url("../fonts/nunito-v9-latin-600.ttf") format("truetype"), url("../fonts/nunito-v9-latin-600.svg#Nunito") format("svg");
   /* Legacy iOS */ }
+
 /* nunito-700 - latin */
 @font-face {
   font-family: 'Nunito';
@@ -1931,6 +1960,7 @@ a.dropdown-item {
   /* IE9 Compat Modes */
   src: local("Nunito Bold"), local("Nunito-Bold"), url("../fonts/nunito-v9-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito-v9-latin-700.woff2") format("woff2"), url("../fonts/nunito-v9-latin-700.woff") format("woff"), url("../fonts/nunito-v9-latin-700.ttf") format("truetype"), url("../fonts/nunito-v9-latin-700.svg#Nunito") format("svg");
   /* Legacy iOS */ }
+
 /* nunito-800 - latin */
 @font-face {
   font-family: 'Nunito';
@@ -1940,6 +1970,7 @@ a.dropdown-item {
   /* IE9 Compat Modes */
   src: local("Nunito ExtraBold"), local("Nunito-ExtraBold"), url("../fonts/nunito-v9-latin-800.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito-v9-latin-800.woff2") format("woff2"), url("../fonts/nunito-v9-latin-800.woff") format("woff"), url("../fonts/nunito-v9-latin-800.ttf") format("truetype"), url("../fonts/nunito-v9-latin-800.svg#Nunito") format("svg");
   /* Legacy iOS */ }
+
 :root {
   /* Colors */
   --primary: color(primary);
@@ -2181,8 +2212,10 @@ pre {
     height: 7px;
     background-color: #ffa426;
     border-radius: 50%;
-    animation: pulsate 1s ease-out;
-    animation-iteration-count: infinite;
+    -webkit-animation: pulsate 1s ease-out;
+            animation: pulsate 1s ease-out;
+    -webkit-animation-iteration-count: infinite;
+            animation-iteration-count: infinite;
     opacity: 1; }
   .beep.beep-sidebar:after {
     position: static;
@@ -2194,12 +2227,11 @@ pre {
     overflow: auto; }
     .fc-overflow #myEvent {
       width: 800px; }
-
   .ionicons li {
     width: calc(100% / 4); }
-
   .icon-wrap {
     width: 100%; } }
+
 /* 4.2 Section */
 .section {
   position: relative;
@@ -2284,6 +2316,7 @@ pre {
     .section .section-header .section-header-breadcrumb {
       flex-basis: 100%;
       margin-top: 10px; } }
+
 /* 4.3 Page */
 .page-error {
   height: 100%;
@@ -2315,6 +2348,7 @@ pre {
 @media (max-width: 575.98px) {
   .page-error .page-search {
     width: 100%; } }
+
 /* 4.4 Layout */
 .main-sidebar {
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
@@ -2337,6 +2371,7 @@ body.sidebar-gone .main-sidebar {
 
 body.sidebar-mini .hide-sidebar-mini {
   display: none !important; }
+
 body.sidebar-mini .main-sidebar {
   width: 65px;
   overflow: initial !important;
@@ -2353,9 +2388,19 @@ body.sidebar-mini .main-sidebar {
     top: 0;
     z-index: -1;
     opacity: 0;
-    animation-name: mini-sidebar;
-    animation-duration: 1.5s;
-    animation-fill-mode: forwards; }
+    -webkit-animation-name: mini-sidebar;
+            animation-name: mini-sidebar;
+    -webkit-animation-duration: 1.5s;
+            animation-duration: 1.5s;
+    -webkit-animation-fill-mode: forwards;
+            animation-fill-mode: forwards; }
+
+@-webkit-keyframes mini-sidebar {
+  from {
+    opacity: 0; }
+  to {
+    opacity: 1; } }
+
 @keyframes mini-sidebar {
   from {
     opacity: 0; }
@@ -2427,26 +2472,32 @@ body.sidebar-mini .main-sidebar {
     body.sidebar-mini .main-sidebar .sidebar-menu li:hover > ul.dropdown-menu li .dropdown-menu {
       left: 200px;
       padding: 0; }
+
 body.sidebar-mini .navbar {
   left: 65px; }
+
 body.sidebar-mini .main-content, body.sidebar-mini .main-footer {
   padding-left: 90px; }
 
 body.layout-2 .navbar-bg {
   z-index: 889;
   height: 70px; }
+
 body.layout-2 .navbar {
   left: 0;
   z-index: 890; }
+
 body.layout-2 .main-wrapper {
   display: flex;
   flex-wrap: wrap;
   padding: 0 50px; }
+
 body.layout-2 .main-sidebar,
 body.layout-2 .main-content,
 body.layout-2 .main-footer {
   flex-shrink: 0;
   flex-grow: 0; }
+
 body.layout-2 .main-sidebar {
   background-color: transparent;
   box-shadow: none;
@@ -2466,11 +2517,13 @@ body.layout-2 .main-sidebar {
       background-color: transparent; }
   body.layout-2 .main-sidebar .sidebar-menu li ul.dropdown-menu li a {
     padding-left: 34px; }
+
 body.layout-2 .main-content {
   padding-top: 107px;
   padding-left: 30px;
   padding-right: 0;
   width: calc(100% - 200px); }
+
 body.layout-2 .main-footer {
   margin-left: 230px;
   width: calc(100% - 230px);
@@ -2480,6 +2533,7 @@ body.layout-2 .main-footer {
 body.layout-3 .navbar {
   left: 0;
   right: 0; }
+
 body.layout-3 .navbar.navbar-secondary {
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
   background-color: #fff;
@@ -2566,10 +2620,12 @@ body.layout-3 .navbar.navbar-secondary {
     body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item .nav-link:focus {
       background-color: #6777ef;
       color: #fff; }
+
 body.layout-3 .main-content {
   padding-left: 0;
   padding-right: 0;
   padding-top: 170px; }
+
 body.layout-3 .main-footer {
   padding-left: 0;
   padding-right: 0; }
@@ -2588,6 +2644,7 @@ body.layout-3 .main-footer {
     letter-spacing: 1.5px;
     font-weight: 700;
     color: #000; }
+
 .main-sidebar .sidebar-user {
   display: inline-block;
   width: 100%;
@@ -2599,6 +2656,7 @@ body.layout-3 .main-footer {
     .main-sidebar .sidebar-user .sidebar-user-picture img {
       width: 50px;
       border-radius: 50%; }
+
 .main-sidebar .sidebar-menu {
   padding: 0;
   margin: 0; }
@@ -2709,11 +2767,13 @@ body.layout-3 .main-footer {
 body:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active a {
   background-color: #6777ef;
   color: #fff; }
+
 body:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li a {
   color: #e8ebfd; }
   body:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li a:hover {
     background-color: #6777ef;
     color: #fff; }
+
 body:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li.active a {
   color: #fff; }
 
@@ -2726,10 +2786,12 @@ body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu > li.active > a {
     position: absolute;
     left: 0;
     top: 50%;
-    transform: translateY(-50%);
+    -webkit-transform: translateY(-50%);
+            transform: translateY(-50%);
     height: 25px;
     width: 4px;
     background-color: #6777ef; }
+
 body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu li.active ul.dropdown-menu li a {
   padding-left: 61px;
   background-color: #fff; }
@@ -2737,29 +2799,23 @@ body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu li.active ul.dropdown-men
 @media (max-width: 1024px) {
   .sidebar-gone-hide {
     display: none !important; }
-
   .sidebar-gone-show {
     display: block !important; }
-
   .main-sidebar {
     position: fixed !important;
     margin-top: 0 !important;
     z-index: 891; }
-
   body.layout-2 .main-wrapper,
   body.layout-3 .main-wrapper {
     width: 100%;
     padding: 0;
     display: block; }
-
   .main-content {
     padding-left: 30px;
     padding-right: 30px;
     width: 100% !important; }
-
   .main-footer {
     padding-left: 30px; }
-
   body.search-show {
     overflow: hidden; }
     body.search-show .navbar {
@@ -2788,10 +2844,13 @@ body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu li.active ul.dropdown-men
   @keyframes fadeinbackdrop {
     to {
       opacity: .6; } } }
+
 /* 4.5 Animation */
 .pulsate {
-  animation: pulsate 1s ease-out;
-  animation-iteration-count: infinite;
+  -webkit-animation: pulsate 1s ease-out;
+          animation: pulsate 1s ease-out;
+  -webkit-animation-iteration-count: infinite;
+          animation-iteration-count: infinite;
   opacity: 1; }
 
 @-webkit-keyframes pulsate {
@@ -2803,5 +2862,3 @@ body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu li.active ul.dropdown-men
   100% {
     -webkit-transform: scale(1.2, 1.2);
     opacity: 0.0; } }
-
-/*# sourceMappingURL=style.css.map */
diff --git a/gulpfile.js b/gulpfile.js
index a942882..668478f 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -15,245 +15,186 @@ const uglify = require('gulp-uglify-es').default;
 const imagemin = require('gulp-imagemin');
 const imageminMozjpeg = require('imagemin-mozjpeg');
 const nunjucks = require('gulp-nunjucks');
+const color = require('gulp-color');
 
 /**
  * Configuration
  * @type {String}
  */
-var cssDir = './dist/assets/css',
-    jsDir = './dist/assets/js',
-    sassDir = './sources/scss/*.scss',
-    imgDir = './dist/assets/img/*',
-    /**
-     * CSS main file
-     * @type {Array}
-     */
-    CSSFiles = [
-      // Required dependencies
-      'node_modules/bootstrap/dist/css/bootstrap.min.css',
-      'node_modules/@fortawesome/fontawesome-free/css/all.min.css',
-      // Stisla core
-      'dist/assets/css/style.css',
-    ],
-
-    CSSModules = [
-      // Modules
-      'node_modules/bootstrap-social/bootstrap-social.css',
-      'node_modules/selectric/public/selectric.css',
-      'node_modules/chocolat/dist/css/chocolat.css',
-      'node_modules/prismjs/themes/prism.css',
-      'node_modules/dropzone/dist/min/dropzone.min.css',
-      'node_modules/jqvmap/dist/jqvmap.min.css',
-      'node_modules/flag-icon-css/css/flag-icon.min.css',
-      'node_modules/owl.carousel/dist/assets/owl.carousel.min.css',
-      'node_modules/owl.carousel/dist/assets/owl.theme.default.min.css',
-      'node_modules/summernote/dist/summernote-bs4.css',
-      'node_modules/bootstrap-tagsinput/dist/bootstrap-tagsinput.css',
-      'node_modules/codemirror/lib/codemirror.css',
-      'node_modules/codemirror/theme/duotone-dark.css',
-      'node_modules/bootstrap-daterangepicker/daterangepicker.css',
-      'node_modules/bootstrap-colorpicker/dist/css/bootstrap-colorpicker.min.css',
-      'node_modules/select2/dist/css/select2.min.css',
-      'node_modules/bootstrap-timepicker/css/bootstrap-timepicker.min.css',
-      'node_modules/weathericons/css/weather-icons.min.css',
-      'node_modules/weathericons/css/weather-icons-wind.min.css',
-      'node_modules/fullcalendar/dist/fullcalendar.min.css',
-      'node_modules/datatables.net-bs4/css/dataTables.bootstrap4.min.css',
-      'node_modules/datatables.net-select-bs4/css/select.bootstrap4.min.css',
-      'node_modules/ionicons201/css/ionicons.min.css',
-      'node_modules/izitoast/dist/css/iziToast.min.css',
-      // add more here
-    ],
-
-    components_css = [
-      // Stisla core
-      'dist/assets/css/components.css',
-    ],
-
-    JSFiles = [
-      // Required dependencies
-      'node_modules/jquery/dist/jquery.js',
-      'node_modules/popper.js/dist/umd/popper.js',
-      'node_modules/tooltip.js/dist/umd/tooltip.js',
-      'node_modules/bootstrap/dist/js/bootstrap.js',
-      'node_modules/nicescroll/dist/jquery.nicescroll.js',
-      'node_modules/moment/moment.js',
-      // Stisla core
-      'dist/assets/js/stisla.js',
-    ],
-
-    JSModules = [
-      // Modules
-      'node_modules/jquery-pwstrength/jquery.pwstrength.js',
-      'node_modules/selectric/public/jquery.selectric.js',
-      'node_modules/chocolat/dist/js/jquery.chocolat.js',
-      'node_modules/jquery-ui-dist/jquery-ui.js',
-      'node_modules/prismjs/prism.js',
-      'node_modules/dropzone/dist/dropzone.js',
-      'node_modules/jquery-sparkline/jquery.sparkline.js',
-      'node_modules/chart.js/dist/Chart.js',
-      'node_modules/jqvmap/dist/jquery.vmap.js',
-      'node_modules/jqvmap/dist/maps/jquery.vmap.world.js',
-      'node_modules/jqvmap/dist/maps/jquery.vmap.indonesia.js',
-      'node_modules/owl.carousel/dist/owl.carousel.js',
-      'node_modules/summernote/dist/summernote-bs4.js',
-      'node_modules/jquery_upload_preview/assets/js/jquery.uploadPreview.js',
-      'node_modules/bootstrap-tagsinput/dist/bootstrap-tagsinput.js',
-      'node_modules/codemirror/lib/codemirror.js',
-      'node_modules/codemirror/mode/javascript/javascript.js',
-      'node_modules/cleave.js/dist/cleave.js',
-      'node_modules/cleave.js/dist/addons/cleave-phone.us.js',
-      'node_modules/bootstrap-daterangepicker/daterangepicker.js',
-      'node_modules/bootstrap-colorpicker/dist/js/bootstrap-colorpicker.js',
-      'node_modules/bootstrap-timepicker/js/bootstrap-timepicker.js',
-      'node_modules/select2/dist/js/select2.full.js',
-      'node_modules/gmaps/gmaps.js',
-      'node_modules/simpleweather/jquery.simpleWeather.js',
-      'node_modules/sticky-kit/dist/sticky-kit.js',
-      'node_modules/fullcalendar/dist/fullcalendar.js',
-      'node_modules/datatables/media/js/jquery.dataTables.js',
-      'node_modules/datatables.net-bs4/js/dataTables.bootstrap4.js',
-      'node_modules/datatables.net-select-bs4/js/select.bootstrap4.js',
-      'node_modules/sweetalert/dist/sweetalert.min.js',
-      'node_modules/izitoast/dist/js/iziToast.js',
-      // add more here
-      // Stisla functions
-      'dist/assets/js/scripts.js'
-    ];
-
+var cssDir = './assets/css',
+    jsDir = './assets/js',
+    htmlDir = './sources/pages',
+    sassDir = './sources/scss',
+    imgDir = './assets/img/*';
 
 /**
  * Helpers
  */
 
-function _js_bundle(JSFiles, filename, jsDir) {
-  return src(JSFiles)
+function _compile_html(path, log=true, ret=false) {
+  if(log)
+    _log('[HTML] Compiling:' + path, 'GREEN');
+
+  let compile_html = src(path, { base: htmlDir })
   .pipe(plumber())
-  .pipe(concat(filename))
-  .pipe(uglify())
-  .pipe(dest(jsDir))
-  .pipe(notify({
-    message: 'File <%= file.relative %> bundled successfully'
-  }));
+  .pipe(nunjucks.compile({
+    version: '2.3.0'
+  },
+  /**
+   * Nunjucks options
+   */
+  {
+    trimBlocks: true,
+    lstripBlocks: true,
+    /**
+     * Nunjucks filters
+     * @type {Object}
+     */
+    filters: {
+      is_active: (str, reg, page) => {
+        reg = new RegExp(reg, 'gm');
+        reg = reg.exec(page);
+        if(reg != null) {
+          return str;
+        }
+      }
+    }
+  }))
+  .pipe(dest('pages'))
+  .pipe(plumber.stop());
+
+  if(ret) return compile_html;
+
+  if(log)
+    _log('[HTML] Finished', 'GREEN');
 }
 
-function _css_bundle(CSSFiles, filename, cssDir) {
-  return src(CSSFiles)
+function _compile_scss(path, log=true, ret=false) {
+  if(log)
+    _log('[SCSS] Compiling:' + path, 'GREEN');
+
+  let compile_scss = src(path)
   .pipe(plumber())
-  .pipe(concat(filename))
-  .pipe(postcss([autoprefixer(), cssnano()]))
+  .pipe(sass({
+    errorLogToConsole: true
+  }))
+  .on('error', console.error.bind(console))
+  .pipe(rename({
+    dirname: '',
+    extname: '.css'
+  }))
+  .pipe(postcss([autoprefixer()]))
   .pipe(dest(cssDir))
-  .pipe(notify({
-    message: 'File <%= file.relative %> bundled successfully'
-  }));
+  .pipe(plumber.stop());
+
+  if(ret) return compile_scss;
+
+  if(log)
+    _log('[SCSS] Finished', 'GREEN');
 }
 
+function _log(str, clr) {
+  if(!clr) clr = 'WHITE';
+  console.log(color(str, clr));
+}
+
+/**
+ * End of helper
+ */
+
 /**
  * Execution
  */
 
-function bundle_main_css() {
-  return _css_bundle(CSSFiles, 'main.min.css', cssDir);
-}
-
-function bundle_modules_css() {
-  return _css_bundle(CSSModules, 'modules.min.css', cssDir);
-}
-
-function bundle_components_css() {
-  return _css_bundle(components_css, 'components.min.css', cssDir);
-}
-
-function bundle_main_js() {
-  return _js_bundle(JSFiles, 'main.min.js', jsDir);
-}
-
-function bundle_modules_js() {
-  return _js_bundle(JSModules, 'modules.min.js', jsDir);
-}
-
-function folder(){
-   return src('*.*', {read: false})
-        .pipe(dest('./dist/assets'))
-        .pipe(dest('./dist/assets/css'))
-        .pipe(dest('./dist/assets/js'))
-        .pipe(dest('./dist/assets/img'))
+function folder() {
+  return src('*.*', {read: false})
+  .pipe(dest('./assets'))
+  .pipe(dest('./assets/css'))
+  .pipe(dest('./assets/js'))
+  .pipe(dest('./assets/img'));
 }
 
 function minify(){
   return src(sassDir)
-      .pipe(plumber())
-      .pipe(sass({
-        errorLogToConsole: true
-      }))
-      .on('error', console.error.bind( console ))
-      .pipe(rename({
-        suffix: '.min'
-      }))
-      .pipe(postcss([autoprefixer(), cssnano()]))
-      .pipe(dest(cssDir))
-      .pipe(notify({
-        message: 'Minify <%= file.relative %> berhasil bos'
-      }));
+  .pipe(plumber())
+  .pipe(sass({
+    errorLogToConsole: true
+  }))
+  .on('error', console.error.bind( console ))
+  .pipe(rename({
+    suffix: '.min'
+  }))
+  .pipe(postcss([autoprefixer(), cssnano()]))
+  .pipe(dest(cssDir))
+  .pipe(notify({
+    message: 'Minify <%= file.relative %> berhasil bos'
+  }));
 }
 
-function image(){
+function image() {
   return src(imgDir)
   .pipe(plumber())
   .pipe(imagemin([
     imageminMozjpeg({quality: 80})
   ]))
   .pipe(dest(imgDir))
-  .pipe(plumber.stop())
+  .pipe(plumber.stop());
 }
 
-function watching (){
+function compile_scss() {
+  return _compile_scss(sassDir + '/*.scss', false, true);
+}
+
+function compile_html() {
+  return _compile_html(htmlDir + '/*.html', false, true);
+}
+
+function watching() {
+  /**
+   * BrowserSync initialization
+   * @type {Object}
+   */
   browserSync.init({
     server:{
       baseDir: "./"
     },
-    port: 8080
+    startPath: 'pages/index.html',
+    port: 1000
+  });
+
+  /**
+   * Watch ${htmlDir}
+   */
+  watch([htmlDir + '/*.html', sassDir + '/*.scss']).on('change', (file) => {
+    if(file.indexOf('.scss') > -1) {
+      _compile_scss(file);
+    }
+
+    if(file.indexOf('.html') > -1) {
+      _compile_html(file);
+    }
+
+    browserSync.reload();
   });
-  watch('./sources/sass/*.scss', minify).on('change', browserSync.reload);
-  watch("*.html").on('change', browserSync.reload);
 }
 
-function  watchcss(){
-  watch('./sources/sass/*.scss', minify);
-}
+// Create folder first
+exports.folder = folder;
 
-function template() {
-  return src('sources/pages/*.html')
-    .pipe(plumber())
-    .pipe(nunjucks.compile({
-      version: '2.3.0'
-    }, {
-      trimBlocks: true,
-      lstripBlocks: true,
-      filters: {
-        is_active: (str, reg, page) => {
-          reg = new RegExp(reg, 'gm');
-          reg = reg.exec(page);
-          if(reg != null) {
-            return str;
-          }
-        }
-      }
-    }))
-    .pipe(dest('pages'))
-    .pipe(notify({
-      message: 'File <%= file.relative %> compiled successfully'
-    }));
-}
-
-//create folder first
-// exports.folder = folder;
-exports.html = template;
-//then update source
-exports.update = parallel(bundle_main_css, bundle_modules_css, bundle_components_css);
-//minify  IMG SOURCE
+// Minify images
 exports.image = image;
-//Run this command for styling OPs
+
+// Run this command for styling OPs
 exports.minify = minify;
-//Run this command for dev.
+
+// Compile SCSS
+exports.scss = compile_scss;
+
+// Compile HTML
+exports.html = compile_html;
+
+// Dist
+exports.dist = parallel(folder, compile_scss, compile_html);
+
+// Run this command for dev.
 exports.default = watching;
diff --git a/package.json b/package.json
index bd49f9d..3c28a8e 100644
--- a/package.json
+++ b/package.json
@@ -54,8 +54,9 @@
     "browser-sync": "^2.26.3",
     "cssnano": "^4.1.8",
     "gulp": "^4.0.0",
+    "gulp-color": "^0.0.2",
     "gulp-concat": "^2.6.1",
-    "gulp-imagemin": "^5.0.3",
+    "gulp-imagemin": "^3.4.0",
     "gulp-notify": "^3.2.0",
     "gulp-nunjucks": "^4.0.0",
     "gulp-plumber": "^1.2.1",
@@ -68,8 +69,9 @@
     "nunjucks": "^3.1.7"
   },
   "scripts": {
-    "stisla-start" : "yarn install --production=false",
-    "stisla-dev" : "yarn install --prod",
-    "dev" : "gulp"
+    "stisla-start": "yarn install --production=false",
+    "stisla-dev": "yarn install --prod",
+    "dist": "gulp dist",
+    "dev": "gulp"
   }
 }
diff --git a/scss/style.scss b/scss/style.scss
new file mode 100644
index 0000000..9542aec
--- /dev/null
+++ b/scss/style.scss
@@ -0,0 +1,117 @@
+/**
+ * Stisla
+ *
+ * Stisla is a clean & modern HTML5 admin template based on Bootstrap 4.
+ * Stisla will make it easier for you to create your own admin interface.
+ *
+ * @package	Stisla
+ * @version	2.2.0
+ * @author 	Muhamad Nauval Azhar
+ * @url 	https://getstisla.com
+ *
+ */
+
+/**
+ * TABLE OF CONTENTS
+ *
+ * 1. Variable
+ * 2. Mixin
+ * 3. Bootstrap Override
+ * 	  3.1 Misc
+ * 	  3.2 Form
+ * 	  3.3 List
+ * 	  3.4 Alert
+ * 	  3.5 Card
+ * 	  3.6 Table
+ * 	  3.7 Tooltip
+ * 	  3.8 Modal
+ * 	  3.9 Nav
+ * 	  3.10 Pagination
+ * 	  3.11 Badge
+ * 	  3.12 Button
+ * 	  3.13 Media
+ * 	  3.14 Breadcrumb
+ * 	  3.15 Accordion
+ * 	  3.16 Popover
+ * 	  3.17 Grid
+ * 	  3.18 Navbar
+ * 	  3.19 Dropdown
+ * 	  3.20 Tab
+ * 	  3.21 Progressbar
+ * 	  3.22 Jumbotron
+ * 	  3.23 Carousel
+ * 4. Theme Style
+ * 	  4.1 Misc
+ * 	  4.2 Section
+ * 	  4.3 Page
+ * 	  4.4 Layout
+ * 	  4.5 Animation
+ * 5. Responsive
+ *
+ */
+
+/* 1. Variable */
+@import "_variable";
+
+/* 2. Mixin */
+@import "_mixin";
+
+/* 3. Bootstrap Override */
+/* 3.1 Misc */
+@import "override/_misc";
+/* 3.2 Form */
+@import "override/_form";
+/* 3.3 List */
+@import "override/_list";
+/* 3.4 Alert */
+@import "override/_alert";
+/* 3.5 Card */
+@import "override/_card";
+/* 3.6 Table */
+@import "override/_table";
+/* 3.7 Tooltip */
+@import "override/_tooltip";
+/* 3.8 Modal */
+@import "override/_modal";
+/* 3.9 Nav */
+@import "override/_nav";
+/* 3.10 Pagination */
+@import "override/_pagination";
+/* 3.11 Badge */
+@import "override/_badge";
+/* 3.12 Button */
+@import "override/_button";
+/* 3.13 Media */
+@import "override/_media";
+/* 3.14 Breadcrumb */
+@import "override/_breadcrumb";
+/* 3.15 Accordion */
+@import "override/_accordion";
+/* 3.16 Popover */
+@import "override/_popover";
+/* 3.17 Grid */
+@import "override/_grid";
+/* 3.18 Navbar */
+@import "override/_navbar";
+/* 3.19 Dropdown */
+@import "override/_dropdown";
+/* 3.20 Dropdown */
+@import "override/_tab";
+/* 3.21 Progress Bar */
+@import "override/_progressbar";
+/* 3.22 Jumbotron */
+@import "override/_jumbotron";
+/* 3.23 Carousel */
+@import "override/_carousel";
+
+/* 4. Theme Style */
+/* 4.1 Misc */
+@import "theme/misc";
+/* 4.2 Section */
+@import "theme/section";
+/* 4.3 Page */
+@import "theme/page";
+/* 4.4 Layout */
+@import "theme/layout";
+/* 4.5 Animation */
+@import "theme/animation";
diff --git a/sources/scss/style.scss b/sources/scss/style.scss
index 0d384d4..dfaf356 100644
--- a/sources/scss/style.scss
+++ b/sources/scss/style.scss
@@ -1,14 +1,14 @@
 /**
  * Stisla
  *
- * Stisla is a clean & modern HTML5 admin template based on Bootstrap 4. 
+ * Stisla is a clean & modern HTML5 admin template based on Bootstrap 4.
  * Stisla will make it easier for you to create your own admin interface.
  *
- * @package	Stisla 
- * @version	2.2.0
+ * @package	Stisla
+ * @version	2.3.0
  * @author 	Muhamad Nauval Azhar
  * @url 	https://getstisla.com
- * 
+ *
  */
 
 /**
@@ -114,4 +114,4 @@
 /* 4.4 Layout */
 @import "theme/layout";
 /* 4.5 Animation */
-@import "theme/animation";
\ No newline at end of file
+@import "theme/animation";