Changeset 194a359 for public

Timestamp:

09/30/21 00:32:27 (3 years ago)

Author:

beratkjufliju <kufliju@…>

Branches:

develop, master

Children:

24a616f

Parents:

582789f

Message:

added departments, edited users and added user settings

Location:

public

Files:

• assets/css/app.css (modified) (5 diffs)
• assets/css/app.min.css (modified) (11 diffs)
• assets/css/custom.css (added)
• assets/js/Toast.js (added)
• assets/js/app.js (modified) (1 diff)
• assets/js/app.min.js (added)
• assets/js/appjs/app.js (added)
• assets/js/custom.js (added)
• assets/js/examples/charts/apex.js (added)
• assets/js/examples/charts/chartjs.js (added)
• assets/js/examples/charts/justgage.js (added)
• assets/js/examples/charts/morsis.js (added)
• assets/js/examples/charts/peity.js (added)
• assets/js/examples/ckeditor.js (added)
• assets/js/examples/clockpicker.js (added)
• assets/js/examples/colorpicker.js (added)
• assets/js/examples/dashboard.js (added)
• assets/js/examples/datatable.js (added)
• assets/js/examples/datepicker.js (added)
• assets/js/examples/dropzone.js (added)
• assets/js/examples/form-validator.js (added)
• assets/js/examples/form-wizard.js (added)
• assets/js/examples/fullcalendar.js (added)
• assets/js/examples/input-mask.js (added)
• assets/js/examples/lightbox.js (added)
• assets/js/examples/pages/analytics-dashboard.js (added)
• assets/js/examples/pages/calendar.js (added)
• assets/js/examples/pages/customers.js (added)
• assets/js/examples/pages/ecommerce-dashboard.js (added)
• assets/js/examples/pages/gallery.js (added)
• assets/js/examples/pages/orders.js (added)
• assets/js/examples/pages/product-detail.js (added)
• assets/js/examples/pages/product-grid.js (added)
• assets/js/examples/pages/product-list.js (added)
• assets/js/examples/pages/project-grid.js (added)
• assets/js/examples/pages/project-list.js (added)
• assets/js/examples/pages/projects-dashboard.js (added)
• assets/js/examples/pages/user-list.js (added)
• assets/js/examples/range-slider.js (added)
• assets/js/examples/select2.js (added)
• assets/js/examples/slick.js (added)
• assets/js/examples/sweet-alert.js (added)
• assets/js/examples/tagsinput.js (added)
• assets/js/examples/toast.js (added)
• assets/js/examples/tour.js (added)
• assets/js/examples/treeview.js (added)
• assets/js/examples/vmap.js (added)
• assets/plugins/noty/css/noty.min.css (added)
• assets/plugins/noty/js/noty.min.js (added)
• mix-manifest.json (modified) (1 diff)

public/assets/css/app.css

@@ -5907 +5907 @@
   background: #293134;
   color: white;
-}
-
-.nicescroll-cursors {
-  border: none !important;
-}
-
-body:not(.dark) .nicescroll-cursors {
-  background-color: rgba(41, 49, 52, 0.4) !important;
-  width: 3px !important;
 }
 
@@ -7691 +7682 @@
   }
 }
-body.semi-dark:not(.dark) .nicescroll-cursors {
-  background-color: rgba(255, 255, 255, 0.3) !important;
-}
 body.semi-dark:not(.dark) .navigation {
   background-color: #313852;
@@ -9130 +9118 @@
   background: #313852;
 }
-body.dark .nicescroll-cursors {
-  background-color: rgba(255, 255, 255, 0.15) !important;
-}
 body.dark .chat-block .chat-content .messages .message-item:not(.me):before {
   border-right-color: #454c66;
@@ -9768 +9753 @@
 
   .navigation {
-    width: 75%;
+    width: 20%;
   }
 
@@ -9781 +9766 @@
 
   .navigation {
-    width: 85%;
+    width: 20%;
   }
 }

public/assets/css/app.min.css

@@ -6900 +6900 @@
 }
 
-.nicescroll-cursors {
-  border: none !important;
-}
-
-body:not(.dark) .nicescroll-cursors {
-  background-color: rgba(41, 49, 52, 0.4) !important;
-  width: 3px !important;
-}
-
 .isotope-item {
   z-index: 2;
@@ -8893 +8884 @@
 
   body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover {
-    width: 320px;
+    /*width: 320px;*/
   }
 
@@ -9200 +9191 @@
     bottom: 0;
     height: auto;
-    width: 320px;
+    /*width: 320px;*/
     background-color: white;
     z-index: 1000;
@@ -9282 +9273 @@
   }
 }
-
-body.semi-dark:not(.dark) .nicescroll-cursors {
-  background-color: rgba(255, 255, 255, 0.3) !important;
-}
-
 body.semi-dark:not(.dark) .navigation {
   background-color: #313852;
@@ -9562 +9548 @@
   padding: 30px;
   padding-top: 105px;
-  padding-left: 350px;
+  padding-left: 100px;
   padding-bottom: 0;
 }
@@ -10001 +9987 @@
 
 .header .header-left {
-  width: 320px;
+  /*width: 320px;*/
   padding-left: 30px;
   display: -webkit-box;
@@ -10210 +10196 @@
   background-color: white;
   z-index: 998;
-  width: 320px;
+  /*width: 320px;*/
   box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
   position: fixed;
@@ -10463 +10449 @@
   -webkit-box-pack: justify;
           justify-content: space-between;
-  margin-left: 320px;
+  margin-left: 100px;
 }
 
@@ -11379 +11365 @@
 }
 
-body.dark .nicescroll-cursors {
-  background-color: rgba(255, 255, 255, 0.15) !important;
-}
-
 body.dark .chat-block .chat-content .messages .message-item:not(.me):before {
   border-right-color: #454c66;
@@ -12276 +12258 @@
 
   .navigation {
-    width: 75%;
+    width: 20%;
   }
 
@@ -12314 +12296 @@
 }
 
+
+@charset "UTF-8";
+
+.m-0 {
+  margin: 0px !important;
+}
+
+.m-5 {
+  margin: 5px !important;
+}
+
+.m-10 {
+  margin: 10px !important;
+}
+
+.m-15 {
+  margin: 15px !important;
+}
+
+.m-20 {
+  margin: 20px !important;
+}
+
+.m-25 {
+  margin: 25px !important;
+}
+
+.m-30 {
+  margin: 30px !important;
+}
+
+.m-35 {
+  margin: 35px !important;
+}
+
+.m-40 {
+  margin: 40px !important;
+}
+
+.m-45 {
+  margin: 45px !important;
+}
+
+.m-50 {
+  margin: 50px !important;
+}
+
+.m-t-b-0 {
+  margin-top: 0px !important;
+  margin-bottom: 0px !important;
+}
+
+.m-t-b-5 {
+  margin-top: 5px !important;
+  margin-bottom: 5px !important;
+}
+
+.m-t-b-10 {
+  margin-top: 10px !important;
+  margin-bottom: 10px !important;
+}
+
+.m-t-b-15 {
+  margin-top: 15px !important;
+  margin-bottom: 15px !important;
+}
+
+.m-t-b-20 {
+  margin-top: 20px !important;
+  margin-bottom: 20px !important;
+}
+
+.m-t-b-25 {
+  margin-top: 25px !important;
+  margin-bottom: 25px !important;
+}
+
+.m-t-b-30 {
+  margin-top: 30px !important;
+  margin-bottom: 30px !important;
+}
+
+.m-t-b-35 {
+  margin-top: 35px !important;
+  margin-bottom: 35px !important;
+}
+
+.m-t-b-40 {
+  margin-top: 40px !important;
+  margin-bottom: 40px !important;
+}
+
+.m-t-b-45 {
+  margin-top: 45px !important;
+  margin-bottom: 45px !important;
+}
+
+.m-t-b-50 {
+  margin-top: 50px !important;
+  margin-bottom: 50px !important;
+}
+
+.m-l-r-0 {
+  margin-left: 0px !important;
+  margin-right: 0px !important;
+}
+
+.m-l-r-5 {
+  margin-left: 5px !important;
+  margin-right: 5px !important;
+}
+
+.m-l-r-10 {
+  margin-left: 10px !important;
+  margin-right: 10px !important;
+}
+
+.m-l-r-15 {
+  margin-left: 15px !important;
+  margin-right: 15px !important;
+}
+
+.m-l-r-20 {
+  margin-left: 20px !important;
+  margin-right: 20px !important;
+}
+
+.m-l-r-25 {
+  margin-left: 25px !important;
+  margin-right: 25px !important;
+}
+
+.m-l-r-30 {
+  margin-left: 30px !important;
+  margin-right: 30px !important;
+}
+
+.m-l-r-35 {
+  margin-left: 35px !important;
+  margin-right: 35px !important;
+}
+
+.m-l-r-40 {
+  margin-left: 40px !important;
+  margin-right: 40px !important;
+}
+
+.m-l-r-45 {
+  margin-left: 45px !important;
+  margin-right: 45px !important;
+}
+
+.m-l-r-50 {
+  margin-left: 50px !important;
+  margin-right: 50px !important;
+}
+
+.m-t-0 {
+  margin-top: 0px !important;
+}
+
+.m-t-5 {
+  margin-top: 5px !important;
+}
+
+.m-t-10 {
+  margin-top: 10px !important;
+}
+
+.m-t-15 {
+  margin-top: 15px !important;
+}
+
+.m-t-20 {
+  margin-top: 20px !important;
+}
+
+.m-t-25 {
+  margin-top: 25px !important;
+}
+
+.m-t-30 {
+  margin-top: 30px !important;
+}
+
+.m-t-35 {
+  margin-top: 35px !important;
+}
+
+.m-t-40 {
+  margin-top: 40px !important;
+}
+
+.m-t-45 {
+  margin-top: 45px !important;
+}
+
+.m-t-50 {
+  margin-top: 50px !important;
+}
+
+.m-r-0 {
+  margin-right: 0px !important;
+}
+
+.m-r-5 {
+  margin-right: 5px !important;
+}
+
+.m-r-10 {
+  margin-right: 10px !important;
+}
+
+.m-r-15 {
+  margin-right: 15px !important;
+}
+
+.m-r-20 {
+  margin-right: 20px !important;
+}
+
+.m-r-25 {
+  margin-right: 25px !important;
+}
+
+.m-r-30 {
+  margin-right: 30px !important;
+}
+
+.m-r-35 {
+  margin-right: 35px !important;
+}
+
+.m-r-40 {
+  margin-right: 40px !important;
+}
+
+.m-r-45 {
+  margin-right: 45px !important;
+}
+
+.m-r-50 {
+  margin-right: 50px !important;
+}
+
+.m-b-0 {
+  margin-bottom: 0px !important;
+}
+
+.m-b-5 {
+  margin-bottom: 5px !important;
+}
+
+.m-b-10 {
+  margin-bottom: 10px !important;
+}
+
+.m-b-15 {
+  margin-bottom: 15px !important;
+}
+
+.m-b-20 {
+  margin-bottom: 20px !important;
+}
+
+.m-b-25 {
+  margin-bottom: 25px !important;
+}
+
+.m-b-30 {
+  margin-bottom: 30px !important;
+}
+
+.m-b-35 {
+  margin-bottom: 35px !important;
+}
+
+.m-b-40 {
+  margin-bottom: 40px !important;
+}
+
+.m-b-45 {
+  margin-bottom: 45px !important;
+}
+
+.m-b-50 {
+  margin-bottom: 50px !important;
+}
+
+.m-l-0 {
+  margin-left: 0px !important;
+}
+
+.m-l-5 {
+  margin-left: 5px !important;
+}
+
+.m-l-10 {
+  margin-left: 10px !important;
+}
+
+.m-l-15 {
+  margin-left: 15px !important;
+}
+
+.m-l-20 {
+  margin-left: 20px !important;
+}
+
+.m-l-25 {
+  margin-left: 25px !important;
+}
+
+.m-l-30 {
+  margin-left: 30px !important;
+}
+
+.m-l-35 {
+  margin-left: 35px !important;
+}
+
+.m-l-40 {
+  margin-left: 40px !important;
+}
+
+.m-l-45 {
+  margin-left: 45px !important;
+}
+
+.m-l-50 {
+  margin-left: 50px !important;
+}
+
+.m-t-0-minus {
+  margin-top: 0px !important;
+}
+
+.m-t-10-minus {
+  margin-top: -10px !important;
+}
+
+.m-t-20-minus {
+  margin-top: -20px !important;
+}
+
+.m-t-30-minus {
+  margin-top: -30px !important;
+}
+
+.m-t-40-minus {
+  margin-top: -40px !important;
+}
+
+.m-t-50-minus {
+  margin-top: -50px !important;
+}
+
+.m-t-60-minus {
+  margin-top: -60px !important;
+}
+
+.m-t-70-minus {
+  margin-top: -70px !important;
+}
+
+.m-t-80-minus {
+  margin-top: -80px !important;
+}
+
+.m-t-90-minus {
+  margin-top: -90px !important;
+}
+
+.m-t-100-minus {
+  margin-top: -100px !important;
+}
+
+.m-t-110-minus {
+  margin-top: -110px !important;
+}
+
+.m-t-120-minus {
+  margin-top: -120px !important;
+}
+
+.m-t-130-minus {
+  margin-top: -130px !important;
+}
+
+.m-t-140-minus {
+  margin-top: -140px !important;
+}
+
+.m-t-150-minus {
+  margin-top: -150px !important;
+}
+
+.m-t-160-minus {
+  margin-top: -160px !important;
+}
+
+.m-t-170-minus {
+  margin-top: -170px !important;
+}
+
+.m-t-180-minus {
+  margin-top: -180px !important;
+}
+
+.m-t-190-minus {
+  margin-top: -190px !important;
+}
+
+.m-t-200-minus {
+  margin-top: -200px !important;
+}
+
+.m-t-210-minus {
+  margin-top: -210px !important;
+}
+
+.m-t-220-minus {
+  margin-top: -220px !important;
+}
+
+.m-t-230-minus {
+  margin-top: -230px !important;
+}
+
+.m-t-240-minus {
+  margin-top: -240px !important;
+}
+
+.m-t-250-minus {
+  margin-top: -250px !important;
+}
+
+.m-t-260-minus {
+  margin-top: -260px !important;
+}
+
+.m-t-270-minus {
+  margin-top: -270px !important;
+}
+
+.m-t-280-minus {
+  margin-top: -280px !important;
+}
+
+.m-t-290-minus {
+  margin-top: -290px !important;
+}
+
+.m-t-300-minus {
+  margin-top: -300px !important;
+}
+
+.m-t-310-minus {
+  margin-top: -310px !important;
+}
+
+.m-t-320-minus {
+  margin-top: -320px !important;
+}
+
+.m-t-330-minus {
+  margin-top: -330px !important;
+}
+
+.m-t-340-minus {
+  margin-top: -340px !important;
+}
+
+.m-t-350-minus {
+  margin-top: -350px !important;
+}
+
+.m-t-360-minus {
+  margin-top: -360px !important;
+}
+
+.m-t-370-minus {
+  margin-top: -370px !important;
+}
+
+.m-t-380-minus {
+  margin-top: -380px !important;
+}
+
+.m-t-390-minus {
+  margin-top: -390px !important;
+}
+
+.m-t-400-minus {
+  margin-top: -400px !important;
+}
+
+.m-t-410-minus {
+  margin-top: -410px !important;
+}
+
+.m-t-420-minus {
+  margin-top: -420px !important;
+}
+
+.m-t-430-minus {
+  margin-top: -430px !important;
+}
+
+.m-t-440-minus {
+  margin-top: -440px !important;
+}
+
+.m-t-450-minus {
+  margin-top: -450px !important;
+}
+
+.m-t-460-minus {
+  margin-top: -460px !important;
+}
+
+.m-t-470-minus {
+  margin-top: -470px !important;
+}
+
+.m-t-480-minus {
+  margin-top: -480px !important;
+}
+
+.m-t-490-minus {
+  margin-top: -490px !important;
+}
+
+.m-t-500-minus {
+  margin-top: -500px !important;
+}
+
+.m-t-510-minus {
+  margin-top: -510px !important;
+}
+
+.m-t-520-minus {
+  margin-top: -520px !important;
+}
+
+.m-t-530-minus {
+  margin-top: -530px !important;
+}
+
+.m-t-540-minus {
+  margin-top: -540px !important;
+}
+
+.m-t-550-minus {
+  margin-top: -550px !important;
+}
+
+.m-t-560-minus {
+  margin-top: -560px !important;
+}
+
+.m-t-570-minus {
+  margin-top: -570px !important;
+}
+
+.m-t-580-minus {
+  margin-top: -580px !important;
+}
+
+.m-t-590-minus {
+  margin-top: -590px !important;
+}
+
+.m-t-600-minus {
+  margin-top: -600px !important;
+}
+
+.m-t-610-minus {
+  margin-top: -610px !important;
+}
+
+.m-t-620-minus {
+  margin-top: -620px !important;
+}
+
+.m-t-630-minus {
+  margin-top: -630px !important;
+}
+
+.m-t-640-minus {
+  margin-top: -640px !important;
+}
+
+.m-t-650-minus {
+  margin-top: -650px !important;
+}
+
+.m-t-660-minus {
+  margin-top: -660px !important;
+}
+
+.m-t-670-minus {
+  margin-top: -670px !important;
+}
+
+.m-t-680-minus {
+  margin-top: -680px !important;
+}
+
+.m-t-690-minus {
+  margin-top: -690px !important;
+}
+
+.m-t-700-minus {
+  margin-top: -700px !important;
+}
+
+.m-t-710-minus {
+  margin-top: -710px !important;
+}
+
+.m-t-720-minus {
+  margin-top: -720px !important;
+}
+
+.m-t-730-minus {
+  margin-top: -730px !important;
+}
+
+.m-t-740-minus {
+  margin-top: -740px !important;
+}
+
+.m-t-750-minus {
+  margin-top: -750px !important;
+}
+
+.m-t-760-minus {
+  margin-top: -760px !important;
+}
+
+.m-t-770-minus {
+  margin-top: -770px !important;
+}
+
+.m-t-780-minus {
+  margin-top: -780px !important;
+}
+
+.m-t-790-minus {
+  margin-top: -790px !important;
+}
+
+.m-t-800-minus {
+  margin-top: -800px !important;
+}
+
+.m-t-810-minus {
+  margin-top: -810px !important;
+}
+
+.m-t-820-minus {
+  margin-top: -820px !important;
+}
+
+.m-t-830-minus {
+  margin-top: -830px !important;
+}
+
+.m-t-840-minus {
+  margin-top: -840px !important;
+}
+
+.m-t-850-minus {
+  margin-top: -850px !important;
+}
+
+.m-t-860-minus {
+  margin-top: -860px !important;
+}
+
+.m-t-870-minus {
+  margin-top: -870px !important;
+}
+
+.m-t-880-minus {
+  margin-top: -880px !important;
+}
+
+.m-t-890-minus {
+  margin-top: -890px !important;
+}
+
+.m-t-900-minus {
+  margin-top: -900px !important;
+}
+
+.m-t-910-minus {
+  margin-top: -910px !important;
+}
+
+.m-t-920-minus {
+  margin-top: -920px !important;
+}
+
+.m-t-930-minus {
+  margin-top: -930px !important;
+}
+
+.m-t-940-minus {
+  margin-top: -940px !important;
+}
+
+.m-t-950-minus {
+  margin-top: -950px !important;
+}
+
+.m-t-960-minus {
+  margin-top: -960px !important;
+}
+
+.m-t-970-minus {
+  margin-top: -970px !important;
+}
+
+.m-t-980-minus {
+  margin-top: -980px !important;
+}
+
+.m-t-990-minus {
+  margin-top: -990px !important;
+}
+
+.m-t-1000-minus {
+  margin-top: -1000px !important;
+}
+
+.m-r-0-minus {
+  margin-right: 0px !important;
+}
+
+.m-r-10-minus {
+  margin-right: -10px !important;
+}
+
+.m-r-20-minus {
+  margin-right: -20px !important;
+}
+
+.m-r-30-minus {
+  margin-right: -30px !important;
+}
+
+.m-r-40-minus {
+  margin-right: -40px !important;
+}
+
+.m-r-50-minus {
+  margin-right: -50px !important;
+}
+
+.m-r-60-minus {
+  margin-right: -60px !important;
+}
+
+.m-r-70-minus {
+  margin-right: -70px !important;
+}
+
+.m-r-80-minus {
+  margin-right: -80px !important;
+}
+
+.m-r-90-minus {
+  margin-right: -90px !important;
+}
+
+.m-r-100-minus {
+  margin-right: -100px !important;
+}
+
+.m-r-110-minus {
+  margin-right: -110px !important;
+}
+
+.m-r-120-minus {
+  margin-right: -120px !important;
+}
+
+.m-r-130-minus {
+  margin-right: -130px !important;
+}
+
+.m-r-140-minus {
+  margin-right: -140px !important;
+}
+
+.m-r-150-minus {
+  margin-right: -150px !important;
+}
+
+.m-r-160-minus {
+  margin-right: -160px !important;
+}
+
+.m-r-170-minus {
+  margin-right: -170px !important;
+}
+
+.m-r-180-minus {
+  margin-right: -180px !important;
+}
+
+.m-r-190-minus {
+  margin-right: -190px !important;
+}
+
+.m-r-200-minus {
+  margin-right: -200px !important;
+}
+
+.m-r-210-minus {
+  margin-right: -210px !important;
+}
+
+.m-r-220-minus {
+  margin-right: -220px !important;
+}
+
+.m-r-230-minus {
+  margin-right: -230px !important;
+}
+
+.m-r-240-minus {
+  margin-right: -240px !important;
+}
+
+.m-r-250-minus {
+  margin-right: -250px !important;
+}
+
+.m-r-260-minus {
+  margin-right: -260px !important;
+}
+
+.m-r-270-minus {
+  margin-right: -270px !important;
+}
+
+.m-r-280-minus {
+  margin-right: -280px !important;
+}
+
+.m-r-290-minus {
+  margin-right: -290px !important;
+}
+
+.m-r-300-minus {
+  margin-right: -300px !important;
+}
+
+.m-r-310-minus {
+  margin-right: -310px !important;
+}
+
+.m-r-320-minus {
+  margin-right: -320px !important;
+}
+
+.m-r-330-minus {
+  margin-right: -330px !important;
+}
+
+.m-r-340-minus {
+  margin-right: -340px !important;
+}
+
+.m-r-350-minus {
+  margin-right: -350px !important;
+}
+
+.m-r-360-minus {
+  margin-right: -360px !important;
+}
+
+.m-r-370-minus {
+  margin-right: -370px !important;
+}
+
+.m-r-380-minus {
+  margin-right: -380px !important;
+}
+
+.m-r-390-minus {
+  margin-right: -390px !important;
+}
+
+.m-r-400-minus {
+  margin-right: -400px !important;
+}
+
+.m-r-410-minus {
+  margin-right: -410px !important;
+}
+
+.m-r-420-minus {
+  margin-right: -420px !important;
+}
+
+.m-r-430-minus {
+  margin-right: -430px !important;
+}
+
+.m-r-440-minus {
+  margin-right: -440px !important;
+}
+
+.m-r-450-minus {
+  margin-right: -450px !important;
+}
+
+.m-r-460-minus {
+  margin-right: -460px !important;
+}
+
+.m-r-470-minus {
+  margin-right: -470px !important;
+}
+
+.m-r-480-minus {
+  margin-right: -480px !important;
+}
+
+.m-r-490-minus {
+  margin-right: -490px !important;
+}
+
+.m-r-500-minus {
+  margin-right: -500px !important;
+}
+
+.m-r-510-minus {
+  margin-right: -510px !important;
+}
+
+.m-r-520-minus {
+  margin-right: -520px !important;
+}
+
+.m-r-530-minus {
+  margin-right: -530px !important;
+}
+
+.m-r-540-minus {
+  margin-right: -540px !important;
+}
+
+.m-r-550-minus {
+  margin-right: -550px !important;
+}
+
+.m-r-560-minus {
+  margin-right: -560px !important;
+}
+
+.m-r-570-minus {
+  margin-right: -570px !important;
+}
+
+.m-r-580-minus {
+  margin-right: -580px !important;
+}
+
+.m-r-590-minus {
+  margin-right: -590px !important;
+}
+
+.m-r-600-minus {
+  margin-right: -600px !important;
+}
+
+.m-r-610-minus {
+  margin-right: -610px !important;
+}
+
+.m-r-620-minus {
+  margin-right: -620px !important;
+}
+
+.m-r-630-minus {
+  margin-right: -630px !important;
+}
+
+.m-r-640-minus {
+  margin-right: -640px !important;
+}
+
+.m-r-650-minus {
+  margin-right: -650px !important;
+}
+
+.m-r-660-minus {
+  margin-right: -660px !important;
+}
+
+.m-r-670-minus {
+  margin-right: -670px !important;
+}
+
+.m-r-680-minus {
+  margin-right: -680px !important;
+}
+
+.m-r-690-minus {
+  margin-right: -690px !important;
+}
+
+.m-r-700-minus {
+  margin-right: -700px !important;
+}
+
+.m-r-710-minus {
+  margin-right: -710px !important;
+}
+
+.m-r-720-minus {
+  margin-right: -720px !important;
+}
+
+.m-r-730-minus {
+  margin-right: -730px !important;
+}
+
+.m-r-740-minus {
+  margin-right: -740px !important;
+}
+
+.m-r-750-minus {
+  margin-right: -750px !important;
+}
+
+.m-r-760-minus {
+  margin-right: -760px !important;
+}
+
+.m-r-770-minus {
+  margin-right: -770px !important;
+}
+
+.m-r-780-minus {
+  margin-right: -780px !important;
+}
+
+.m-r-790-minus {
+  margin-right: -790px !important;
+}
+
+.m-r-800-minus {
+  margin-right: -800px !important;
+}
+
+.m-r-810-minus {
+  margin-right: -810px !important;
+}
+
+.m-r-820-minus {
+  margin-right: -820px !important;
+}
+
+.m-r-830-minus {
+  margin-right: -830px !important;
+}
+
+.m-r-840-minus {
+  margin-right: -840px !important;
+}
+
+.m-r-850-minus {
+  margin-right: -850px !important;
+}
+
+.m-r-860-minus {
+  margin-right: -860px !important;
+}
+
+.m-r-870-minus {
+  margin-right: -870px !important;
+}
+
+.m-r-880-minus {
+  margin-right: -880px !important;
+}
+
+.m-r-890-minus {
+  margin-right: -890px !important;
+}
+
+.m-r-900-minus {
+  margin-right: -900px !important;
+}
+
+.m-r-910-minus {
+  margin-right: -910px !important;
+}
+
+.m-r-920-minus {
+  margin-right: -920px !important;
+}
+
+.m-r-930-minus {
+  margin-right: -930px !important;
+}
+
+.m-r-940-minus {
+  margin-right: -940px !important;
+}
+
+.m-r-950-minus {
+  margin-right: -950px !important;
+}
+
+.m-r-960-minus {
+  margin-right: -960px !important;
+}
+
+.m-r-970-minus {
+  margin-right: -970px !important;
+}
+
+.m-r-980-minus {
+  margin-right: -980px !important;
+}
+
+.m-r-990-minus {
+  margin-right: -990px !important;
+}
+
+.m-r-1000-minus {
+  margin-right: -1000px !important;
+}
+
+.m-b-0-minus {
+  margin-bottom: 0px !important;
+}
+
+.m-b-10-minus {
+  margin-bottom: -10px !important;
+}
+
+.m-b-20-minus {
+  margin-bottom: -20px !important;
+}
+
+.m-b-30-minus {
+  margin-bottom: -30px !important;
+}
+
+.m-b-40-minus {
+  margin-bottom: -40px !important;
+}
+
+.m-b-50-minus {
+  margin-bottom: -50px !important;
+}
+
+.m-b-60-minus {
+  margin-bottom: -60px !important;
+}
+
+.m-b-70-minus {
+  margin-bottom: -70px !important;
+}
+
+.m-b-80-minus {
+  margin-bottom: -80px !important;
+}
+
+.m-b-90-minus {
+  margin-bottom: -90px !important;
+}
+
+.m-b-100-minus {
+  margin-bottom: -100px !important;
+}
+
+.m-b-110-minus {
+  margin-bottom: -110px !important;
+}
+
+.m-b-120-minus {
+  margin-bottom: -120px !important;
+}
+
+.m-b-130-minus {
+  margin-bottom: -130px !important;
+}
+
+.m-b-140-minus {
+  margin-bottom: -140px !important;
+}
+
+.m-b-150-minus {
+  margin-bottom: -150px !important;
+}
+
+.m-b-160-minus {
+  margin-bottom: -160px !important;
+}
+
+.m-b-170-minus {
+  margin-bottom: -170px !important;
+}
+
+.m-b-180-minus {
+  margin-bottom: -180px !important;
+}
+
+.m-b-190-minus {
+  margin-bottom: -190px !important;
+}
+
+.m-b-200-minus {
+  margin-bottom: -200px !important;
+}
+
+.m-b-210-minus {
+  margin-bottom: -210px !important;
+}
+
+.m-b-220-minus {
+  margin-bottom: -220px !important;
+}
+
+.m-b-230-minus {
+  margin-bottom: -230px !important;
+}
+
+.m-b-240-minus {
+  margin-bottom: -240px !important;
+}
+
+.m-b-250-minus {
+  margin-bottom: -250px !important;
+}
+
+.m-b-260-minus {
+  margin-bottom: -260px !important;
+}
+
+.m-b-270-minus {
+  margin-bottom: -270px !important;
+}
+
+.m-b-280-minus {
+  margin-bottom: -280px !important;
+}
+
+.m-b-290-minus {
+  margin-bottom: -290px !important;
+}
+
+.m-b-300-minus {
+  margin-bottom: -300px !important;
+}
+
+.m-b-310-minus {
+  margin-bottom: -310px !important;
+}
+
+.m-b-320-minus {
+  margin-bottom: -320px !important;
+}
+
+.m-b-330-minus {
+  margin-bottom: -330px !important;
+}
+
+.m-b-340-minus {
+  margin-bottom: -340px !important;
+}
+
+.m-b-350-minus {
+  margin-bottom: -350px !important;
+}
+
+.m-b-360-minus {
+  margin-bottom: -360px !important;
+}
+
+.m-b-370-minus {
+  margin-bottom: -370px !important;
+}
+
+.m-b-380-minus {
+  margin-bottom: -380px !important;
+}
+
+.m-b-390-minus {
+  margin-bottom: -390px !important;
+}
+
+.m-b-400-minus {
+  margin-bottom: -400px !important;
+}
+
+.m-b-410-minus {
+  margin-bottom: -410px !important;
+}
+
+.m-b-420-minus {
+  margin-bottom: -420px !important;
+}
+
+.m-b-430-minus {
+  margin-bottom: -430px !important;
+}
+
+.m-b-440-minus {
+  margin-bottom: -440px !important;
+}
+
+.m-b-450-minus {
+  margin-bottom: -450px !important;
+}
+
+.m-b-460-minus {
+  margin-bottom: -460px !important;
+}
+
+.m-b-470-minus {
+  margin-bottom: -470px !important;
+}
+
+.m-b-480-minus {
+  margin-bottom: -480px !important;
+}
+
+.m-b-490-minus {
+  margin-bottom: -490px !important;
+}
+
+.m-b-500-minus {
+  margin-bottom: -500px !important;
+}
+
+.m-b-510-minus {
+  margin-bottom: -510px !important;
+}
+
+.m-b-520-minus {
+  margin-bottom: -520px !important;
+}
+
+.m-b-530-minus {
+  margin-bottom: -530px !important;
+}
+
+.m-b-540-minus {
+  margin-bottom: -540px !important;
+}
+
+.m-b-550-minus {
+  margin-bottom: -550px !important;
+}
+
+.m-b-560-minus {
+  margin-bottom: -560px !important;
+}
+
+.m-b-570-minus {
+  margin-bottom: -570px !important;
+}
+
+.m-b-580-minus {
+  margin-bottom: -580px !important;
+}
+
+.m-b-590-minus {
+  margin-bottom: -590px !important;
+}
+
+.m-b-600-minus {
+  margin-bottom: -600px !important;
+}
+
+.m-b-610-minus {
+  margin-bottom: -610px !important;
+}
+
+.m-b-620-minus {
+  margin-bottom: -620px !important;
+}
+
+.m-b-630-minus {
+  margin-bottom: -630px !important;
+}
+
+.m-b-640-minus {
+  margin-bottom: -640px !important;
+}
+
+.m-b-650-minus {
+  margin-bottom: -650px !important;
+}
+
+.m-b-660-minus {
+  margin-bottom: -660px !important;
+}
+
+.m-b-670-minus {
+  margin-bottom: -670px !important;
+}
+
+.m-b-680-minus {
+  margin-bottom: -680px !important;
+}
+
+.m-b-690-minus {
+  margin-bottom: -690px !important;
+}
+
+.m-b-700-minus {
+  margin-bottom: -700px !important;
+}
+
+.m-b-710-minus {
+  margin-bottom: -710px !important;
+}
+
+.m-b-720-minus {
+  margin-bottom: -720px !important;
+}
+
+.m-b-730-minus {
+  margin-bottom: -730px !important;
+}
+
+.m-b-740-minus {
+  margin-bottom: -740px !important;
+}
+
+.m-b-750-minus {
+  margin-bottom: -750px !important;
+}
+
+.m-b-760-minus {
+  margin-bottom: -760px !important;
+}
+
+.m-b-770-minus {
+  margin-bottom: -770px !important;
+}
+
+.m-b-780-minus {
+  margin-bottom: -780px !important;
+}
+
+.m-b-790-minus {
+  margin-bottom: -790px !important;
+}
+
+.m-b-800-minus {
+  margin-bottom: -800px !important;
+}
+
+.m-b-810-minus {
+  margin-bottom: -810px !important;
+}
+
+.m-b-820-minus {
+  margin-bottom: -820px !important;
+}
+
+.m-b-830-minus {
+  margin-bottom: -830px !important;
+}
+
+.m-b-840-minus {
+  margin-bottom: -840px !important;
+}
+
+.m-b-850-minus {
+  margin-bottom: -850px !important;
+}
+
+.m-b-860-minus {
+  margin-bottom: -860px !important;
+}
+
+.m-b-870-minus {
+  margin-bottom: -870px !important;
+}
+
+.m-b-880-minus {
+  margin-bottom: -880px !important;
+}
+
+.m-b-890-minus {
+  margin-bottom: -890px !important;
+}
+
+.m-b-900-minus {
+  margin-bottom: -900px !important;
+}
+
+.m-b-910-minus {
+  margin-bottom: -910px !important;
+}
+
+.m-b-920-minus {
+  margin-bottom: -920px !important;
+}
+
+.m-b-930-minus {
+  margin-bottom: -930px !important;
+}
+
+.m-b-940-minus {
+  margin-bottom: -940px !important;
+}
+
+.m-b-950-minus {
+  margin-bottom: -950px !important;
+}
+
+.m-b-960-minus {
+  margin-bottom: -960px !important;
+}
+
+.m-b-970-minus {
+  margin-bottom: -970px !important;
+}
+
+.m-b-980-minus {
+  margin-bottom: -980px !important;
+}
+
+.m-b-990-minus {
+  margin-bottom: -990px !important;
+}
+
+.m-b-1000-minus {
+  margin-bottom: -1000px !important;
+}
+
+.m-l-0-minus {
+  margin-left: 0px !important;
+}
+
+.m-l-10-minus {
+  margin-left: -10px !important;
+}
+
+.m-l-20-minus {
+  margin-left: -20px !important;
+}
+
+.m-l-30-minus {
+  margin-left: -30px !important;
+}
+
+.m-l-40-minus {
+  margin-left: -40px !important;
+}
+
+.m-l-50-minus {
+  margin-left: -50px !important;
+}
+
+.m-l-60-minus {
+  margin-left: -60px !important;
+}
+
+.m-l-70-minus {
+  margin-left: -70px !important;
+}
+
+.m-l-80-minus {
+  margin-left: -80px !important;
+}
+
+.m-l-90-minus {
+  margin-left: -90px !important;
+}
+
+.m-l-100-minus {
+  margin-left: -100px !important;
+}
+
+.m-l-110-minus {
+  margin-left: -110px !important;
+}
+
+.m-l-120-minus {
+  margin-left: -120px !important;
+}
+
+.m-l-130-minus {
+  margin-left: -130px !important;
+}
+
+.m-l-140-minus {
+  margin-left: -140px !important;
+}
+
+.m-l-150-minus {
+  margin-left: -150px !important;
+}
+
+.m-l-160-minus {
+  margin-left: -160px !important;
+}
+
+.m-l-170-minus {
+  margin-left: -170px !important;
+}
+
+.m-l-180-minus {
+  margin-left: -180px !important;
+}
+
+.m-l-190-minus {
+  margin-left: -190px !important;
+}
+
+.m-l-200-minus {
+  margin-left: -200px !important;
+}
+
+.m-l-210-minus {
+  margin-left: -210px !important;
+}
+
+.m-l-220-minus {
+  margin-left: -220px !important;
+}
+
+.m-l-230-minus {
+  margin-left: -230px !important;
+}
+
+.m-l-240-minus {
+  margin-left: -240px !important;
+}
+
+.m-l-250-minus {
+  margin-left: -250px !important;
+}
+
+.m-l-260-minus {
+  margin-left: -260px !important;
+}
+
+.m-l-270-minus {
+  margin-left: -270px !important;
+}
+
+.m-l-280-minus {
+  margin-left: -280px !important;
+}
+
+.m-l-290-minus {
+  margin-left: -290px !important;
+}
+
+.m-l-300-minus {
+  margin-left: -300px !important;
+}
+
+.m-l-310-minus {
+  margin-left: -310px !important;
+}
+
+.m-l-320-minus {
+  margin-left: -320px !important;
+}
+
+.m-l-330-minus {
+  margin-left: -330px !important;
+}
+
+.m-l-340-minus {
+  margin-left: -340px !important;
+}
+
+.m-l-350-minus {
+  margin-left: -350px !important;
+}
+
+.m-l-360-minus {
+  margin-left: -360px !important;
+}
+
+.m-l-370-minus {
+  margin-left: -370px !important;
+}
+
+.m-l-380-minus {
+  margin-left: -380px !important;
+}
+
+.m-l-390-minus {
+  margin-left: -390px !important;
+}
+
+.m-l-400-minus {
+  margin-left: -400px !important;
+}
+
+.m-l-410-minus {
+  margin-left: -410px !important;
+}
+
+.m-l-420-minus {
+  margin-left: -420px !important;
+}
+
+.m-l-430-minus {
+  margin-left: -430px !important;
+}
+
+.m-l-440-minus {
+  margin-left: -440px !important;
+}
+
+.m-l-450-minus {
+  margin-left: -450px !important;
+}
+
+.m-l-460-minus {
+  margin-left: -460px !important;
+}
+
+.m-l-470-minus {
+  margin-left: -470px !important;
+}
+
+.m-l-480-minus {
+  margin-left: -480px !important;
+}
+
+.m-l-490-minus {
+  margin-left: -490px !important;
+}
+
+.m-l-500-minus {
+  margin-left: -500px !important;
+}
+
+.m-l-510-minus {
+  margin-left: -510px !important;
+}
+
+.m-l-520-minus {
+  margin-left: -520px !important;
+}
+
+.m-l-530-minus {
+  margin-left: -530px !important;
+}
+
+.m-l-540-minus {
+  margin-left: -540px !important;
+}
+
+.m-l-550-minus {
+  margin-left: -550px !important;
+}
+
+.m-l-560-minus {
+  margin-left: -560px !important;
+}
+
+.m-l-570-minus {
+  margin-left: -570px !important;
+}
+
+.m-l-580-minus {
+  margin-left: -580px !important;
+}
+
+.m-l-590-minus {
+  margin-left: -590px !important;
+}
+
+.m-l-600-minus {
+  margin-left: -600px !important;
+}
+
+.m-l-610-minus {
+  margin-left: -610px !important;
+}
+
+.m-l-620-minus {
+  margin-left: -620px !important;
+}
+
+.m-l-630-minus {
+  margin-left: -630px !important;
+}
+
+.m-l-640-minus {
+  margin-left: -640px !important;
+}
+
+.m-l-650-minus {
+  margin-left: -650px !important;
+}
+
+.m-l-660-minus {
+  margin-left: -660px !important;
+}
+
+.m-l-670-minus {
+  margin-left: -670px !important;
+}
+
+.m-l-680-minus {
+  margin-left: -680px !important;
+}
+
+.m-l-690-minus {
+  margin-left: -690px !important;
+}
+
+.m-l-700-minus {
+  margin-left: -700px !important;
+}
+
+.m-l-710-minus {
+  margin-left: -710px !important;
+}
+
+.m-l-720-minus {
+  margin-left: -720px !important;
+}
+
+.m-l-730-minus {
+  margin-left: -730px !important;
+}
+
+.m-l-740-minus {
+  margin-left: -740px !important;
+}
+
+.m-l-750-minus {
+  margin-left: -750px !important;
+}
+
+.m-l-760-minus {
+  margin-left: -760px !important;
+}
+
+.m-l-770-minus {
+  margin-left: -770px !important;
+}
+
+.m-l-780-minus {
+  margin-left: -780px !important;
+}
+
+.m-l-790-minus {
+  margin-left: -790px !important;
+}
+
+.m-l-800-minus {
+  margin-left: -800px !important;
+}
+
+.m-l-810-minus {
+  margin-left: -810px !important;
+}
+
+.m-l-820-minus {
+  margin-left: -820px !important;
+}
+
+.m-l-830-minus {
+  margin-left: -830px !important;
+}
+
+.m-l-840-minus {
+  margin-left: -840px !important;
+}
+
+.m-l-850-minus {
+  margin-left: -850px !important;
+}
+
+.m-l-860-minus {
+  margin-left: -860px !important;
+}
+
+.m-l-870-minus {
+  margin-left: -870px !important;
+}
+
+.m-l-880-minus {
+  margin-left: -880px !important;
+}
+
+.m-l-890-minus {
+  margin-left: -890px !important;
+}
+
+.m-l-900-minus {
+  margin-left: -900px !important;
+}
+
+.m-l-910-minus {
+  margin-left: -910px !important;
+}
+
+.m-l-920-minus {
+  margin-left: -920px !important;
+}
+
+.m-l-930-minus {
+  margin-left: -930px !important;
+}
+
+.m-l-940-minus {
+  margin-left: -940px !important;
+}
+
+.m-l-950-minus {
+  margin-left: -950px !important;
+}
+
+.m-l-960-minus {
+  margin-left: -960px !important;
+}
+
+.m-l-970-minus {
+  margin-left: -970px !important;
+}
+
+.m-l-980-minus {
+  margin-left: -980px !important;
+}
+
+.m-l-990-minus {
+  margin-left: -990px !important;
+}
+
+.m-l-1000-minus {
+  margin-left: -1000px !important;
+}
+
+.p-t-b-0 {
+  padding-top: 0px !important;
+  padding-bottom: 0px !important;
+}
+
+.p-t-b-5 {
+  padding-top: 5px !important;
+  padding-bottom: 5px !important;
+}
+
+.p-t-b-10 {
+  padding-top: 10px !important;
+  padding-bottom: 10px !important;
+}
+
+.p-t-b-15 {
+  padding-top: 15px !important;
+  padding-bottom: 15px !important;
+}
+
+.p-t-b-20 {
+  padding-top: 20px !important;
+  padding-bottom: 20px !important;
+}
+
+.p-t-b-25 {
+  padding-top: 25px !important;
+  padding-bottom: 25px !important;
+}
+
+.p-t-b-30 {
+  padding-top: 30px !important;
+  padding-bottom: 30px !important;
+}
+
+.p-t-b-35 {
+  padding-top: 35px !important;
+  padding-bottom: 35px !important;
+}
+
+.p-t-b-40 {
+  padding-top: 40px !important;
+  padding-bottom: 40px !important;
+}
+
+.p-t-b-45 {
+  padding-top: 45px !important;
+  padding-bottom: 45px !important;
+}
+
+.p-t-b-50 {
+  padding-top: 50px !important;
+  padding-bottom: 50px !important;
+}
+
+.p-l-r-0 {
+  padding-left: 0px !important;
+  padding-right: 0px !important;
+}
+
+.p-l-r-5 {
+  padding-left: 5px !important;
+  padding-right: 5px !important;
+}
+
+.p-l-r-10 {
+  padding-left: 10px !important;
+  padding-right: 10px !important;
+}
+
+.p-l-r-15 {
+  padding-left: 15px !important;
+  padding-right: 15px !important;
+}
+
+.p-l-r-20 {
+  padding-left: 20px !important;
+  padding-right: 20px !important;
+}
+
+.p-l-r-25 {
+  padding-left: 25px !important;
+  padding-right: 25px !important;
+}
+
+.p-l-r-30 {
+  padding-left: 30px !important;
+  padding-right: 30px !important;
+}
+
+.p-l-r-35 {
+  padding-left: 35px !important;
+  padding-right: 35px !important;
+}
+
+.p-l-r-40 {
+  padding-left: 40px !important;
+  padding-right: 40px !important;
+}
+
+.p-l-r-45 {
+  padding-left: 45px !important;
+  padding-right: 45px !important;
+}
+
+.p-l-r-50 {
+  padding-left: 50px !important;
+  padding-right: 50px !important;
+}
+
+.p-0 {
+  padding: 0px !important;
+}
+
+.p-5 {
+  padding: 5px !important;
+}
+
+.p-10 {
+  padding: 10px !important;
+}
+
+.p-15 {
+  padding: 15px !important;
+}
+
+.p-20 {
+  padding: 20px !important;
+}
+
+.p-25 {
+  padding: 25px !important;
+}
+
+.p-30 {
+  padding: 30px !important;
+}
+
+.p-35 {
+  padding: 35px !important;
+}
+
+.p-40 {
+  padding: 40px !important;
+}
+
+.p-45 {
+  padding: 45px !important;
+}
+
+.p-50 {
+  padding: 50px !important;
+}
+
+.p-t-0 {
+  padding-top: 0px !important;
+}
+
+.p-t-5 {
+  padding-top: 5px !important;
+}
+
+.p-t-10 {
+  padding-top: 10px !important;
+}
+
+.p-t-15 {
+  padding-top: 15px !important;
+}
+
+.p-t-20 {
+  padding-top: 20px !important;
+}
+
+.p-t-25 {
+  padding-top: 25px !important;
+}
+
+.p-t-30 {
+  padding-top: 30px !important;
+}
+
+.p-t-35 {
+  padding-top: 35px !important;
+}
+
+.p-t-40 {
+  padding-top: 40px !important;
+}
+
+.p-t-45 {
+  padding-top: 45px !important;
+}
+
+.p-t-50 {
+  padding-top: 50px !important;
+}
+
+.p-t-55 {
+  padding-top: 55px !important;
+}
+
+.p-t-60 {
+  padding-top: 60px !important;
+}
+
+.p-t-65 {
+  padding-top: 65px !important;
+}
+
+.p-t-70 {
+  padding-top: 70px !important;
+}
+
+.p-t-75 {
+  padding-top: 75px !important;
+}
+
+.p-t-80 {
+  padding-top: 80px !important;
+}
+
+.p-t-85 {
+  padding-top: 85px !important;
+}
+
+.p-t-90 {
+  padding-top: 90px !important;
+}
+
+.p-t-95 {
+  padding-top: 95px !important;
+}
+
+.p-t-100 {
+  padding-top: 100px !important;
+}
+
+.p-t-105 {
+  padding-top: 105px !important;
+}
+
+.p-t-110 {
+  padding-top: 110px !important;
+}
+
+.p-t-115 {
+  padding-top: 115px !important;
+}
+
+.p-t-120 {
+  padding-top: 120px !important;
+}
+
+.p-t-125 {
+  padding-top: 125px !important;
+}
+
+.p-t-130 {
+  padding-top: 130px !important;
+}
+
+.p-t-135 {
+  padding-top: 135px !important;
+}
+
+.p-t-140 {
+  padding-top: 140px !important;
+}
+
+.p-t-145 {
+  padding-top: 145px !important;
+}
+
+.p-t-150 {
+  padding-top: 150px !important;
+}
+
+.p-r-0 {
+  padding-right: 0px !important;
+}
+
+.p-r-5 {
+  padding-right: 5px !important;
+}
+
+.p-r-10 {
+  padding-right: 10px !important;
+}
+
+.p-r-15 {
+  padding-right: 15px !important;
+}
+
+.p-r-20 {
+  padding-right: 20px !important;
+}
+
+.p-r-25 {
+  padding-right: 25px !important;
+}
+
+.p-r-30 {
+  padding-right: 30px !important;
+}
+
+.p-r-35 {
+  padding-right: 35px !important;
+}
+
+.p-r-40 {
+  padding-right: 40px !important;
+}
+
+.p-r-45 {
+  padding-right: 45px !important;
+}
+
+.p-r-50 {
+  padding-right: 50px !important;
+}
+
+.p-r-55 {
+  padding-right: 55px !important;
+}
+
+.p-r-60 {
+  padding-right: 60px !important;
+}
+
+.p-r-65 {
+  padding-right: 65px !important;
+}
+
+.p-r-70 {
+  padding-right: 70px !important;
+}
+
+.p-r-75 {
+  padding-right: 75px !important;
+}
+
+.p-r-80 {
+  padding-right: 80px !important;
+}
+
+.p-r-85 {
+  padding-right: 85px !important;
+}
+
+.p-r-90 {
+  padding-right: 90px !important;
+}
+
+.p-r-95 {
+  padding-right: 95px !important;
+}
+
+.p-r-100 {
+  padding-right: 100px !important;
+}
+
+.p-r-105 {
+  padding-right: 105px !important;
+}
+
+.p-r-110 {
+  padding-right: 110px !important;
+}
+
+.p-r-115 {
+  padding-right: 115px !important;
+}
+
+.p-r-120 {
+  padding-right: 120px !important;
+}
+
+.p-r-125 {
+  padding-right: 125px !important;
+}
+
+.p-r-130 {
+  padding-right: 130px !important;
+}
+
+.p-r-135 {
+  padding-right: 135px !important;
+}
+
+.p-r-140 {
+  padding-right: 140px !important;
+}
+
+.p-r-145 {
+  padding-right: 145px !important;
+}
+
+.p-r-150 {
+  padding-right: 150px !important;
+}
+
+.p-b-0 {
+  padding-bottom: 0px !important;
+}
+
+.p-b-5 {
+  padding-bottom: 5px !important;
+}
+
+.p-b-10 {
+  padding-bottom: 10px !important;
+}
+
+.p-b-15 {
+  padding-bottom: 15px !important;
+}
+
+.p-b-20 {
+  padding-bottom: 20px !important;
+}
+
+.p-b-25 {
+  padding-bottom: 25px !important;
+}
+
+.p-b-30 {
+  padding-bottom: 30px !important;
+}
+
+.p-b-35 {
+  padding-bottom: 35px !important;
+}
+
+.p-b-40 {
+  padding-bottom: 40px !important;
+}
+
+.p-b-45 {
+  padding-bottom: 45px !important;
+}
+
+.p-b-50 {
+  padding-bottom: 50px !important;
+}
+
+.p-b-55 {
+  padding-bottom: 55px !important;
+}
+
+.p-b-60 {
+  padding-bottom: 60px !important;
+}
+
+.p-b-65 {
+  padding-bottom: 65px !important;
+}
+
+.p-b-70 {
+  padding-bottom: 70px !important;
+}
+
+.p-b-75 {
+  padding-bottom: 75px !important;
+}
+
+.p-b-80 {
+  padding-bottom: 80px !important;
+}
+
+.p-b-85 {
+  padding-bottom: 85px !important;
+}
+
+.p-b-90 {
+  padding-bottom: 90px !important;
+}
+
+.p-b-95 {
+  padding-bottom: 95px !important;
+}
+
+.p-b-100 {
+  padding-bottom: 100px !important;
+}
+
+.p-b-105 {
+  padding-bottom: 105px !important;
+}
+
+.p-b-110 {
+  padding-bottom: 110px !important;
+}
+
+.p-b-115 {
+  padding-bottom: 115px !important;
+}
+
+.p-b-120 {
+  padding-bottom: 120px !important;
+}
+
+.p-b-125 {
+  padding-bottom: 125px !important;
+}
+
+.p-b-130 {
+  padding-bottom: 130px !important;
+}
+
+.p-b-135 {
+  padding-bottom: 135px !important;
+}
+
+.p-b-140 {
+  padding-bottom: 140px !important;
+}
+
+.p-b-145 {
+  padding-bottom: 145px !important;
+}
+
+.p-b-150 {
+  padding-bottom: 150px !important;
+}
+
+.p-l-0 {
+  padding-left: 0px !important;
+}
+
+.p-l-5 {
+  padding-left: 5px !important;
+}
+
+.p-l-10 {
+  padding-left: 10px !important;
+}
+
+.p-l-15 {
+  padding-left: 15px !important;
+}
+
+.p-l-20 {
+  padding-left: 20px !important;
+}
+
+.p-l-25 {
+  padding-left: 25px !important;
+}
+
+.p-l-30 {
+  padding-left: 30px !important;
+}
+
+.p-l-35 {
+  padding-left: 35px !important;
+}
+
+.p-l-40 {
+  padding-left: 40px !important;
+}
+
+.p-l-45 {
+  padding-left: 45px !important;
+}
+
+.p-l-50 {
+  padding-left: 50px !important;
+}
+
+.p-l-55 {
+  padding-left: 55px !important;
+}
+
+.p-l-60 {
+  padding-left: 60px !important;
+}
+
+.p-l-65 {
+  padding-left: 65px !important;
+}
+
+.p-l-70 {
+  padding-left: 70px !important;
+}
+
+.p-l-75 {
+  padding-left: 75px !important;
+}
+
+.p-l-80 {
+  padding-left: 80px !important;
+}
+
+.p-l-85 {
+  padding-left: 85px !important;
+}
+
+.p-l-90 {
+  padding-left: 90px !important;
+}
+
+.p-l-95 {
+  padding-left: 95px !important;
+}
+
+.p-l-100 {
+  padding-left: 100px !important;
+}
+
+.p-l-105 {
+  padding-left: 105px !important;
+}
+
+.p-l-110 {
+  padding-left: 110px !important;
+}
+
+.p-l-115 {
+  padding-left: 115px !important;
+}
+
+.p-l-120 {
+  padding-left: 120px !important;
+}
+
+.p-l-125 {
+  padding-left: 125px !important;
+}
+
+.p-l-130 {
+  padding-left: 130px !important;
+}
+
+.p-l-135 {
+  padding-left: 135px !important;
+}
+
+.p-l-140 {
+  padding-left: 140px !important;
+}
+
+.p-l-145 {
+  padding-left: 145px !important;
+}
+
+.p-l-150 {
+  padding-left: 150px !important;
+}
+
+.opacity-0 {
+  opacity: 0 !important;
+}
+
+.opacity-1 {
+  opacity: 0.1 !important;
+}
+
+.opacity-2 {
+  opacity: 0.2 !important;
+}
+
+.opacity-3 {
+  opacity: 0.3 !important;
+}
+
+.opacity-4 {
+  opacity: 0.4 !important;
+}
+
+.opacity-5 {
+  opacity: 0.5 !important;
+}
+
+.opacity-6 {
+  opacity: 0.6 !important;
+}
+
+.opacity-7 {
+  opacity: 0.7 !important;
+}
+
+.opacity-8 {
+  opacity: 0.8 !important;
+}
+
+.opacity-9 {
+  opacity: 0.9 !important;
+}
+
+.font-size-10 {
+  font-size: 10px !important;
+}
+
+.font-size-11 {
+  font-size: 11px !important;
+}
+
+.font-size-12 {
+  font-size: 12px !important;
+}
+
+.font-size-13 {
+  font-size: 13px !important;
+}
+
+.font-size-14 {
+  font-size: 14px !important;
+}
+
+.font-size-15 {
+  font-size: 15px !important;
+}
+
+.font-size-16 {
+  font-size: 16px !important;
+}
+
+.font-size-17 {
+  font-size: 17px !important;
+}
+
+.font-size-18 {
+  font-size: 18px !important;
+}
+
+.font-size-19 {
+  font-size: 19px !important;
+}
+
+.font-size-20 {
+  font-size: 20px !important;
+}
+
+.font-size-21 {
+  font-size: 21px !important;
+}
+
+.font-size-22 {
+  font-size: 22px !important;
+}
+
+.font-size-23 {
+  font-size: 23px !important;
+}
+
+.font-size-24 {
+  font-size: 24px !important;
+}
+
+.font-size-25 {
+  font-size: 25px !important;
+}
+
+.font-size-26 {
+  font-size: 26px !important;
+}
+
+.font-size-27 {
+  font-size: 27px !important;
+}
+
+.font-size-28 {
+  font-size: 28px !important;
+}
+
+.font-size-29 {
+  font-size: 29px !important;
+}
+
+.font-size-30 {
+  font-size: 30px !important;
+}
+
+.font-size-31 {
+  font-size: 31px !important;
+}
+
+.font-size-32 {
+  font-size: 32px !important;
+}
+
+.font-size-33 {
+  font-size: 33px !important;
+}
+
+.font-size-34 {
+  font-size: 34px !important;
+}
+
+.font-size-35 {
+  font-size: 35px !important;
+}
+
+.font-size-36 {
+  font-size: 36px !important;
+}
+
+.font-size-37 {
+  font-size: 37px !important;
+}
+
+.font-size-38 {
+  font-size: 38px !important;
+}
+
+.font-size-39 {
+  font-size: 39px !important;
+}
+
+.font-size-40 {
+  font-size: 40px !important;
+}
+
+.font-size-41 {
+  font-size: 41px !important;
+}
+
+.font-size-42 {
+  font-size: 42px !important;
+}
+
+.font-size-43 {
+  font-size: 43px !important;
+}
+
+.font-size-44 {
+  font-size: 44px !important;
+}
+
+.font-size-45 {
+  font-size: 45px !important;
+}
+
+.font-size-46 {
+  font-size: 46px !important;
+}
+
+.font-size-47 {
+  font-size: 47px !important;
+}
+
+.font-size-48 {
+  font-size: 48px !important;
+}
+
+.font-size-49 {
+  font-size: 49px !important;
+}
+
+.font-size-50 {
+  font-size: 50px !important;
+}
+
+.line-height-0 {
+  line-height: 0px !important;
+}
+
+.line-height-1 {
+  line-height: 1px !important;
+}
+
+.line-height-2 {
+  line-height: 2px !important;
+}
+
+.line-height-3 {
+  line-height: 3px !important;
+}
+
+.line-height-4 {
+  line-height: 4px !important;
+}
+
+.line-height-5 {
+  line-height: 5px !important;
+}
+
+.line-height-6 {
+  line-height: 6px !important;
+}
+
+.line-height-7 {
+  line-height: 7px !important;
+}
+
+.line-height-8 {
+  line-height: 8px !important;
+}
+
+.line-height-9 {
+  line-height: 9px !important;
+}
+
+.line-height-10 {
+  line-height: 10px !important;
+}
+
+.line-height-11 {
+  line-height: 11px !important;
+}
+
+.line-height-12 {
+  line-height: 12px !important;
+}
+
+.line-height-13 {
+  line-height: 13px !important;
+}
+
+.line-height-14 {
+  line-height: 14px !important;
+}
+
+.line-height-15 {
+  line-height: 15px !important;
+}
+
+.line-height-16 {
+  line-height: 16px !important;
+}
+
+.line-height-17 {
+  line-height: 17px !important;
+}
+
+.line-height-18 {
+  line-height: 18px !important;
+}
+
+.line-height-19 {
+  line-height: 19px !important;
+}
+
+.line-height-20 {
+  line-height: 20px !important;
+}
+
+.line-height-21 {
+  line-height: 21px !important;
+}
+
+.line-height-22 {
+  line-height: 22px !important;
+}
+
+.line-height-23 {
+  line-height: 23px !important;
+}
+
+.line-height-24 {
+  line-height: 24px !important;
+}
+
+.line-height-25 {
+  line-height: 25px !important;
+}
+
+.line-height-26 {
+  line-height: 26px !important;
+}
+
+.line-height-27 {
+  line-height: 27px !important;
+}
+
+.line-height-28 {
+  line-height: 28px !important;
+}
+
+.line-height-29 {
+  line-height: 29px !important;
+}
+
+.line-height-30 {
+  line-height: 30px !important;
+}
+
+.line-height-31 {
+  line-height: 31px !important;
+}
+
+.line-height-32 {
+  line-height: 32px !important;
+}
+
+.line-height-33 {
+  line-height: 33px !important;
+}
+
+.line-height-34 {
+  line-height: 34px !important;
+}
+
+.line-height-35 {
+  line-height: 35px !important;
+}
+
+.line-height-36 {
+  line-height: 36px !important;
+}
+
+.line-height-37 {
+  line-height: 37px !important;
+}
+
+.line-height-38 {
+  line-height: 38px !important;
+}
+
+.line-height-39 {
+  line-height: 39px !important;
+}
+
+.line-height-40 {
+  line-height: 40px !important;
+}
+
+.line-height-41 {
+  line-height: 41px !important;
+}
+
+.line-height-42 {
+  line-height: 42px !important;
+}
+
+.line-height-43 {
+  line-height: 43px !important;
+}
+
+.line-height-44 {
+  line-height: 44px !important;
+}
+
+.line-height-45 {
+  line-height: 45px !important;
+}
+
+.line-height-46 {
+  line-height: 46px !important;
+}
+
+.line-height-47 {
+  line-height: 47px !important;
+}
+
+.line-height-48 {
+  line-height: 48px !important;
+}
+
+.line-height-49 {
+  line-height: 49px !important;
+}
+
+.line-height-50 {
+  line-height: 50px !important;
+}
+
+.width-10 {
+  width: 10px !important;
+}
+
+.width-11 {
+  width: 11px !important;
+}
+
+.width-12 {
+  width: 12px !important;
+}
+
+.width-13 {
+  width: 13px !important;
+}
+
+.width-14 {
+  width: 14px !important;
+}
+
+.width-15 {
+  width: 15px !important;
+}
+
+.width-16 {
+  width: 16px !important;
+}
+
+.width-17 {
+  width: 17px !important;
+}
+
+.width-18 {
+  width: 18px !important;
+}
+
+.width-19 {
+  width: 19px !important;
+}
+
+.width-20 {
+  width: 20px !important;
+}
+
+.width-21 {
+  width: 21px !important;
+}
+
+.width-22 {
+  width: 22px !important;
+}
+
+.width-23 {
+  width: 23px !important;
+}
+
+.width-24 {
+  width: 24px !important;
+}
+
+.width-25 {
+  width: 25px !important;
+}
+
+.width-26 {
+  width: 26px !important;
+}
+
+.width-27 {
+  width: 27px !important;
+}
+
+.width-28 {
+  width: 28px !important;
+}
+
+.width-29 {
+  width: 29px !important;
+}
+
+.width-30 {
+  width: 30px !important;
+}
+
+.width-31 {
+  width: 31px !important;
+}
+
+.width-32 {
+  width: 32px !important;
+}
+
+.width-33 {
+  width: 33px !important;
+}
+
+.width-34 {
+  width: 34px !important;
+}
+
+.width-35 {
+  width: 35px !important;
+}
+
+.width-36 {
+  width: 36px !important;
+}
+
+.width-37 {
+  width: 37px !important;
+}
+
+.width-38 {
+  width: 38px !important;
+}
+
+.width-39 {
+  width: 39px !important;
+}
+
+.width-40 {
+  width: 40px !important;
+}
+
+.width-41 {
+  width: 41px !important;
+}
+
+.width-42 {
+  width: 42px !important;
+}
+
+.width-43 {
+  width: 43px !important;
+}
+
+.width-44 {
+  width: 44px !important;
+}
+
+.width-45 {
+  width: 45px !important;
+}
+
+.width-46 {
+  width: 46px !important;
+}
+
+.width-47 {
+  width: 47px !important;
+}
+
+.width-48 {
+  width: 48px !important;
+}
+
+.width-49 {
+  width: 49px !important;
+}
+
+.width-50 {
+  width: 50px !important;
+}
+
+.height-10 {
+  height: 10px !important;
+}
+
+.height-11 {
+  height: 11px !important;
+}
+
+.height-12 {
+  height: 12px !important;
+}
+
+.height-13 {
+  height: 13px !important;
+}
+
+.height-14 {
+  height: 14px !important;
+}
+
+.height-15 {
+  height: 15px !important;
+}
+
+.height-16 {
+  height: 16px !important;
+}
+
+.height-17 {
+  height: 17px !important;
+}
+
+.height-18 {
+  height: 18px !important;
+}
+
+.height-19 {
+  height: 19px !important;
+}
+
+.height-20 {
+  height: 20px !important;
+}
+
+.height-21 {
+  height: 21px !important;
+}
+
+.height-22 {
+  height: 22px !important;
+}
+
+.height-23 {
+  height: 23px !important;
+}
+
+.height-24 {
+  height: 24px !important;
+}
+
+.height-25 {
+  height: 25px !important;
+}
+
+.height-26 {
+  height: 26px !important;
+}
+
+.height-27 {
+  height: 27px !important;
+}
+
+.height-28 {
+  height: 28px !important;
+}
+
+.height-29 {
+  height: 29px !important;
+}
+
+.height-30 {
+  height: 30px !important;
+}
+
+.height-31 {
+  height: 31px !important;
+}
+
+.height-32 {
+  height: 32px !important;
+}
+
+.height-33 {
+  height: 33px !important;
+}
+
+.height-34 {
+  height: 34px !important;
+}
+
+.height-35 {
+  height: 35px !important;
+}
+
+.height-36 {
+  height: 36px !important;
+}
+
+.height-37 {
+  height: 37px !important;
+}
+
+.height-38 {
+  height: 38px !important;
+}
+
+.height-39 {
+  height: 39px !important;
+}
+
+.height-40 {
+  height: 40px !important;
+}
+
+.height-41 {
+  height: 41px !important;
+}
+
+.height-42 {
+  height: 42px !important;
+}
+
+.height-43 {
+  height: 43px !important;
+}
+
+.height-44 {
+  height: 44px !important;
+}
+
+.height-45 {
+  height: 45px !important;
+}
+
+.height-46 {
+  height: 46px !important;
+}
+
+.height-47 {
+  height: 47px !important;
+}
+
+.height-48 {
+  height: 48px !important;
+}
+
+.height-49 {
+  height: 49px !important;
+}
+
+.height-50 {
+  height: 50px !important;
+}
+
+.h-100-vh {
+  height: 100vh;
+}
+
+body {
+  font-family: "Inter", sans-serif;
+  position: relative;
+  background-color: #f8fafb;
+  font-size: 15px;
+  color: #505050;
+}
+
+body.no-scroll {
+  overflow: hidden;
+}
+
+* {
+  min-width: 0;
+  min-height: 0;
+}
+
+.preloader {
+  position: fixed;
+  right: 0;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  z-index: 1001;
+  background: white;
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+          justify-content: center;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+          flex-direction: column;
+  /* Safari */
+}
+
+.preloader .preloader-icon {
+  border: 5px solid #eeeeee;
+  border-radius: 50%;
+  border-top: 5px solid #3498db;
+  width: 50px;
+  height: 50px;
+  -webkit-animation: spin 0.5s linear infinite;
+          animation: spin 0.5s linear infinite;
+}
+
+@-webkit-keyframes spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+  }
+
+  100% {
+    -webkit-transform: rotate(360deg);
+  }
+}
+
+@keyframes spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+
+  100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
+
+.preloader svg path {
+  fill: #0081ff;
+}
+
+.icon-block {
+  width: 40px;
+  height: 40px;
+  line-height: 40px;
+  display: -webkit-inline-box;
+  display: inline-flex;
+  -webkit-box-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+          align-items: center;
+  background: #e1e1e1;
+  border-radius: 3px;
+  text-align: center;
+  color: black;
+  font-size: 18px;
+}
+
+.icon-block.icon-block-outline-white {
+  border: 2px solid white;
+  background: none;
+  color: white !important;
+}
+
+.icon-block.icon-block-outline-primary {
+  border: 2px solid #0081ff;
+  color: #0081ff !important;
+  background: none;
+}
+
+.icon-block.icon-block-outline-success {
+  border: 2px solid #28c76f;
+  color: #28c76f !important;
+  background: none;
+}
+
+.icon-block.icon-block-outline-danger {
+  border: 2px solid #ea5455;
+  color: #ea5455 !important;
+  background: none;
+}
+
+.icon-block.icon-block-outline-info {
+  border: 2px solid #33b5e5;
+  color: #33b5e5 !important;
+  background: none;
+}
+
+.icon-block.icon-block-outline-warning {
+  border: 2px solid #ff9f43;
+  color: #ff9f43 !important;
+  background: none;
+}
+
+.icon-block.icon-block-outline-dark {
+  border: 2px solid #293134;
+  color: #293134 !important;
+  background: none;
+}
+
+.icon-block.icon-block-outline-secondary {
+  border: 2px solid #aa66cc;
+  color: #aa66cc !important;
+  background: none;
+}
+
+.icon-block.icon-block-outline-facebook {
+  border: 2px solid #3b5998;
+  color: #3b5998 !important;
+  background: none;
+}
+
+.icon-block.icon-block-outline-twitter {
+  border: 2px solid #55acee;
+  color: #55acee !important;
+  background: none;
+}
+
+.icon-block.icon-block-outline-linkedin {
+  border: 2px solid #0077b5;
+  color: #0077b5 !important;
+  background: none;
+}
+
+.icon-block.icon-block-outline-whatsapp {
+  border: 2px solid #43d854;
+  color: #43d854 !important;
+  background: none;
+}
+
+.icon-block.icon-block-outline-instagram {
+  border: 2px solid #3f729b;
+  color: #3f729b !important;
+  background: none;
+}
+
+.icon-block.icon-block-outline-dribbble {
+  border: 2px solid #ea4c89;
+  color: #ea4c89 !important;
+  background: none;
+}
+
+.icon-block.icon-block-outline-google {
+  border: 2px solid #db4437;
+  color: #db4437 !important;
+  background: none;
+}
+
+.icon-block.icon-block-outline-youtube {
+  border: 2px solid #cd201f;
+  color: #cd201f !important;
+  background: none;
+}
+
+.icon-block.icon-block-xl {
+  width: 70px;
+  height: 70px;
+  line-height: 70px;
+  font-size: 28px;
+}
+
+.icon-block.icon-block-lg {
+  width: 50px;
+  height: 50px;
+  line-height: 50px;
+  font-size: 22px;
+}
+
+.icon-block.icon-block-sm {
+  width: 30px;
+  height: 30px;
+  line-height: 30px;
+  font-size: 14px;
+}
+
+.icon-block.icon-block-xs {
+  width: 20px;
+  height: 20px;
+  line-height: 20px;
+  font-size: 12px;
+}
+
+.icon-block.icon-block-floating {
+  border-radius: 50%;
+}
+
+body.error-page img {
+  width: 50%;
+  display: table;
+  margin: 50px auto;
+}
+
+body.error-page .display-1 {
+  font-size: 10em;
+}
+
+.error-page {
+  text-align: center;
+  height: calc(100vh - 120px);
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+          justify-content: center;
+}
+
+.error-page .error-page-item {
+  font-size: 14rem;
+  line-height: 14rem;
+  margin-left: -2rem;
+  text-shadow: -5px 1px 0px white;
+}
+
+.error-page .error-page-item:nth-child(2) {
+  -webkit-transform: translate(0, 10px);
+          transform: translate(0, 10px);
+  display: inline-block;
+}
+
+.form-control,
+.swal-modal input.swal-content__input,
+.custom-select {
+  font-size: 0.875rem;
+  border-color: #e1e1e1;
+  border-radius: 0.5rem;
+}
+
+.form-control:focus,
+.swal-modal input.swal-content__input:focus,
+.custom-select:focus {
+  box-shadow: none;
+  border-color: rgba(0, 129, 255, 0.8);
+}
+
+.form-control:not(.form-control-lg):not(.form-control-sm),
+.swal-modal input.swal-content__input:not(.form-control-lg):not(.form-control-sm) {
+  height: calc(1.5em + .75rem + 3px);
+}
+
+.form-rounded {
+  border-radius: 50px;
+}
+
+.form-control-lg {
+  font-size: 1.1rem;
+}
+
+.form-control-sm {
+  font-size: 0.8rem;
+}
+
+.input-group-text {
+  border: none;
+}
+
+textarea {
+  min-height: 100px;
+  max-height: 500px;
+}
+
+.custom-file-input:focus ~ .custom-file-label {
+  border-color: #339aff;
+  box-shadow: none;
+}
+
+.custom-control-input {
+  right: 0;
+}
+
+.custom-control-label {
+  line-height: 25px;
+}
+
+/* Checkboxes and Radios */
+
+.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
+.custom-radio .custom-control-input:checked ~ .custom-control-label::before,
+.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
+  border-color: #0081ff;
+  background-color: #0081ff;
+}
+
+.custom-checkbox .custom-control-input:focus ~ .custom-control-label::before,
+.custom-radio .custom-control-input:focus ~ .custom-control-label::before,
+.custom-switch .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.3);
+}
+
+.custom-checkbox .custom-control-input:not(:disabled):active ~ .custom-control-label::before,
+.custom-radio .custom-control-input:not(:disabled):active ~ .custom-control-label::before,
+.custom-switch .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  border-color: #5caeff;
+  background-color: #5caeff;
+}
+
+.custom-checkbox.custom-checkbox-secondary .custom-control-input:checked ~ .custom-control-label::before,
+.custom-radio.custom-checkbox-secondary .custom-control-input:checked ~ .custom-control-label::before,
+.custom-switch.custom-checkbox-secondary .custom-control-input:checked ~ .custom-control-label::before {
+  border-color: #aa66cc;
+  background-color: #aa66cc;
+}
+
+.custom-checkbox.custom-checkbox-secondary .custom-control-input:not(:disabled):active ~ .custom-control-label::before,
+.custom-radio.custom-checkbox-secondary .custom-control-input:not(:disabled):active ~ .custom-control-label::before,
+.custom-switch.custom-checkbox-secondary .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  border-color: #d0abe3;
+  background-color: #d0abe3;
+}
+
+.custom-checkbox.custom-checkbox-secondary .custom-control-input:focus ~ .custom-control-label::before,
+.custom-radio.custom-checkbox-secondary .custom-control-input:focus ~ .custom-control-label::before,
+.custom-switch.custom-checkbox-secondary .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem rgba(170, 102, 204, 0.3);
+}
+
+.custom-checkbox.custom-checkbox-success .custom-control-input:checked ~ .custom-control-label::before,
+.custom-radio.custom-checkbox-success .custom-control-input:checked ~ .custom-control-label::before,
+.custom-switch.custom-checkbox-success .custom-control-input:checked ~ .custom-control-label::before {
+  border-color: #28c76f;
+  background-color: #28c76f;
+}
+
+.custom-checkbox.custom-checkbox-success .custom-control-input:not(:disabled):active ~ .custom-control-label::before,
+.custom-radio.custom-checkbox-success .custom-control-input:not(:disabled):active ~ .custom-control-label::before,
+.custom-switch.custom-checkbox-success .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  border-color: #6ae19f;
+  background-color: #6ae19f;
+}
+
+.custom-checkbox.custom-checkbox-success .custom-control-input:focus ~ .custom-control-label::before,
+.custom-radio.custom-checkbox-success .custom-control-input:focus ~ .custom-control-label::before,
+.custom-switch.custom-checkbox-success .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.3);
+}
+
+.custom-checkbox.custom-checkbox-danger .custom-control-input:checked ~ .custom-control-label::before,
+.custom-radio.custom-checkbox-danger .custom-control-input:checked ~ .custom-control-label::before,
+.custom-switch.custom-checkbox-danger .custom-control-input:checked ~ .custom-control-label::before {
+  border-color: #ea5455;
+  background-color: #ea5455;
+}
+
+.custom-checkbox.custom-checkbox-danger .custom-control-input:not(:disabled):active ~ .custom-control-label::before,
+.custom-radio.custom-checkbox-danger .custom-control-input:not(:disabled):active ~ .custom-control-label::before,
+.custom-switch.custom-checkbox-danger .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  border-color: #f4a6a6;
+  background-color: #f4a6a6;
+}
+
+.custom-checkbox.custom-checkbox-danger .custom-control-input:focus ~ .custom-control-label::before,
+.custom-radio.custom-checkbox-danger .custom-control-input:focus ~ .custom-control-label::before,
+.custom-switch.custom-checkbox-danger .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem rgba(234, 84, 85, 0.3);
+}
+
+.custom-checkbox.custom-checkbox-warning .custom-control-input:checked ~ .custom-control-label::before,
+.custom-radio.custom-checkbox-warning .custom-control-input:checked ~ .custom-control-label::before,
+.custom-switch.custom-checkbox-warning .custom-control-input:checked ~ .custom-control-label::before {
+  border-color: #ff9f43;
+  background-color: #ff9f43;
+}
+
+.custom-checkbox.custom-checkbox-warning .custom-control-input:not(:disabled):active ~ .custom-control-label::before,
+.custom-radio.custom-checkbox-warning .custom-control-input:not(:disabled):active ~ .custom-control-label::before,
+.custom-switch.custom-checkbox-warning .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  border-color: #ffce9f;
+  background-color: #ffce9f;
+}
+
+.custom-checkbox.custom-checkbox-warning .custom-control-input:focus ~ .custom-control-label::before,
+.custom-radio.custom-checkbox-warning .custom-control-input:focus ~ .custom-control-label::before,
+.custom-switch.custom-checkbox-warning .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem rgba(255, 159, 67, 0.3);
+}
+
+.custom-checkbox.custom-checkbox-info .custom-control-input:checked ~ .custom-control-label::before,
+.custom-radio.custom-checkbox-info .custom-control-input:checked ~ .custom-control-label::before,
+.custom-switch.custom-checkbox-info .custom-control-input:checked ~ .custom-control-label::before {
+  border-color: #33b5e5;
+  background-color: #33b5e5;
+}
+
+.custom-checkbox.custom-checkbox-info .custom-control-input:not(:disabled):active ~ .custom-control-label::before,
+.custom-radio.custom-checkbox-info .custom-control-input:not(:disabled):active ~ .custom-control-label::before,
+.custom-switch.custom-checkbox-info .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  border-color: #84d3ef;
+  background-color: #84d3ef;
+}
+
+.custom-checkbox.custom-checkbox-info .custom-control-input:focus ~ .custom-control-label::before,
+.custom-radio.custom-checkbox-info .custom-control-input:focus ~ .custom-control-label::before,
+.custom-switch.custom-checkbox-info .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem rgba(51, 181, 229, 0.3);
+}
+
+.custom-checkbox.custom-checkbox-dark .custom-control-input:checked ~ .custom-control-label::before,
+.custom-radio.custom-checkbox-dark .custom-control-input:checked ~ .custom-control-label::before,
+.custom-switch.custom-checkbox-dark .custom-control-input:checked ~ .custom-control-label::before {
+  border-color: #293134;
+  background-color: #293134;
+}
+
+.custom-checkbox.custom-checkbox-dark .custom-control-input:not(:disabled):active ~ .custom-control-label::before,
+.custom-radio.custom-checkbox-dark .custom-control-input:not(:disabled):active ~ .custom-control-label::before,
+.custom-switch.custom-checkbox-dark .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  border-color: #516167;
+  background-color: #516167;
+}
+
+.custom-checkbox.custom-checkbox-dark .custom-control-input:focus ~ .custom-control-label::before,
+.custom-radio.custom-checkbox-dark .custom-control-input:focus ~ .custom-control-label::before,
+.custom-switch.custom-checkbox-dark .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem rgba(41, 49, 52, 0.3);
+}
+
+.custom-checkbox.custom-range-danger::before {
+  background-color: #ea5455;
+}
+
+.custom-checkbox.custom-range-danger::-webkit-slider-thumb:active {
+  background-color: #f4a6a6;
+}
+
+.custom-range::-webkit-slider-thumb {
+  background-color: #0081ff;
+}
+
+.custom-range::-webkit-slider-thumb:active {
+  background-color: #5caeff;
+}
+
+.custom-range.custom-range-danger::-webkit-slider-thumb {
+  background-color: #ea5455;
+}
+
+.custom-range.custom-range-danger::-webkit-slider-thumb:active {
+  background-color: #f4a6a6;
+}
+
+.custom-range.custom-range-warning::-webkit-slider-thumb {
+  background-color: #ff9f43;
+}
+
+.custom-range.custom-range-warning::-webkit-slider-thumb:active {
+  background-color: #ffce9f;
+}
+
+.custom-range.custom-range-success::-webkit-slider-thumb {
+  background-color: #28c76f;
+}
+
+.custom-range.custom-range-success::-webkit-slider-thumb:active {
+  background-color: #6ae19f;
+}
+
+.custom-range.custom-range-secondary::-webkit-slider-thumb {
+  background-color: #aa66cc;
+}
+
+.custom-range.custom-range-secondary::-webkit-slider-thumb:active {
+  background-color: #d0abe3;
+}
+
+.custom-range.custom-range-info::-webkit-slider-thumb {
+  background-color: #33b5e5;
+}
+
+.custom-range.custom-range-info::-webkit-slider-thumb:active {
+  background-color: #84d3ef;
+}
+
+.custom-range.custom-range-light::-webkit-slider-thumb {
+  background-color: #afb8bd;
+}
+
+.custom-range.custom-range-light::-webkit-slider-thumb:active {
+  background-color: #e1e5e6;
+}
+
+.custom-range.custom-range-dark::-webkit-slider-thumb {
+  background-color: #293134;
+}
+
+.custom-range.custom-range-dark::-webkit-slider-thumb:active {
+  background-color: #516167;
+}
+
+.wizard > .content {
+  min-height: auto;
+  margin: 0;
+  margin-bottom: 15px;
+  background: none;
+  padding: 0 !important;
+}
+
+.wizard .wizard-index {
+  background-color: rgba(0, 0, 0, 0.4);
+  height: 30px;
+  width: 30px;
+  border-radius: 50%;
+  display: -webkit-inline-box;
+  display: inline-flex;
+  -webkit-box-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+          align-items: center;
+  color: #fff;
+  margin-right: 0.5rem;
+}
+
+.wizard .current .wizard-index {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.wizard > .actions > ul > li {
+  margin: 0;
+  margin-left: 10px;
+}
+
+.wizard > .content > .body {
+  float: none;
+  position: static;
+  width: auto;
+  height: auto;
+}
+
+.wizard > .steps {
+  margin-bottom: 1.5rem;
+}
+
+.wizard > .steps a,
+.wizard > .steps .header form .input-group .input-group-append button.btn,
+.header form .input-group .input-group-append .wizard > .steps button.btn,
+.wizard > .steps a:hover,
+.wizard > .steps a:active {
+  margin: 0;
+  margin-right: 10px;
+}
+
+.wizard > .steps .current a,
+.wizard > .steps .current .header form .input-group .input-group-append button.btn,
+.header form .input-group .input-group-append .wizard > .steps .current button.btn,
+.wizard > .steps .current a:hover,
+.wizard > .steps .current a:active {
+  background: #0081ff;
+}
+
+.wizard > .steps .error a,
+.wizard > .steps .error .header form .input-group .input-group-append button.btn,
+.header form .input-group .input-group-append .wizard > .steps .error button.btn,
+.wizard > .steps .error a:hover,
+.wizard > .steps .error a:active {
+  background: #ea5455;
+}
+
+.wizard > .steps .done a,
+.wizard > .steps .done .header form .input-group .input-group-append button.btn,
+.header form .input-group .input-group-append .wizard > .steps .done button.btn,
+.wizard > .steps .done a:hover,
+.wizard > .steps .done a:active {
+  background-color: #28c76f;
+  color: white;
+}
+
+.wizard > .actions a,
+.wizard > .actions .header form .input-group .input-group-append button.btn,
+.header form .input-group .input-group-append .wizard > .actions button.btn,
+.wizard > .actions a:hover,
+.wizard > .actions a:active {
+  background-color: #28c76f;
+  color: white;
+}
+
+.page-header {
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-align: start;
+          align-items: flex-start;
+  height: 55px;
+}
+
+.page-header h1,
+.page-header h2,
+.page-header h3,
+.page-header h4,
+.page-header h5 {
+  margin: 0;
+}
+
+.page-header .breadcrumb {
+  background: none;
+  padding: 0;
+  margin: 0;
+}
+
+.page-header .breadcrumb a:hover,
+.page-header .breadcrumb .header form .input-group .input-group-append button.btn:hover,
+.header form .input-group .input-group-append .page-header .breadcrumb button.btn:hover {
+  text-decoration: underline;
+}
+
+.page-header .breadcrumb li.breadcrumb-item {
+  font-size: 14px !important;
+}
+
+.page-header .breadcrumb li.breadcrumb-item:first-child:before {
+  font-size: 12px;
+  font-family: themify;
+  content: "\E69B";
+  display: inline-block;
+  margin-right: 8px;
+}
+
+.page-header .breadcrumb li.breadcrumb-item + .breadcrumb-item::before {
+  font-size: 10px;
+}
+
+.page-header .breadcrumb li.breadcrumb-item.active {
+  color: #0081ff;
+  font-weight: 600;
+}
+
+.mfp-with-zoom .mfp-container,
+.mfp-with-zoom.mfp-bg {
+  opacity: 0;
+  -webkit-backface-visibility: hidden;
+  /* ideally, transition speed should match zoom duration */
+  -webkit-transition: all 0.3s ease-out;
+  transition: all 0.3s ease-out;
+}
+
+.mfp-with-zoom.mfp-ready .mfp-container {
+  opacity: 1;
+}
+
+.mfp-with-zoom.mfp-ready.mfp-bg {
+  opacity: 0.8;
+}
+
+.mfp-with-zoom.mfp-removing .mfp-container,
+.mfp-with-zoom.mfp-removing.mfp-bg {
+  opacity: 0;
+}
+
+.card,
+.app-block .app-content .app-action,
+.chat-block {
+  margin-bottom: 1.875rem;
+  position: relative;
+  background-color: white;
+  border-radius: 0.5rem;
+  border: none;
+  box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
+}
+
+.card.bg-primary .card-header,
+.app-block .app-content .bg-primary.app-action .card-header,
+.bg-primary.chat-block .card-header,
+.card.bg-secondary .card-header,
+.app-block .app-content .bg-secondary.app-action .card-header,
+.bg-secondary.chat-block .card-header,
+.card.bg-success .card-header,
+.app-block .app-content .bg-success.app-action .card-header,
+.bg-success.chat-block .card-header,
+.card.bg-danger .card-header,
+.app-block .app-content .bg-danger.app-action .card-header,
+.bg-danger.chat-block .card-header,
+.card.bg-warning .card-header,
+.app-block .app-content .bg-warning.app-action .card-header,
+.bg-warning.chat-block .card-header,
+.card.bg-info .card-header,
+.app-block .app-content .bg-info.app-action .card-header,
+.bg-info.chat-block .card-header,
+.card.bg-dark .card-header,
+.app-block .app-content .bg-dark.app-action .card-header,
+.bg-dark.chat-block .card-header {
+  border-bottom: 1px solid rgba(235, 235, 235, 0.4);
+}
+
+.card .card-header,
+.app-block .app-content .app-action .card-header,
+.chat-block .card-header,
+.card .card-footer,
+.app-block .app-content .app-action .card-footer,
+.chat-block .card-footer {
+  border: none;
+  background: none;
+  font-size: 13px;
+  font-weight: 600;
+  padding: 10px 20px;
+}
+
+.card .card-header,
+.app-block .app-content .app-action .card-header,
+.chat-block .card-header {
+  margin-bottom: 0;
+  border-bottom: 1px solid #ebebeb;
+}
+
+.card .card-footer,
+.app-block .app-content .app-action .card-footer,
+.chat-block .card-footer {
+  border-top: 1px solid #ebebeb;
+}
+
+.card .card-body,
+.app-block .app-content .app-action .card-body,
+.chat-block .card-body {
+  padding: 1.5rem;
+}
+
+.card .card-body h1.card-title,
+.app-block .app-content .app-action .card-body h1.card-title,
+.chat-block .card-body h1.card-title,
+.card .card-body h2.card-title,
+.app-block .app-content .app-action .card-body h2.card-title,
+.chat-block .card-body h2.card-title,
+.card .card-body h3.card-title,
+.app-block .app-content .app-action .card-body h3.card-title,
+.chat-block .card-body h3.card-title,
+.card .card-body h4.card-title,
+.app-block .app-content .app-action .card-body h4.card-title,
+.chat-block .card-body h4.card-title,
+.card .card-body h5.card-title,
+.app-block .app-content .app-action .card-body h5.card-title,
+.chat-block .card-body h5.card-title,
+.card .card-body h6.card-title,
+.app-block .app-content .app-action .card-body h6.card-title,
+.chat-block .card-body h6.card-title {
+  margin-bottom: 2rem;
+  font-size: 1rem;
+  font-weight: 600;
+}
+
+.card .card-body h1.card-title .dropdown *,
+.app-block .app-content .app-action .card-body h1.card-title .dropdown *,
+.chat-block .card-body h1.card-title .dropdown *,
+.card .card-body h2.card-title .dropdown *,
+.app-block .app-content .app-action .card-body h2.card-title .dropdown *,
+.chat-block .card-body h2.card-title .dropdown *,
+.card .card-body h3.card-title .dropdown *,
+.app-block .app-content .app-action .card-body h3.card-title .dropdown *,
+.chat-block .card-body h3.card-title .dropdown *,
+.card .card-body h4.card-title .dropdown *,
+.app-block .app-content .app-action .card-body h4.card-title .dropdown *,
+.chat-block .card-body h4.card-title .dropdown *,
+.card .card-body h5.card-title .dropdown *,
+.app-block .app-content .app-action .card-body h5.card-title .dropdown *,
+.chat-block .card-body h5.card-title .dropdown *,
+.card .card-body h6.card-title .dropdown *,
+.app-block .app-content .app-action .card-body h6.card-title .dropdown *,
+.chat-block .card-body h6.card-title .dropdown * {
+  letter-spacing: normal;
+  text-transform: none;
+}
+
+.card .card-scroll,
+.app-block .app-content .app-action .card-scroll,
+.chat-block .card-scroll {
+  height: 300px;
+  overflow: auto;
+}
+
+.card.purple,
+.app-block .app-content .purple.app-action,
+.purple.chat-block {
+  height: 120px;
+  background: linear-gradient(200deg, #8a8ded, #9c9dc6);
+}
+
+.card.blue,
+.app-block .app-content .blue.app-action,
+.blue.chat-block {
+  height: 120px;
+  background: linear-gradient(200deg, #6bc5e7, #bcd7ff);
+}
+
+.card.green,
+.app-block .app-content .green.app-action,
+.green.chat-block {
+  height: 120px;
+  background: linear-gradient(200deg, #77df75, #b5e7a0);
+}
+
+.card.orange,
+.app-block .app-content .orange.app-action,
+.orange.chat-block {
+  height: 120px;
+  background: linear-gradient(200deg, #ffc033, #ffc49d);
+}
+
+.card > .table-responsive .table td,
+.app-block .app-content .app-action > .table-responsive .table td,
+.chat-block > .table-responsive .table td,
+.card > .table-responsive .table th,
+.app-block .app-content .app-action > .table-responsive .table th,
+.chat-block > .table-responsive .table th {
+  padding: 0.75rem 1.5rem;
+}
+
+.card-group,
+.card-columns {
+  margin-bottom: 30px;
+}
+
+.bg-primary {
+  background: #0081ff !important;
+  color: white !important;
+}
+
+.bg-primary-bright {
+  background: rgba(0, 129, 255, 0.3) !important;
+}
+
+.bg-primary-bright.bg-hover {
+  -webkit-transition: background 0.2s;
+  transition: background 0.2s;
+}
+
+.bg-primary-bright.bg-hover:hover {
+  background: rgba(11, 91, 182, 0.3) !important;
+}
+
+.bg-primary-gradient {
+  background: linear-gradient(230deg, #0081ff, #4da7ff) !important;
+  color: white !important;
+}
+
+.bg-info {
+  background: #33b5e5 !important;
+  color: white !important;
+}
+
+.bg-info.bg-hover {
+  -webkit-transition: background 0.2s;
+  transition: background 0.2s;
+}
+
+.bg-info.bg-hover:hover {
+  background: #60c5eb !important;
+}
+
+.bg-info-bright {
+  background: rgba(51, 181, 229, 0.3) !important;
+}
+
+.bg-info-bright.bg-hover {
+  -webkit-transition: background 0.2s;
+  transition: background 0.2s;
+}
+
+.bg-info-bright.bg-hover:hover {
+  background: rgba(29, 173, 226, 0.3) !important;
+}
+
+.bg-info-gradient {
+  background: linear-gradient(230deg, #33b5e5, #77ceee) !important;
+  color: white !important;
+}
+
+.bg-secondary {
+  background: #aa66cc !important;
+  color: white !important;
+}
+
+.bg-secondary.bg-hover {
+  -webkit-transition: background 0.2s;
+  transition: background 0.2s;
+}
+
+.bg-secondary.bg-hover:hover {
+  background: #bf8cd9 !important;
+}
+
+.bg-secondary-bright {
+  background: rgba(170, 102, 204, 0.3) !important;
+}
+
+.bg-secondary-bright.bg-hover {
+  -webkit-transition: background 0.2s;
+  transition: background 0.2s;
+}
+
+.bg-secondary-bright.bg-hover:hover {
+  background: rgba(159, 83, 198, 0.3) !important;
+}
+
+.bg-secondary-gradient {
+  background: linear-gradient(230deg, #aa66cc, #ca9fdf) !important;
+  color: white !important;
+}
+
+.bg-success {
+  background: #28c76f !important;
+  color: white !important;
+}
+
+.bg-success.bg-hover {
+  -webkit-transition: background 0.2s;
+  transition: background 0.2s;
+}
+
+.bg-success.bg-hover:hover {
+  background: #48da89 !important;
+}
+
+.bg-success-bright {
+  background: rgba(40, 199, 111, 0.3) !important;
+}
+
+.bg-success-bright.bg-hover {
+  -webkit-transition: background 0.2s;
+  transition: background 0.2s;
+}
+
+.bg-success-bright.bg-hover:hover {
+  background: rgba(36, 178, 99, 0.3) !important;
+}
+
+.bg-success-gradient {
+  background: linear-gradient(230deg, #28c76f, #5dde97) !important;
+  color: white !important;
+}
+
+.bg-danger {
+  background: #ea5455 !important;
+  color: white !important;
+}
+
+.bg-danger.bg-hover {
+  -webkit-transition: background 0.2s;
+  transition: background 0.2s;
+}
+
+.bg-danger.bg-hover:hover {
+  background: #f08182 !important;
+}
+
+.bg-danger-bright {
+  background: rgba(234, 84, 85, 0.3) !important;
+}
+
+.bg-danger-bright.bg-hover {
+  -webkit-transition: background 0.2s;
+  transition: background 0.2s;
+}
+
+.bg-danger-bright.bg-hover:hover {
+  background: rgba(231, 61, 62, 0.3) !important;
+}
+
+.bg-danger-gradient {
+  background: linear-gradient(230deg, #ea5455, #f29899) !important;
+  color: white !important;
+}
+
+.bg-warning {
+  background: #ff9f43 !important;
+  color: white !important;
+}
+
+.bg-warning.bg-hover {
+  -webkit-transition: background 0.2s;
+  transition: background 0.2s;
+}
+
+.bg-warning.bg-hover:hover {
+  background: #ffb976 !important;
+}
+
+.bg-warning-bright {
+  background: rgba(255, 159, 67, 0.3) !important;
+}
+
+.bg-warning-bright.bg-hover {
+  -webkit-transition: background 0.2s;
+  transition: background 0.2s;
+}
+
+.bg-warning-bright.bg-hover:hover {
+  background: rgba(255, 146, 42, 0.3) !important;
+}
+
+.bg-warning-gradient {
+  background: linear-gradient(230deg, #ff9f43, #ffc690) !important;
+  color: white !important;
+}
+
+.bg-light {
+  background: #afb8bd !important;
+}
+
+.bg-dark {
+  background: #293134 !important;
+  color: white !important;
+}
+
+.bg-dark.bg-hover {
+  -webkit-transition: background 0.2s;
+  transition: background 0.2s;
+}
+
+.bg-dark.bg-hover:hover {
+  background: #3f4c51 !important;
+}
+
+.bg-dark-bright {
+  background: #d4d5d8 !important;
+}
+
+.bg-dark-bright.bg-hover {
+  -webkit-transition: background 0.2s;
+  transition: background 0.2s;
+}
+
+.bg-dark-bright.bg-hover:hover {
+  background: #c7c8cc !important;
+}
+
+.bg-dark-gradient {
+  background: linear-gradient(230deg, #293134, #4b595f) !important;
+  color: white !important;
+}
+
+.bg-facebook {
+  background: #3b5998 !important;
+  color: white !important;
+}
+
+.bg-twitter {
+  background: #55acee !important;
+  color: white !important;
+}
+
+.bg-linkedin {
+  background: #0077b5 !important;
+  color: white !important;
+}
+
+.bg-whatsapp {
+  background: #43d854 !important;
+  color: white !important;
+}
+
+.bg-instagram {
+  background: #3f729b !important;
+  color: white !important;
+}
+
+.bg-dribbble {
+  background: #ea4c89 !important;
+  color: white !important;
+}
+
+.bg-google {
+  background: #db4437 !important;
+  color: white !important;
+}
+
+.bg-youtube {
+  background: #cd201f !important;
+  color: white !important;
+}
+
+.text-primary {
+  color: #0081ff !important;
+}
+
+.text-secondary {
+  color: #aa66cc !important;
+}
+
+.text-info {
+  color: #33b5e5 !important;
+}
+
+.text-success,
+.app-block .app-content .app-content-body .app-lists ul.list-group li.list-group-item.active.task-list .app-list-title {
+  color: #28c76f !important;
+}
+
+.text-danger {
+  color: #ea5455 !important;
+}
+
+.text-warning {
+  color: #ff9f43 !important;
+}
+
+.text-light {
+  color: #afb8bd !important;
+}
+
+.text-facebook {
+  color: #3b5998 !important;
+}
+
+.text-twitter {
+  color: #55acee !important;
+}
+
+.text-google {
+  color: #db4437 !important;
+}
+
+.text-linkedin {
+  color: #0077b5 !important;
+}
+
+.text-instagram {
+  color: #3f729b !important;
+}
+
+.text-whatsapp {
+  color: #43d854 !important;
+}
+
+.text-dribbble {
+  color: #ea4c89 !important;
+}
+
+.colorpicker.dropdown-menu {
+  visibility: visible;
+  opacity: 1;
+  height: auto;
+}
+
+.colorpicker-2x .colorpicker-saturation {
+  width: 200px;
+  height: 200px;
+}
+
+.colorpicker-2x .colorpicker-hue,
+.colorpicker-2x .colorpicker-alpha {
+  width: 30px;
+  height: 200px;
+}
+
+.colorpicker-2x .colorpicker-color,
+.colorpicker-2x .colorpicker-color div {
+  height: 30px;
+}
+
+.colorpicker.colorpicker-hidden {
+  display: none !important;
+}
+
+ul:not(.list-unstyled) {
+  margin: 0;
+  padding: 0;
+}
+
+ul:not(.list-unstyled) li {
+  list-style-type: none;
+}
+
+ul:not(.list-unstyled) li a .icon,
+ul:not(.list-unstyled) li .header form .input-group .input-group-append button.btn .icon,
+.header form .input-group .input-group-append ul:not(.list-unstyled) li button.btn .icon {
+  color: #d1d1d1;
+  font-size: 14px;
+  vertical-align: middle;
+}
+
+ul:not(.list-unstyled) li a:hover,
+ul:not(.list-unstyled) li .header form .input-group .input-group-append button.btn:hover,
+.header form .input-group .input-group-append ul:not(.list-unstyled) li button.btn:hover,
+ul:not(.list-unstyled) li a:focus,
+ul:not(.list-unstyled) li .header form .input-group .input-group-append button.btn:focus,
+.header form .input-group .input-group-append ul:not(.list-unstyled) li button.btn:focus {
+  text-decoration: underline;
+}
+
+ul li a:hover,
+ul li .header form .input-group .input-group-append button.btn:hover,
+.header form .input-group .input-group-append ul li button.btn:hover,
+ul li a:focus,
+ul li .header form .input-group .input-group-append button.btn:focus,
+.header form .input-group .input-group-append ul li button.btn:focus {
+  text-decoration: none !important;
+}
+
+ul.list-unstyled li {
+  margin-bottom: 10px;
+}
+
+ul.list-unstyled li ul {
+  margin-left: 30px !important;
+  margin-top: 10px !important;
+  margin-bottom: 10px !important;
+}
+
+ul.list-unstyled li ul li {
+  list-style-type: disc !important;
+}
+
+ul.links a,
+ul.links .header form .input-group .input-group-append button.btn,
+.header form .input-group .input-group-append ul.links button.btn {
+  display: block;
+  padding: 3px 5px;
+  color: #2e2e2e;
+}
+
+ul.links a.active,
+ul.links .header form .input-group .input-group-append button.active.btn,
+.header form .input-group .input-group-append ul.links button.active.btn {
+  color: #0081ff;
+  font-weight: 500;
+}
+
+.list-group.list-group-sm .list-group-item {
+  padding: 0.4rem 1rem;
+}
+
+.text-uppercase {
+  letter-spacing: 0.5px;
+}
+
+.bg-none {
+  background-color: inherit !important;
+}
+
+h1 {
+  font-size: 29px;
+}
+
+h2 {
+  font-size: 26px;
+}
+
+h3 {
+  font-size: 23px;
+}
+
+h4 {
+  font-size: 20px;
+}
+
+h5 {
+  font-size: 17px;
+}
+
+h6 {
+  font-size: 14px;
+}
+
+ul.list-inline li {
+  margin-bottom: 0.5rem;
+}
+
+hr {
+  border-color: #e6e6e6;
+}
+
+.right-0 {
+  right: 0;
+}
+
+.left-0 {
+  left: 0;
+}
+
+.top-0 {
+  top: 0;
+}
+
+.bottom-0 {
+  bottom: 0;
+}
+
+.cursor-pointer {
+  cursor: pointer;
+}
+
+p {
+  line-height: 1.5rem;
+}
+
+a,
+.header form .input-group .input-group-append button.btn {
+  color: #666666;
+  text-decoration: none;
+  -webkit-transition: color 0.2s;
+  transition: color 0.2s;
+}
+
+a:hover,
+.header form .input-group .input-group-append button.btn:hover {
+  color: black;
+  text-decoration: none;
+}
+
+a.link-1,
+.header form .input-group .input-group-append button.link-1.btn {
+  color: #0081ff;
+}
+
+a.link-1:hover,
+.header form .input-group .input-group-append button.link-1.btn:hover,
+a.link-1:focus,
+.header form .input-group .input-group-append button.link-1.btn:focus {
+  color: rgba(0, 129, 255, 0.8);
+}
+
+a.link-2,
+.header form .input-group .input-group-append button.link-2.btn {
+  color: black;
+}
+
+a.link-2:hover,
+.header form .input-group .input-group-append button.link-2.btn:hover,
+a.link-2:focus,
+.header form .input-group .input-group-append button.link-2.btn:focus {
+  color: #0081ff;
+}
+
+a.link-3,
+.header form .input-group .input-group-append button.link-3.btn {
+  color: white;
+}
+
+a.link-3:hover,
+.header form .input-group .input-group-append button.link-3.btn:hover,
+a.link-3:focus,
+.header form .input-group .input-group-append button.link-3.btn:focus {
+  color: #0081ff;
+}
+
+a:not(.active.list-group-item),
+.header form .input-group .input-group-append button.btn:not(.active.list-group-item),
+a:not(.btn):hover,
+.header form .input-group .input-group-append button.btn:not(.btn):hover,
+a:not(.btn):active,
+.header form .input-group .input-group-append button.btn:not(.btn):active,
+a:not(.btn):focus,
+.header form .input-group .input-group-append button.btn:not(.btn):focus {
+  text-decoration: none !important;
+  color: black;
+  outline: none;
+}
+
+a.btn:hover,
+.header form .input-group .input-group-append button.btn:hover,
+a.btn:active,
+.header form .input-group .input-group-append button.btn:active,
+a.btn:focus,
+.header form .input-group .input-group-append button.btn:focus {
+  text-decoration: none !important;
+}
+
+.page-link {
+  color: #0081ff;
+}
+
+.page-link:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.3);
+}
+
+.btn {
+  font-size: 14px;
+  width: auto;
+  display: -webkit-inline-box;
+  display: inline-flex;
+  font-weight: 600;
+  -webkit-box-align: center;
+          align-items: center;
+  padding: 10px 15px;
+  line-height: 14px;
+  border-radius: 0.5rem;
+}
+
+.btn svg {
+  width: 14px !important;
+  height: 14px !important;
+}
+
+.btn[data-toggle=dropdown] {
+  -webkit-box-align: center;
+          align-items: center;
+}
+
+.btn.btn-sm {
+  padding: 5px 10px;
+  font-size: 13px;
+}
+
+.btn.btn-lg {
+  padding: 15px 20px;
+  font-size: 17px;
+}
+
+.btn.btn-block {
+  width: 100%;
+  -webkit-box-pack: center;
+          justify-content: center;
+}
+
+.btn.btn-square {
+  border-radius: 0;
+}
+
+.btn.btn-rounded {
+  border-radius: 50px;
+  padding: 10px 20px;
+}
+
+.btn.btn-rounded.btn-sm {
+  padding: 5px 15px;
+  font-size: 13px;
+}
+
+.btn.btn-rounded.btn-lg {
+  padding: 20px 30px;
+  font-size: 17px;
+}
+
+.btn.btn-floating {
+  height: 35px;
+  width: 35px;
+  padding: 0;
+  -webkit-box-pack: center;
+          justify-content: center;
+  border-radius: 50%;
+}
+
+.btn.btn-floating.btn-sm {
+  height: 30px;
+  width: 30px;
+}
+
+.btn.btn-floating.btn-lg {
+  height: 50px;
+  width: 50px;
+}
+
+.btn.btn-uppercase {
+  text-transform: uppercase;
+  font-size: 12px;
+  letter-spacing: 1px;
+  -webkit-box-align: center;
+          align-items: center;
+  font-weight: 600;
+}
+
+.btn.btn-uppercase.btn-sm {
+  font-size: 11px;
+}
+
+.btn.btn-uppercase.btn-lg {
+  font-size: 14px;
+}
+
+.btn.btn-shadow {
+  box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.3);
+}
+
+.btn.btn-shadow:focus,
+.btn.btn-shadow:active {
+  box-shadow: 0px 4px 6px 1px rgba(0, 0, 0, 0.3) !important;
+}
+
+.btn.btn-primary,
+a.btn[href="#next"],
+.header form .input-group .input-group-append button.btn[href="#next"],
+a.btn[href="#previous"],
+.header form .input-group .input-group-append button.btn[href="#previous"] {
+  background: #0081ff;
+  border-color: #0081ff;
+}
+
+.btn.btn-primary:not(:disabled):not(.disabled):hover,
+a.btn[href="#next"]:not(:disabled):not(.disabled):hover,
+.header form .input-group .input-group-append button.btn[href="#next"]:not(:disabled):not(.disabled):hover,
+a.btn[href="#previous"]:not(:disabled):not(.disabled):hover,
+.header form .input-group .input-group-append button.btn[href="#previous"]:not(:disabled):not(.disabled):hover,
+.btn.btn-primary:not(:disabled):not(.disabled):focus,
+a.btn[href="#next"]:not(:disabled):not(.disabled):focus,
+.header form .input-group .input-group-append button.btn[href="#next"]:not(:disabled):not(.disabled):focus,
+a.btn[href="#previous"]:not(:disabled):not(.disabled):focus,
+.header form .input-group .input-group-append button.btn[href="#previous"]:not(:disabled):not(.disabled):focus,
+.btn.btn-primary:not(:disabled):not(.disabled):active,
+a.btn[href="#next"]:not(:disabled):not(.disabled):active,
+.header form .input-group .input-group-append button.btn[href="#next"]:not(:disabled):not(.disabled):active,
+a.btn[href="#previous"]:not(:disabled):not(.disabled):active,
+.header form .input-group .input-group-append button.btn[href="#previous"]:not(:disabled):not(.disabled):active {
+  background: #0067cc;
+  border-color: #0067cc;
+}
+
+.btn.btn-primary:not(:disabled):not(.disabled):focus,
+a.btn[href="#next"]:not(:disabled):not(.disabled):focus,
+.header form .input-group .input-group-append button.btn[href="#next"]:not(:disabled):not(.disabled):focus,
+a.btn[href="#previous"]:not(:disabled):not(.disabled):focus,
+.header form .input-group .input-group-append button.btn[href="#previous"]:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.4) !important;
+}
+
+.btn.btn-primary.btn-pulse:not(:disabled):not(.disabled),
+a.btn.btn-pulse[href="#next"]:not(:disabled):not(.disabled),
+.header form .input-group .input-group-append button.btn.btn-pulse[href="#next"]:not(:disabled):not(.disabled),
+a.btn.btn-pulse[href="#previous"]:not(:disabled):not(.disabled),
+.header form .input-group .input-group-append button.btn.btn-pulse[href="#previous"]:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(0, 129, 255, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-primary:hover,
+a.btn[href="#next"]:hover,
+.header form .input-group .input-group-append button.btn[href="#next"]:hover,
+a.btn[href="#previous"]:hover,
+.header form .input-group .input-group-append button.btn[href="#previous"]:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-gradient-primary {
+  background: linear-gradient(20deg, #4da7ff, #0067cc);
+  border-color: transparent;
+  color: white;
+}
+
+.btn.btn-gradient-primary:not(:disabled):not(.disabled):hover,
+.btn.btn-gradient-primary:not(:disabled):not(.disabled):focus,
+.btn.btn-gradient-primary:not(:disabled):not(.disabled):active {
+  background: linear-gradient(20deg, #0081ff, #0067cc);
+  border-color: transparent;
+}
+
+.btn.btn-gradient-primary:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.5);
+}
+
+.btn.btn-gradient-primary.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(0, 129, 255, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-gradient-primary:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-light-primary {
+  background: rgba(0, 129, 255, 0.3);
+  border-color: transparent;
+  color: #0053a3;
+}
+
+.btn.btn-light-primary:not(:disabled):not(.disabled):hover,
+.btn.btn-light-primary:not(:disabled):not(.disabled):focus,
+.btn.btn-light-primary:not(:disabled):not(.disabled):active {
+  background: rgba(0, 129, 255, 0.5);
+  border-color: transparent;
+}
+
+.btn.btn-light-primary:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.2);
+}
+
+.btn.btn-light-primary.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(0, 129, 255, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-light-primary:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-outline-primary {
+  background: none;
+  border-color: #0081ff;
+  color: #0074e6;
+  border-width: 1px;
+}
+
+.btn.btn-outline-primary:not(:disabled):not(.disabled):hover {
+  background: #0081ff;
+  border-color: #0081ff;
+  color: white;
+}
+
+.btn.btn-outline-primary:not(:disabled):not(.disabled):focus,
+.btn.btn-outline-primary:not(:disabled):not(.disabled):active {
+  background: #0062c2;
+  border-color: #0062c2;
+  color: white;
+}
+
+.btn.btn-outline-primary:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.4);
+}
+
+.btn.btn-outline-primary.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(0, 129, 255, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-outline-primary:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-secondary {
+  background: #aa66cc;
+  border-color: #aa66cc;
+}
+
+.btn.btn-secondary:not(:disabled):not(.disabled):hover,
+.btn.btn-secondary:not(:disabled):not(.disabled):focus,
+.btn.btn-secondary:not(:disabled):not(.disabled):active {
+  background: #9540bf;
+  border-color: #9540bf;
+}
+
+.btn.btn-secondary:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(170, 102, 204, 0.4) !important;
+}
+
+.btn.btn-secondary.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(170, 102, 204, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-secondary:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-gradient-secondary {
+  background: linear-gradient(20deg, #ca9fdf, #9540bf);
+  border-color: transparent;
+  color: white;
+}
+
+.btn.btn-gradient-secondary:not(:disabled):not(.disabled):hover,
+.btn.btn-gradient-secondary:not(:disabled):not(.disabled):focus,
+.btn.btn-gradient-secondary:not(:disabled):not(.disabled):active {
+  background: linear-gradient(20deg, #aa66cc, #9540bf);
+  border-color: transparent;
+}
+
+.btn.btn-gradient-secondary:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(170, 102, 204, 0.5);
+}
+
+.btn.btn-gradient-secondary.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(170, 102, 204, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-gradient-secondary:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-light-secondary {
+  background: rgba(170, 102, 204, 0.3);
+  border-color: transparent;
+  color: #7d36a1;
+}
+
+.btn.btn-light-secondary:not(:disabled):not(.disabled):hover,
+.btn.btn-light-secondary:not(:disabled):not(.disabled):focus,
+.btn.btn-light-secondary:not(:disabled):not(.disabled):active {
+  background: rgba(170, 102, 204, 0.5);
+  border-color: transparent;
+}
+
+.btn.btn-light-secondary:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(170, 102, 204, 0.2);
+}
+
+.btn.btn-light-secondary.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(170, 102, 204, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-light-secondary:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-outline-secondary {
+  background: none;
+  border-color: #aa66cc;
+  color: #9f53c6;
+  border-width: 1px;
+}
+
+.btn.btn-outline-secondary:not(:disabled):not(.disabled):hover {
+  background: #aa66cc;
+  border-color: #aa66cc;
+  color: white;
+}
+
+.btn.btn-outline-secondary:not(:disabled):not(.disabled):focus,
+.btn.btn-outline-secondary:not(:disabled):not(.disabled):active {
+  background: #8f3db8;
+  border-color: #8f3db8;
+  color: white;
+}
+
+.btn.btn-outline-secondary:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(170, 102, 204, 0.4);
+}
+
+.btn.btn-outline-secondary.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(170, 102, 204, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-outline-secondary:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-success {
+  background: #28c76f;
+  border-color: #28c76f;
+}
+
+.btn.btn-success:not(:disabled):not(.disabled):hover,
+.btn.btn-success:not(:disabled):not(.disabled):focus,
+.btn.btn-success:not(:disabled):not(.disabled):active {
+  background: #1f9d57;
+  border-color: #1f9d57;
+}
+
+.btn.btn-success:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.4) !important;
+}
+
+.btn.btn-success.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(40, 199, 111, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-success:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-gradient-success {
+  background: linear-gradient(20deg, #5dde97, #1f9d57);
+  border-color: transparent;
+  color: white;
+}
+
+.btn.btn-gradient-success:not(:disabled):not(.disabled):hover,
+.btn.btn-gradient-success:not(:disabled):not(.disabled):focus,
+.btn.btn-gradient-success:not(:disabled):not(.disabled):active {
+  background: linear-gradient(20deg, #28c76f, #1f9d57);
+  border-color: transparent;
+}
+
+.btn.btn-gradient-success:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.5);
+}
+
+.btn.btn-gradient-success.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(40, 199, 111, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-gradient-success:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-light-success {
+  background: rgba(40, 199, 111, 0.3);
+  border-color: transparent;
+  color: #197b44;
+}
+
+.btn.btn-light-success:not(:disabled):not(.disabled):hover,
+.btn.btn-light-success:not(:disabled):not(.disabled):focus,
+.btn.btn-light-success:not(:disabled):not(.disabled):active {
+  background: rgba(40, 199, 111, 0.5);
+  border-color: transparent;
+}
+
+.btn.btn-light-success:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.2);
+}
+
+.btn.btn-light-success.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(40, 199, 111, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-light-success:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-outline-success {
+  background: none;
+  border-color: #28c76f;
+  color: #24b263;
+  border-width: 1px;
+}
+
+.btn.btn-outline-success:not(:disabled):not(.disabled):hover {
+  background: #28c76f;
+  border-color: #28c76f;
+  color: white;
+}
+
+.btn.btn-outline-success:not(:disabled):not(.disabled):focus,
+.btn.btn-outline-success:not(:disabled):not(.disabled):active {
+  background: #1e9453;
+  border-color: #1e9453;
+  color: white;
+}
+
+.btn.btn-outline-success:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.4);
+}
+
+.btn.btn-outline-success.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(40, 199, 111, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-outline-success:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-danger {
+  background: #ea5455;
+  border-color: #ea5455;
+}
+
+.btn.btn-danger:not(:disabled):not(.disabled):hover,
+.btn.btn-danger:not(:disabled):not(.disabled):focus,
+.btn.btn-danger:not(:disabled):not(.disabled):active {
+  background: #e42728;
+  border-color: #e42728;
+}
+
+.btn.btn-danger:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(234, 84, 85, 0.4) !important;
+}
+
+.btn.btn-danger.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(234, 84, 85, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-danger:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-gradient-danger {
+  background: linear-gradient(20deg, #f29899, #e42728);
+  border-color: transparent;
+  color: white;
+}
+
+.btn.btn-gradient-danger:not(:disabled):not(.disabled):hover,
+.btn.btn-gradient-danger:not(:disabled):not(.disabled):focus,
+.btn.btn-gradient-danger:not(:disabled):not(.disabled):active {
+  background: linear-gradient(20deg, #ea5455, #e42728);
+  border-color: transparent;
+}
+
+.btn.btn-gradient-danger:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(234, 84, 85, 0.5);
+}
+
+.btn.btn-gradient-danger.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(234, 84, 85, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-gradient-danger:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-light-danger {
+  background: rgba(234, 84, 85, 0.3);
+  border-color: transparent;
+  color: #c9191a;
+}
+
+.btn.btn-light-danger:not(:disabled):not(.disabled):hover,
+.btn.btn-light-danger:not(:disabled):not(.disabled):focus,
+.btn.btn-light-danger:not(:disabled):not(.disabled):active {
+  background: rgba(234, 84, 85, 0.5);
+  border-color: transparent;
+}
+
+.btn.btn-light-danger:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(234, 84, 85, 0.2);
+}
+
+.btn.btn-light-danger.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(234, 84, 85, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-light-danger:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-outline-danger {
+  background: none;
+  border-color: #ea5455;
+  color: #e73d3e;
+  border-width: 1px;
+}
+
+.btn.btn-outline-danger:not(:disabled):not(.disabled):hover {
+  background: #ea5455;
+  border-color: #ea5455;
+  color: white;
+}
+
+.btn.btn-outline-danger:not(:disabled):not(.disabled):focus,
+.btn.btn-outline-danger:not(:disabled):not(.disabled):active {
+  background: #e31d1f;
+  border-color: #e31d1f;
+  color: white;
+}
+
+.btn.btn-outline-danger:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(234, 84, 85, 0.4);
+}
+
+.btn.btn-outline-danger.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(234, 84, 85, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-outline-danger:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-warning {
+  background: #ff9f43;
+  border-color: #ff9f43;
+}
+
+.btn.btn-warning:not(:disabled):not(.disabled):hover,
+.btn.btn-warning:not(:disabled):not(.disabled):focus,
+.btn.btn-warning:not(:disabled):not(.disabled):active {
+  background: #ff8510;
+  border-color: #ff8510;
+}
+
+.btn.btn-warning:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(255, 159, 67, 0.4) !important;
+}
+
+.btn.btn-warning.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(255, 159, 67, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-warning:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-gradient-warning {
+  background: linear-gradient(20deg, #ffc690, #ff8510);
+  border-color: transparent;
+  color: white;
+  color: #212529;
+}
+
+.btn.btn-gradient-warning:not(:disabled):not(.disabled):hover,
+.btn.btn-gradient-warning:not(:disabled):not(.disabled):focus,
+.btn.btn-gradient-warning:not(:disabled):not(.disabled):active {
+  background: linear-gradient(20deg, #ff9f43, #ff8510);
+  border-color: transparent;
+}
+
+.btn.btn-gradient-warning:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(255, 159, 67, 0.5);
+}
+
+.btn.btn-gradient-warning.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(255, 159, 67, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-gradient-warning:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-light-warning {
+  background: rgba(255, 159, 67, 0.3);
+  border-color: transparent;
+  color: #e67100;
+}
+
+.btn.btn-light-warning:not(:disabled):not(.disabled):hover,
+.btn.btn-light-warning:not(:disabled):not(.disabled):focus,
+.btn.btn-light-warning:not(:disabled):not(.disabled):active {
+  background: rgba(255, 159, 67, 0.5);
+  border-color: transparent;
+}
+
+.btn.btn-light-warning:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(255, 159, 67, 0.2);
+}
+
+.btn.btn-light-warning.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(255, 159, 67, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-light-warning:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-outline-warning {
+  background: none;
+  border-color: #ff9f43;
+  color: #ff922a;
+  border-width: 1px;
+}
+
+.btn.btn-outline-warning:not(:disabled):not(.disabled):hover {
+  background: #ff9f43;
+  border-color: #ff9f43;
+  color: white;
+}
+
+.btn.btn-outline-warning:not(:disabled):not(.disabled):focus,
+.btn.btn-outline-warning:not(:disabled):not(.disabled):active {
+  background: #ff8006;
+  border-color: #ff8006;
+  color: white;
+}
+
+.btn.btn-outline-warning:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(255, 159, 67, 0.4);
+}
+
+.btn.btn-outline-warning.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(255, 159, 67, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-outline-warning:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-outline-warning:not(:disabled):not(.disabled):hover,
+.btn.btn-outline-warning:not(:disabled):not(.disabled):focus,
+.btn.btn-outline-warning:not(:disabled):not(.disabled):active {
+  color: #212529;
+}
+
+.btn.btn-info {
+  background: #33b5e5;
+  border-color: #33b5e5;
+}
+
+.btn.btn-info:not(:disabled):not(.disabled):hover,
+.btn.btn-info:not(:disabled):not(.disabled):focus,
+.btn.btn-info:not(:disabled):not(.disabled):active {
+  background: #1a9bcb;
+  border-color: #1a9bcb;
+}
+
+.btn.btn-info:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(51, 181, 229, 0.4) !important;
+}
+
+.btn.btn-info.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(51, 181, 229, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-info:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-gradient-info {
+  background: linear-gradient(20deg, #77ceee, #1a9bcb);
+  border-color: transparent;
+  color: white;
+}
+
+.btn.btn-gradient-info:not(:disabled):not(.disabled):hover,
+.btn.btn-gradient-info:not(:disabled):not(.disabled):focus,
+.btn.btn-gradient-info:not(:disabled):not(.disabled):active {
+  background: linear-gradient(20deg, #33b5e5, #1a9bcb);
+  border-color: transparent;
+}
+
+.btn.btn-gradient-info:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(51, 181, 229, 0.5);
+}
+
+.btn.btn-gradient-info.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(51, 181, 229, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-gradient-info:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-light-info {
+  background: rgba(51, 181, 229, 0.3);
+  border-color: transparent;
+  color: #1580a7;
+}
+
+.btn.btn-light-info:not(:disabled):not(.disabled):hover,
+.btn.btn-light-info:not(:disabled):not(.disabled):focus,
+.btn.btn-light-info:not(:disabled):not(.disabled):active {
+  background: rgba(51, 181, 229, 0.5);
+  border-color: transparent;
+}
+
+.btn.btn-light-info:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(51, 181, 229, 0.2);
+}
+
+.btn.btn-light-info.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(51, 181, 229, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-light-info:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-outline-info {
+  background: none;
+  border-color: #33b5e5;
+  color: #1dade2;
+  border-width: 1px;
+}
+
+.btn.btn-outline-info:not(:disabled):not(.disabled):hover {
+  background: #33b5e5;
+  border-color: #33b5e5;
+  color: white;
+}
+
+.btn.btn-outline-info:not(:disabled):not(.disabled):focus,
+.btn.btn-outline-info:not(:disabled):not(.disabled):active {
+  background: #1994c2;
+  border-color: #1994c2;
+  color: white;
+}
+
+.btn.btn-outline-info:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(51, 181, 229, 0.4);
+}
+
+.btn.btn-outline-info.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(51, 181, 229, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-outline-info:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-light,
+.fc .btn.fc-state-default {
+  background: #afb8bd;
+  border-color: #afb8bd;
+}
+
+.btn.btn-light:not(:disabled):not(.disabled):hover,
+.fc .btn.fc-state-default:not(:disabled):not(.disabled):hover,
+.btn.btn-light:not(:disabled):not(.disabled):focus,
+.fc .btn.fc-state-default:not(:disabled):not(.disabled):focus,
+.btn.btn-light:not(:disabled):not(.disabled):active,
+.fc .btn.fc-state-default:not(:disabled):not(.disabled):active {
+  background: #939fa6;
+  border-color: #939fa6;
+}
+
+.btn.btn-light:not(:disabled):not(.disabled):focus,
+.fc .btn.fc-state-default:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(175, 184, 189, 0.4) !important;
+}
+
+.btn.btn-light.btn-pulse:not(:disabled):not(.disabled),
+.fc .btn.btn-pulse.fc-state-default:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(175, 184, 189, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-light:hover,
+.fc .btn.fc-state-default:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-gradient-light {
+  background: linear-gradient(20deg, #d9dde0, #939fa6);
+  border-color: transparent;
+  color: white;
+  color: inherit;
+}
+
+.btn.btn-gradient-light:not(:disabled):not(.disabled):hover,
+.btn.btn-gradient-light:not(:disabled):not(.disabled):focus,
+.btn.btn-gradient-light:not(:disabled):not(.disabled):active {
+  background: linear-gradient(20deg, #afb8bd, #939fa6);
+  border-color: transparent;
+}
+
+.btn.btn-gradient-light:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(175, 184, 189, 0.5);
+}
+
+.btn.btn-gradient-light.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(175, 184, 189, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-gradient-light:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-outline-light {
+  background: none;
+  border-color: #afb8bd;
+  color: #a1acb1;
+  border-width: 1px;
+  color: #212529;
+}
+
+.btn.btn-outline-light:not(:disabled):not(.disabled):hover {
+  background: #afb8bd;
+  border-color: #afb8bd;
+  color: white;
+}
+
+.btn.btn-outline-light:not(:disabled):not(.disabled):focus,
+.btn.btn-outline-light:not(:disabled):not(.disabled):active {
+  background: #8d9aa1;
+  border-color: #8d9aa1;
+  color: white;
+}
+
+.btn.btn-outline-light:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(175, 184, 189, 0.4);
+}
+
+.btn.btn-outline-light.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(175, 184, 189, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-outline-light:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-outline-light:not(:disabled):not(.disabled):hover,
+.btn.btn-outline-light:not(:disabled):not(.disabled):focus,
+.btn.btn-outline-light:not(:disabled):not(.disabled):active {
+  color: #212529;
+}
+
+.btn.btn-dark {
+  background: #293134;
+  border-color: #293134;
+}
+
+.btn.btn-dark:not(:disabled):not(.disabled):hover,
+.btn.btn-dark:not(:disabled):not(.disabled):focus,
+.btn.btn-dark:not(:disabled):not(.disabled):active {
+  background: #131617;
+  border-color: #131617;
+}
+
+.btn.btn-dark:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(41, 49, 52, 0.4) !important;
+}
+
+.btn.btn-dark.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(41, 49, 52, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-dark:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-gradient-dark {
+  background: linear-gradient(20deg, #4b595f, #131617);
+  border-color: transparent;
+  color: white;
+}
+
+.btn.btn-gradient-dark:not(:disabled):not(.disabled):hover,
+.btn.btn-gradient-dark:not(:disabled):not(.disabled):focus,
+.btn.btn-gradient-dark:not(:disabled):not(.disabled):active {
+  background: linear-gradient(20deg, #293134, #131617);
+  border-color: transparent;
+}
+
+.btn.btn-gradient-dark:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(41, 49, 52, 0.5);
+}
+
+.btn.btn-gradient-dark.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(41, 49, 52, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-gradient-dark:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-light-dark {
+  background: rgba(41, 49, 52, 0.3);
+  border-color: transparent;
+  color: #010101;
+}
+
+.btn.btn-light-dark:not(:disabled):not(.disabled):hover,
+.btn.btn-light-dark:not(:disabled):not(.disabled):focus,
+.btn.btn-light-dark:not(:disabled):not(.disabled):active {
+  background: rgba(41, 49, 52, 0.5);
+  border-color: transparent;
+}
+
+.btn.btn-light-dark:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(41, 49, 52, 0.2);
+}
+
+.btn.btn-light-dark.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(41, 49, 52, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-light-dark:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-outline-dark {
+  background: none;
+  border-color: #293134;
+  color: #1e2426;
+  border-width: 1px;
+}
+
+.btn.btn-outline-dark:not(:disabled):not(.disabled):hover {
+  background: #293134;
+  border-color: #293134;
+  color: white;
+}
+
+.btn.btn-outline-dark:not(:disabled):not(.disabled):focus,
+.btn.btn-outline-dark:not(:disabled):not(.disabled):active {
+  background: #0e1112;
+  border-color: #0e1112;
+  color: white;
+}
+
+.btn.btn-outline-dark:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(41, 49, 52, 0.4);
+}
+
+.btn.btn-outline-dark.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(41, 49, 52, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-outline-dark:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-facebook {
+  background: #3b5998;
+  border-color: #3b5998;
+  color: white;
+}
+
+.btn.btn-facebook:not(:disabled):not(.disabled):hover,
+.btn.btn-facebook:not(:disabled):not(.disabled):focus,
+.btn.btn-facebook:not(:disabled):not(.disabled):active {
+  background: #2d4373;
+  border-color: #2d4373;
+}
+
+.btn.btn-facebook:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(59, 89, 152, 0.4) !important;
+}
+
+.btn.btn-facebook.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(59, 89, 152, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-facebook:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-outline-facebook {
+  background: none;
+  border-color: #3b5998;
+  color: #344e86;
+  border-width: 1px;
+}
+
+.btn.btn-outline-facebook:not(:disabled):not(.disabled):hover {
+  background: #3b5998;
+  border-color: #3b5998;
+  color: white;
+}
+
+.btn.btn-outline-facebook:not(:disabled):not(.disabled):focus,
+.btn.btn-outline-facebook:not(:disabled):not(.disabled):active {
+  background: #2a3f6c;
+  border-color: #2a3f6c;
+  color: white;
+}
+
+.btn.btn-outline-facebook:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(59, 89, 152, 0.4);
+}
+
+.btn.btn-outline-facebook.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(59, 89, 152, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-outline-facebook:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-google {
+  background: #db4437;
+  border-color: #db4437;
+  color: white;
+}
+
+.btn.btn-google:not(:disabled):not(.disabled):hover,
+.btn.btn-google:not(:disabled):not(.disabled):focus,
+.btn.btn-google:not(:disabled):not(.disabled):active {
+  background: #bd2e22;
+  border-color: #bd2e22;
+}
+
+.btn.btn-google:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(219, 68, 55, 0.4) !important;
+}
+
+.btn.btn-google.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(219, 68, 55, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-google:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-outline-google {
+  background: none;
+  border-color: #db4437;
+  color: #d33426;
+  border-width: 1px;
+}
+
+.btn.btn-outline-google:not(:disabled):not(.disabled):hover {
+  background: #db4437;
+  border-color: #db4437;
+  color: white;
+}
+
+.btn.btn-outline-google:not(:disabled):not(.disabled):focus,
+.btn.btn-outline-google:not(:disabled):not(.disabled):active {
+  background: #b42c20;
+  border-color: #b42c20;
+  color: white;
+}
+
+.btn.btn-outline-google:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(219, 68, 55, 0.4);
+}
+
+.btn.btn-outline-google.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(219, 68, 55, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-outline-google:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-twitter {
+  background: #55acee;
+  border-color: #55acee;
+  color: white;
+}
+
+.btn.btn-twitter:not(:disabled):not(.disabled):hover,
+.btn.btn-twitter:not(:disabled):not(.disabled):focus,
+.btn.btn-twitter:not(:disabled):not(.disabled):active {
+  background: #2795e9;
+  border-color: #2795e9;
+}
+
+.btn.btn-twitter:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(85, 172, 238, 0.4) !important;
+}
+
+.btn.btn-twitter.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(85, 172, 238, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-twitter:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-outline-twitter {
+  background: none;
+  border-color: #55acee;
+  color: #3ea1ec;
+  border-width: 1px;
+}
+
+.btn.btn-outline-twitter:not(:disabled):not(.disabled):hover {
+  background: #55acee;
+  border-color: #55acee;
+  color: white;
+}
+
+.btn.btn-outline-twitter:not(:disabled):not(.disabled):focus,
+.btn.btn-outline-twitter:not(:disabled):not(.disabled):active {
+  background: #1d91e8;
+  border-color: #1d91e8;
+  color: white;
+}
+
+.btn.btn-outline-twitter:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(85, 172, 238, 0.4);
+}
+
+.btn.btn-outline-twitter.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(85, 172, 238, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-outline-twitter:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-linkedin {
+  background: #0077b5;
+  border-color: #0077b5;
+  color: white;
+}
+
+.btn.btn-linkedin:not(:disabled):not(.disabled):hover,
+.btn.btn-linkedin:not(:disabled):not(.disabled):focus,
+.btn.btn-linkedin:not(:disabled):not(.disabled):active {
+  background: #005582;
+  border-color: #005582;
+}
+
+.btn.btn-linkedin:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(0, 119, 181, 0.4) !important;
+}
+
+.btn.btn-linkedin.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(0, 119, 181, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-linkedin:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-outline-linkedin {
+  background: none;
+  border-color: #0077b5;
+  color: #00669c;
+  border-width: 1px;
+}
+
+.btn.btn-outline-linkedin:not(:disabled):not(.disabled):hover {
+  background: #0077b5;
+  border-color: #0077b5;
+  color: white;
+}
+
+.btn.btn-outline-linkedin:not(:disabled):not(.disabled):focus,
+.btn.btn-outline-linkedin:not(:disabled):not(.disabled):active {
+  background: #004f78;
+  border-color: #004f78;
+  color: white;
+}
+
+.btn.btn-outline-linkedin:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(0, 119, 181, 0.4);
+}
+
+.btn.btn-outline-linkedin.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(0, 119, 181, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-outline-linkedin:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-whatsapp {
+  background: #43d854;
+  border-color: #43d854;
+  color: white;
+}
+
+.btn.btn-whatsapp:not(:disabled):not(.disabled):hover,
+.btn.btn-whatsapp:not(:disabled):not(.disabled):focus,
+.btn.btn-whatsapp:not(:disabled):not(.disabled):active {
+  background: #28c039;
+  border-color: #28c039;
+}
+
+.btn.btn-whatsapp:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(67, 216, 84, 0.4) !important;
+}
+
+.btn.btn-whatsapp.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(67, 216, 84, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-whatsapp:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-outline-whatsapp {
+  background: none;
+  border-color: #43d854;
+  color: #2ed441;
+  border-width: 1px;
+}
+
+.btn.btn-outline-whatsapp:not(:disabled):not(.disabled):hover {
+  background: #43d854;
+  border-color: #43d854;
+  color: white;
+}
+
+.btn.btn-outline-whatsapp:not(:disabled):not(.disabled):focus,
+.btn.btn-outline-whatsapp:not(:disabled):not(.disabled):active {
+  background: #26b837;
+  border-color: #26b837;
+  color: white;
+}
+
+.btn.btn-outline-whatsapp:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(67, 216, 84, 0.4);
+}
+
+.btn.btn-outline-whatsapp.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(67, 216, 84, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-outline-whatsapp:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-instagram {
+  background: #3f729b;
+  border-color: #3f729b;
+  color: white;
+}
+
+.btn.btn-instagram:not(:disabled):not(.disabled):hover,
+.btn.btn-instagram:not(:disabled):not(.disabled):focus,
+.btn.btn-instagram:not(:disabled):not(.disabled):active {
+  background: #305777;
+  border-color: #305777;
+}
+
+.btn.btn-instagram:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(63, 114, 155, 0.4) !important;
+}
+
+.btn.btn-instagram.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(63, 114, 155, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-instagram:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-outline-instagram {
+  background: none;
+  border-color: #3f729b;
+  color: #386589;
+  border-width: 1px;
+}
+
+.btn.btn-outline-instagram:not(:disabled):not(.disabled):hover {
+  background: #3f729b;
+  border-color: #3f729b;
+  color: white;
+}
+
+.btn.btn-outline-instagram:not(:disabled):not(.disabled):focus,
+.btn.btn-outline-instagram:not(:disabled):not(.disabled):active {
+  background: #2d526f;
+  border-color: #2d526f;
+  color: white;
+}
+
+.btn.btn-outline-instagram:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(63, 114, 155, 0.4);
+}
+
+.btn.btn-outline-instagram.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(63, 114, 155, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-outline-instagram:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-dribbble {
+  background: #ea4c89;
+  border-color: #ea4c89;
+  color: white;
+}
+
+.btn.btn-dribbble:not(:disabled):not(.disabled):hover,
+.btn.btn-dribbble:not(:disabled):not(.disabled):focus,
+.btn.btn-dribbble:not(:disabled):not(.disabled):active {
+  background: #e51e6b;
+  border-color: #e51e6b;
+}
+
+.btn.btn-dribbble:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(234, 76, 137, 0.4) !important;
+}
+
+.btn.btn-dribbble.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(234, 76, 137, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-dribbble:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-outline-dribbble {
+  background: none;
+  border-color: #ea4c89;
+  color: #e7357a;
+  border-width: 1px;
+}
+
+.btn.btn-outline-dribbble:not(:disabled):not(.disabled):hover {
+  background: #ea4c89;
+  border-color: #ea4c89;
+  color: white;
+}
+
+.btn.btn-outline-dribbble:not(:disabled):not(.disabled):focus,
+.btn.btn-outline-dribbble:not(:disabled):not(.disabled):active {
+  background: #df1a66;
+  border-color: #df1a66;
+  color: white;
+}
+
+.btn.btn-outline-dribbble:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(234, 76, 137, 0.4);
+}
+
+.btn.btn-outline-dribbble.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(234, 76, 137, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-outline-dribbble:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-youtube {
+  background: #cd201f;
+  border-color: #cd201f;
+  color: white;
+}
+
+.btn.btn-youtube:not(:disabled):not(.disabled):hover,
+.btn.btn-youtube:not(:disabled):not(.disabled):focus,
+.btn.btn-youtube:not(:disabled):not(.disabled):active {
+  background: #a11918;
+  border-color: #a11918;
+}
+
+.btn.btn-youtube:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(205, 32, 31, 0.4) !important;
+}
+
+.btn.btn-youtube.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(205, 32, 31, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-youtube:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-outline-youtube {
+  background: none;
+  border-color: #cd201f;
+  color: #b71d1c;
+  border-width: 1px;
+}
+
+.btn.btn-outline-youtube:not(:disabled):not(.disabled):hover {
+  background: #cd201f;
+  border-color: #cd201f;
+  color: white;
+}
+
+.btn.btn-outline-youtube:not(:disabled):not(.disabled):focus,
+.btn.btn-outline-youtube:not(:disabled):not(.disabled):active {
+  background: #981817;
+  border-color: #981817;
+  color: white;
+}
+
+.btn.btn-outline-youtube:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(205, 32, 31, 0.4);
+}
+
+.btn.btn-outline-youtube.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(205, 32, 31, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-outline-youtube:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-github {
+  background: #00405d;
+  border-color: #00405d;
+  color: white;
+}
+
+.btn.btn-github:not(:disabled):not(.disabled):hover,
+.btn.btn-github:not(:disabled):not(.disabled):focus,
+.btn.btn-github:not(:disabled):not(.disabled):active {
+  background: #001d2a;
+  border-color: #001d2a;
+}
+
+.btn.btn-github:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(0, 64, 93, 0.4) !important;
+}
+
+.btn.btn-github.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(0, 64, 93, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-github:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-outline-github {
+  background: none;
+  border-color: #00405d;
+  color: #002e44;
+  border-width: 1px;
+}
+
+.btn.btn-outline-github:not(:disabled):not(.disabled):hover {
+  background: #00405d;
+  border-color: #00405d;
+  color: white;
+}
+
+.btn.btn-outline-github:not(:disabled):not(.disabled):focus,
+.btn.btn-outline-github:not(:disabled):not(.disabled):active {
+  background: #001620;
+  border-color: #001620;
+  color: white;
+}
+
+.btn.btn-outline-github:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(0, 64, 93, 0.4);
+}
+
+.btn.btn-outline-github.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(0, 64, 93, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-outline-github:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-behance {
+  background: #1769ff;
+  border-color: #1769ff;
+  color: white;
+}
+
+.btn.btn-behance:not(:disabled):not(.disabled):hover,
+.btn.btn-behance:not(:disabled):not(.disabled):focus,
+.btn.btn-behance:not(:disabled):not(.disabled):active {
+  background: #0050e3;
+  border-color: #0050e3;
+}
+
+.btn.btn-behance:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(23, 105, 255, 0.4) !important;
+}
+
+.btn.btn-behance.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(23, 105, 255, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-behance:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-outline-behance {
+  background: none;
+  border-color: #1769ff;
+  color: #0059fd;
+  border-width: 1px;
+}
+
+.btn.btn-outline-behance:not(:disabled):not(.disabled):hover {
+  background: #1769ff;
+  border-color: #1769ff;
+  color: white;
+}
+
+.btn.btn-outline-behance:not(:disabled):not(.disabled):focus,
+.btn.btn-outline-behance:not(:disabled):not(.disabled):active {
+  background: #004dd9;
+  border-color: #004dd9;
+  color: white;
+}
+
+.btn.btn-outline-behance:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(23, 105, 255, 0.4);
+}
+
+.btn.btn-outline-behance.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(23, 105, 255, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-outline-behance:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-skype {
+  background: #00aff0;
+  border-color: #00aff0;
+  color: white;
+}
+
+.btn.btn-skype:not(:disabled):not(.disabled):hover,
+.btn.btn-skype:not(:disabled):not(.disabled):focus,
+.btn.btn-skype:not(:disabled):not(.disabled):active {
+  background: #008abd;
+  border-color: #008abd;
+}
+
+.btn.btn-skype:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(0, 175, 240, 0.4) !important;
+}
+
+.btn.btn-skype.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(0, 175, 240, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-skype:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-outline-skype {
+  background: none;
+  border-color: #00aff0;
+  color: #009cd7;
+  border-width: 1px;
+}
+
+.btn.btn-outline-skype:not(:disabled):not(.disabled):hover {
+  background: #00aff0;
+  border-color: #00aff0;
+  color: white;
+}
+
+.btn.btn-outline-skype:not(:disabled):not(.disabled):focus,
+.btn.btn-outline-skype:not(:disabled):not(.disabled):active {
+  background: #0082b3;
+  border-color: #0082b3;
+  color: white;
+}
+
+.btn.btn-outline-skype:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(0, 175, 240, 0.4);
+}
+
+.btn.btn-outline-skype.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(0, 175, 240, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-outline-skype:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-yahoo {
+  background: #410093;
+  border-color: #410093;
+  color: white;
+}
+
+.btn.btn-yahoo:not(:disabled):not(.disabled):hover,
+.btn.btn-yahoo:not(:disabled):not(.disabled):focus,
+.btn.btn-yahoo:not(:disabled):not(.disabled):active {
+  background: #2a0060;
+  border-color: #2a0060;
+}
+
+.btn.btn-yahoo:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(65, 0, 147, 0.4) !important;
+}
+
+.btn.btn-yahoo.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(65, 0, 147, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-yahoo:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-outline-yahoo {
+  background: none;
+  border-color: #410093;
+  color: #36007a;
+  border-width: 1px;
+}
+
+.btn.btn-outline-yahoo:not(:disabled):not(.disabled):hover {
+  background: #410093;
+  border-color: #410093;
+  color: white;
+}
+
+.btn.btn-outline-yahoo:not(:disabled):not(.disabled):focus,
+.btn.btn-outline-yahoo:not(:disabled):not(.disabled):active {
+  background: #260056;
+  border-color: #260056;
+  color: white;
+}
+
+.btn.btn-outline-yahoo:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(65, 0, 147, 0.4);
+}
+
+.btn.btn-outline-yahoo.btn-pulse:not(:disabled):not(.disabled) {
+  box-shadow: 0 0 0 0 rgba(65, 0, 147, 0.9) !important;
+  -webkit-animation: pulse 1.5s infinite !important;
+}
+
+.btn.btn-outline-yahoo:hover {
+  -webkit-animation: none;
+}
+
+.btn.btn-apple,
+.btn.btn-google-play {
+  border-radius: 7px;
+}
+
+.btn.btn-apple img,
+.btn.btn-google-play img {
+  width: 35px;
+  margin-right: 10px;
+}
+
+.btn.btn-apple i,
+.btn.btn-google-play i {
+  font-size: 40px;
+  margin-right: 10px;
+}
+
+.btn.btn-apple > span,
+.btn.btn-google-play > span {
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+          flex-direction: column;
+  text-align: left;
+}
+
+.btn.btn-apple > span span:nth-child(2),
+.btn.btn-google-play > span span:nth-child(2) {
+  font-size: 20px;
+  font-weight: 600;
+  margin-top: 5px;
+}
+
+.btn.btn-apple:hover,
+.btn.btn-apple:active,
+.btn.btn-apple:focus,
+.btn.btn-google-play:hover,
+.btn.btn-google-play:active,
+.btn.btn-google-play:focus {
+  background: #040507;
+  color: white;
+}
+
+.btn.btn-apple {
+  border: 1px solid #040507;
+  color: #040507;
+}
+
+.btn.btn-google-play {
+  background: #040507;
+  color: white;
+}
+
+.btn.btn-google-play > span span:nth-child(1) {
+  text-transform: uppercase;
+  font-size: 12px;
+}
+
+@-webkit-keyframes pulse {
+  to {
+    box-shadow: 0 0 0 10px rgba(232, 76, 61, 0);
+  }
+}
+
+@keyframes pulse {
+  to {
+    box-shadow: 0 0 0 10px rgba(232, 76, 61, 0);
+  }
+}
+
+.progress .progress-bar.progress-bar-striped {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+  background-size: 1rem 1rem !important;
+}
+
+.progress .progress-bar:not(.progress-bar-striped) {
+  background: #0081ff;
+}
+
+.dropdown {
+  display: inline;
+}
+
+.dropdown-menu {
+  margin-top: -10px;
+  visibility: hidden;
+  opacity: 0;
+  height: 0;
+  display: block !important;
+  -webkit-transition: margin-top 0.3s, opacity 0.3s;
+  transition: margin-top 0.3s, opacity 0.3s;
+  border-top: 1px solid #eee !important;
+}
+
+.dropdown-menu ul.list-group {
+  max-height: 300px;
+}
+
+.dropdown-menu.show {
+  margin-top: 0;
+  visibility: visible;
+  opacity: 1;
+  height: auto;
+}
+
+.dropdown-header {
+  font-size: inherit;
+  padding: 10px 20px;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.dropdown-body {
+  padding: 10px 20px;
+}
+
+.dropdown-menu {
+  border-radius: 0.5rem;
+  font-size: 14px;
+  border: none;
+  box-shadow: 0px 5px 10px -1px rgba(0, 0, 0, 0.15);
+  overflow: hidden;
+}
+
+.dropdown-menu.dropdown-menu-big {
+  padding: 0;
+  width: 300px;
+}
+
+.dropdown-menu .dropdown-menu-body {
+  max-height: 400px;
+  overflow: auto;
+}
+
+.dropdown-menu .dropdown-menu-title {
+  background-color: #0081ff;
+  padding: 15px 20px;
+  color: white;
+  background-size: cover !important;
+  background-position: center !important;
+}
+
+.dropdown-menu .dropdown-menu-footer {
+  padding: 10px 20px;
+}
+
+.dropdown-menu ul li.dropdown-menu-title {
+  background: red;
+  margin: 5px 0;
+  padding: 0px 20px 5px;
+  border-bottom: 1px solid #ebebeb;
+}
+
+.dropdown-menu ul li.dropdown-menu-title:first-child {
+  margin-top: 0;
+}
+
+.dropdown-menu .dropdown-item:hover,
+.dropdown-menu .dropdown-item:focus,
+.dropdown-menu .dropdown-item:active {
+  background: #f5f5f5;
+  text-decoration: none;
+  color: #0081ff;
+}
+
+table .dropdown {
+  line-height: initial;
+}
+
+.badge {
+  padding: 5px 10px;
+  font-size: 11px;
+}
+
+.badge.badge-success {
+  background: #28c76f;
+}
+
+.badge.badge-danger {
+  background: #ea5455;
+}
+
+.badge.badge-secondary {
+  background: #aa66cc;
+}
+
+.badge.badge-info {
+  background: #33b5e5;
+}
+
+.badge.badge-warning {
+  background: #ff9f43;
+}
+
+.badge.badge-dark {
+  background: #293134;
+}
+
+.badge.badge-primary {
+  background: #0081ff;
+}
+
+.badge.badge-light {
+  background: #afb8bd;
+}
+
+.btn {
+  position: relative;
+}
+
+.btn .badge {
+  padding: 2px 6px;
+  right: 7px;
+  top: -7px;
+  position: absolute;
+}
+
+.collapse .card,
+.collapse .app-block .app-content .app-action,
+.app-block .app-content .collapse .app-action,
+.collapse .chat-block {
+  border: 1px solid #e1e1e1;
+  box-shadow: none;
+}
+
+.media > img,
+.media > a > img,
+.header form .input-group .input-group-append .media > button.btn > img {
+  width: 80px;
+}
+
+.accordion .card,
+.accordion .app-block .app-content .app-action,
+.app-block .app-content .accordion .app-action,
+.accordion .chat-block {
+  margin-bottom: 0;
+  border: 1px solid #ebebeb;
+}
+
+.accordion .card .card-header,
+.accordion .app-block .app-content .app-action .card-header,
+.app-block .app-content .accordion .app-action .card-header,
+.accordion .chat-block .card-header {
+  display: -webkit-box;
+  display: flex;
+  height: 50px;
+  padding: 0 10px;
+  -webkit-box-align: center;
+          align-items: center;
+}
+
+.accordion .card .card-header button,
+.accordion .app-block .app-content .app-action .card-header button,
+.app-block .app-content .accordion .app-action .card-header button,
+.accordion .chat-block .card-header button {
+  display: block;
+}
+
+.accordion.custom-accordion {
+  border: 1px solid #ebebeb;
+  border-radius: 5px;
+  overflow: hidden;
+}
+
+.accordion.custom-accordion .accordion-row a.accordion-header,
+.accordion.custom-accordion .accordion-row .header form .input-group .input-group-append button.accordion-header.btn,
+.header form .input-group .input-group-append .accordion.custom-accordion .accordion-row button.accordion-header.btn {
+  color: #293134;
+  border-bottom: 1px solid #ebebeb;
+  border-top: 1px solid #ebebeb;
+  padding: 10px 20px;
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+          justify-content: space-between;
+  margin-top: -1px;
+}
+
+.accordion.custom-accordion .accordion-row a.accordion-header .accordion-status-icon.open,
+.accordion.custom-accordion .accordion-row .header form .input-group .input-group-append button.accordion-header.btn .accordion-status-icon.open,
+.header form .input-group .input-group-append .accordion.custom-accordion .accordion-row button.accordion-header.btn .accordion-status-icon.open {
+  display: none;
+}
+
+.accordion.custom-accordion .accordion-row a.accordion-header:hover,
+.accordion.custom-accordion .accordion-row .header form .input-group .input-group-append button.accordion-header.btn:hover,
+.header form .input-group .input-group-append .accordion.custom-accordion .accordion-row button.accordion-header.btn:hover,
+.accordion.custom-accordion .accordion-row a.accordion-header:focus,
+.accordion.custom-accordion .accordion-row .header form .input-group .input-group-append button.accordion-header.btn:focus,
+.header form .input-group .input-group-append .accordion.custom-accordion .accordion-row button.accordion-header.btn:focus {
+  color: #0081ff;
+}
+
+.accordion.custom-accordion .accordion-row .accordion-body {
+  display: none;
+  padding: 10px 20px;
+}
+
+.accordion.custom-accordion .accordion-row.open a.accordion-header,
+.accordion.custom-accordion .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn,
+.header form .input-group .input-group-append .accordion.custom-accordion .accordion-row.open button.accordion-header.btn {
+  background: white;
+}
+
+.accordion.custom-accordion .accordion-row.open a.accordion-header .accordion-status-icon.open,
+.accordion.custom-accordion .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn .accordion-status-icon.open,
+.header form .input-group .input-group-append .accordion.custom-accordion .accordion-row.open button.accordion-header.btn .accordion-status-icon.open {
+  display: block;
+}
+
+.accordion.custom-accordion .accordion-row.open a.accordion-header .accordion-status-icon.close,
+.accordion.custom-accordion .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn .accordion-status-icon.close,
+.header form .input-group .input-group-append .accordion.custom-accordion .accordion-row.open button.accordion-header.btn .accordion-status-icon.close {
+  display: none;
+}
+
+.accordion.custom-accordion .accordion-row.open .accordion-body {
+  display: block;
+}
+
+.accordion.custom-accordion .accordion-row:first-child a.accordion-header,
+.accordion.custom-accordion .accordion-row:first-child .header form .input-group .input-group-append button.accordion-header.btn,
+.header form .input-group .input-group-append .accordion.custom-accordion .accordion-row:first-child button.accordion-header.btn {
+  border-top: none;
+}
+
+.accordion.custom-accordion.accordion-primary .accordion-row:not(.open) a.accordion-header:hover,
+.accordion.custom-accordion.accordion-primary .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:hover,
+.header form .input-group .input-group-append .accordion.custom-accordion.accordion-primary .accordion-row:not(.open) button.accordion-header.btn:hover,
+.accordion.custom-accordion.accordion-primary .accordion-row:not(.open) a.accordion-header:focus,
+.accordion.custom-accordion.accordion-primary .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:focus,
+.header form .input-group .input-group-append .accordion.custom-accordion.accordion-primary .accordion-row:not(.open) button.accordion-header.btn:focus {
+  color: #0081ff;
+}
+
+.accordion.custom-accordion.accordion-primary .accordion-row.open a.accordion-header,
+.accordion.custom-accordion.accordion-primary .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn,
+.header form .input-group .input-group-append .accordion.custom-accordion.accordion-primary .accordion-row.open button.accordion-header.btn {
+  background: #0081ff;
+  color: white;
+}
+
+.accordion.custom-accordion.accordion-success .accordion-row:not(.open) a.accordion-header:hover,
+.accordion.custom-accordion.accordion-success .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:hover,
+.header form .input-group .input-group-append .accordion.custom-accordion.accordion-success .accordion-row:not(.open) button.accordion-header.btn:hover,
+.accordion.custom-accordion.accordion-success .accordion-row:not(.open) a.accordion-header:focus,
+.accordion.custom-accordion.accordion-success .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:focus,
+.header form .input-group .input-group-append .accordion.custom-accordion.accordion-success .accordion-row:not(.open) button.accordion-header.btn:focus {
+  color: #28c76f;
+}
+
+.accordion.custom-accordion.accordion-success .accordion-row.open a.accordion-header,
+.accordion.custom-accordion.accordion-success .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn,
+.header form .input-group .input-group-append .accordion.custom-accordion.accordion-success .accordion-row.open button.accordion-header.btn {
+  background: #28c76f;
+  color: white;
+}
+
+.accordion.custom-accordion.accordion-danger .accordion-row:not(.open) a.accordion-header:hover,
+.accordion.custom-accordion.accordion-danger .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:hover,
+.header form .input-group .input-group-append .accordion.custom-accordion.accordion-danger .accordion-row:not(.open) button.accordion-header.btn:hover,
+.accordion.custom-accordion.accordion-danger .accordion-row:not(.open) a.accordion-header:focus,
+.accordion.custom-accordion.accordion-danger .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:focus,
+.header form .input-group .input-group-append .accordion.custom-accordion.accordion-danger .accordion-row:not(.open) button.accordion-header.btn:focus {
+  color: #ea5455;
+}
+
+.accordion.custom-accordion.accordion-danger .accordion-row.open a.accordion-header,
+.accordion.custom-accordion.accordion-danger .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn,
+.header form .input-group .input-group-append .accordion.custom-accordion.accordion-danger .accordion-row.open button.accordion-header.btn {
+  background: #ea5455;
+  color: white;
+}
+
+.accordion.custom-accordion.accordion-secondary .accordion-row:not(.open) a.accordion-header:hover,
+.accordion.custom-accordion.accordion-secondary .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:hover,
+.header form .input-group .input-group-append .accordion.custom-accordion.accordion-secondary .accordion-row:not(.open) button.accordion-header.btn:hover,
+.accordion.custom-accordion.accordion-secondary .accordion-row:not(.open) a.accordion-header:focus,
+.accordion.custom-accordion.accordion-secondary .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:focus,
+.header form .input-group .input-group-append .accordion.custom-accordion.accordion-secondary .accordion-row:not(.open) button.accordion-header.btn:focus {
+  color: #aa66cc;
+}
+
+.accordion.custom-accordion.accordion-secondary .accordion-row.open a.accordion-header,
+.accordion.custom-accordion.accordion-secondary .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn,
+.header form .input-group .input-group-append .accordion.custom-accordion.accordion-secondary .accordion-row.open button.accordion-header.btn {
+  background: #aa66cc;
+  color: white;
+}
+
+.accordion.custom-accordion.accordion-light .accordion-row:not(.open) a.accordion-header:hover,
+.accordion.custom-accordion.accordion-light .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:hover,
+.header form .input-group .input-group-append .accordion.custom-accordion.accordion-light .accordion-row:not(.open) button.accordion-header.btn:hover,
+.accordion.custom-accordion.accordion-light .accordion-row:not(.open) a.accordion-header:focus,
+.accordion.custom-accordion.accordion-light .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:focus,
+.header form .input-group .input-group-append .accordion.custom-accordion.accordion-light .accordion-row:not(.open) button.accordion-header.btn:focus {
+  color: #293134;
+}
+
+.accordion.custom-accordion.accordion-light .accordion-row.open a.accordion-header,
+.accordion.custom-accordion.accordion-light .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn,
+.header form .input-group .input-group-append .accordion.custom-accordion.accordion-light .accordion-row.open button.accordion-header.btn {
+  background: #afb8bd;
+  color: #293134;
+}
+
+.accordion.custom-accordion.accordion-warning .accordion-row:not(.open) a.accordion-header:hover,
+.accordion.custom-accordion.accordion-warning .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:hover,
+.header form .input-group .input-group-append .accordion.custom-accordion.accordion-warning .accordion-row:not(.open) button.accordion-header.btn:hover,
+.accordion.custom-accordion.accordion-warning .accordion-row:not(.open) a.accordion-header:focus,
+.accordion.custom-accordion.accordion-warning .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:focus,
+.header form .input-group .input-group-append .accordion.custom-accordion.accordion-warning .accordion-row:not(.open) button.accordion-header.btn:focus {
+  color: #ff9f43;
+}
+
+.accordion.custom-accordion.accordion-warning .accordion-row.open a.accordion-header,
+.accordion.custom-accordion.accordion-warning .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn,
+.header form .input-group .input-group-append .accordion.custom-accordion.accordion-warning .accordion-row.open button.accordion-header.btn {
+  background: #ff9f43;
+  color: #293134;
+}
+
+.accordion.custom-accordion.accordion-info .accordion-row:not(.open) a.accordion-header:hover,
+.accordion.custom-accordion.accordion-info .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:hover,
+.header form .input-group .input-group-append .accordion.custom-accordion.accordion-info .accordion-row:not(.open) button.accordion-header.btn:hover,
+.accordion.custom-accordion.accordion-info .accordion-row:not(.open) a.accordion-header:focus,
+.accordion.custom-accordion.accordion-info .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:focus,
+.header form .input-group .input-group-append .accordion.custom-accordion.accordion-info .accordion-row:not(.open) button.accordion-header.btn:focus {
+  color: #33b5e5;
+}
+
+.accordion.custom-accordion.accordion-info .accordion-row.open a.accordion-header,
+.accordion.custom-accordion.accordion-info .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn,
+.header form .input-group .input-group-append .accordion.custom-accordion.accordion-info .accordion-row.open button.accordion-header.btn {
+  background: #33b5e5;
+  color: white;
+}
+
+.accordion.custom-accordion.accordion-dark .accordion-row:not(.open) a.accordion-header:hover,
+.accordion.custom-accordion.accordion-dark .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:hover,
+.header form .input-group .input-group-append .accordion.custom-accordion.accordion-dark .accordion-row:not(.open) button.accordion-header.btn:hover,
+.accordion.custom-accordion.accordion-dark .accordion-row:not(.open) a.accordion-header:focus,
+.accordion.custom-accordion.accordion-dark .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:focus,
+.header form .input-group .input-group-append .accordion.custom-accordion.accordion-dark .accordion-row:not(.open) button.accordion-header.btn:focus {
+  color: #293134;
+}
+
+.accordion.custom-accordion.accordion-dark .accordion-row.open a.accordion-header,
+.accordion.custom-accordion.accordion-dark .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn,
+.header form .input-group .input-group-append .accordion.custom-accordion.accordion-dark .accordion-row.open button.accordion-header.btn {
+  background: #293134;
+  color: white;
+}
+
+.isotope-item {
+  z-index: 2;
+}
+
+.isotope-hidden.isotope-item {
+  pointer-events: none;
+  z-index: 1;
+}
+
+.isotope,
+.isotope .isotope-item {
+  -webkit-transition-duration: 0.8s;
+          transition-duration: 0.8s;
+}
+
+.isotope {
+  -webkit-transition-property: height, width;
+  transition-property: height, width;
+}
+
+.isotope .isotope-item {
+  -webkit-transition-property: opacity, -webkit-transform;
+  transition-property: opacity, -webkit-transform;
+  transition-property: transform, opacity;
+  transition-property: transform, opacity, -webkit-transform;
+}
+
+.gallery-container img {
+  width: 100%;
+}
+
+.daterangepicker td.active {
+  background: #0081ff;
+}
+
+.daterangepicker td.active:hover {
+  background: #0081ff;
+}
+
+.daterangepicker .ranges li.active {
+  background: #0081ff;
+}
+
+.alert {
+  border-color: transparent !important;
+}
+
+.alert .close {
+  height: 100%;
+  width: 44px;
+  -webkit-box-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+          align-items: center;
+  padding: 0;
+  display: -webkit-box;
+  display: flex;
+}
+
+.alert .close > * {
+  font-size: initial;
+  text-shadow: none;
+  line-height: 0;
+}
+
+.alert.alert-primary {
+  background: rgba(0, 129, 255, 0.3) !important;
+}
+
+.alert.alert-primary.alert-with-border {
+  border-left: 3px solid #0081ff !important;
+}
+
+.alert.alert-secondary {
+  background: rgba(170, 102, 204, 0.3) !important;
+}
+
+.alert.alert-secondary.alert-with-border {
+  border-left: 3px solid #aa66cc !important;
+}
+
+.alert.alert-success {
+  background: rgba(40, 199, 111, 0.3) !important;
+}
+
+.alert.alert-success.alert-with-border {
+  border-left: 3px solid #28c76f !important;
+}
+
+.alert.alert-danger {
+  background: rgba(234, 84, 85, 0.3) !important;
+}
+
+.alert.alert-danger.alert-with-border {
+  border-left: 3px solid #ea5455 !important;
+}
+
+.alert.alert-warning {
+  background: rgba(255, 159, 67, 0.3) !important;
+}
+
+.alert.alert-warning.alert-with-border {
+  border-left: 3px solid #ff9f43 !important;
+}
+
+.alert.alert-info {
+  background: rgba(51, 181, 229, 0.3) !important;
+}
+
+.alert.alert-info.alert-with-border {
+  border-left: 3px solid #33b5e5 !important;
+}
+
+.alert.alert-dark {
+  background: #d4d5d8 !important;
+  color: #293134 !important;
+}
+
+.alert.alert-dark.alert-with-border {
+  border-left: 3px solid #293134 !important;
+}
+
+.breadcrumb {
+  background: none;
+  padding: 0;
+  margin-bottom: 30px;
+}
+
+.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
+  font-family: "themify";
+  content: "\E649";
+  font-size: 10px;
+  margin-right: 0;
+}
+
+.breadcrumb .breadcrumb-item:before {
+  font-family: "themify";
+  content: "\E69B";
+  margin-right: 0.5rem;
+}
+
+.breadcrumb .breadcrumb-item.active {
+  color: #0081ff;
+}
+
+.notify .alert {
+  border: none;
+  box-shadow: 0 2px 10px 0 rgba(24, 28, 33, 0.04);
+}
+
+.notify .alert .alert-heading {
+  font-size: 16px;
+  font-weight: 600;
+}
+
+.notify.open {
+  -webkit-transform: translate(0);
+          transform: translate(0);
+}
+
+.pagination .page-item.active .page-link {
+  background: #0081ff;
+  border-color: transparent;
+}
+
+.pagination .page-item .page-link:hover,
+.pagination .page-item .page-link:focus {
+  text-decoration: none;
+}
+
+.pagination.pagination-rounded .page-item {
+  margin: 0 5px;
+}
+
+.pagination.pagination-rounded .page-item .page-link {
+  border-radius: 50%;
+  padding: 0;
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+          justify-content: center;
+  height: 40px;
+  width: 40px;
+}
+
+.pagination.pagination-rounded.pagination-sm .page-link {
+  height: 30px;
+  width: 30px;
+}
+
+.pagination.pagination-rounded.pagination-lg .page-link {
+  height: 60px;
+  width: 60px;
+}
+
+.tourStep {
+  border: none;
+}
+
+.tourStep.right {
+  margin-left: 10px;
+}
+
+.tourStep.left {
+  margin-right: 10px;
+}
+
+.tourStep.top {
+  margin-top: -10px;
+}
+
+.tourStep.bottom {
+  margin-top: 10px;
+}
+
+.tourStep .popover-navigation {
+  border-top: 1px solid #ddd;
+  padding: 0.5rem 0.75rem;
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-align: center;
+          align-items: center;
+}
+
+.tourStep .popover-navigation span {
+  font-size: 12px;
+  color: #9b9b9b;
+}
+
+.tourStep .popover-navigation .popover-navigation-buttons {
+  margin-left: auto;
+}
+
+.tourStep .popover-navigation .popover-navigation-buttons .btn {
+  margin-left: 5px;
+}
+
+.swal-modal {
+  border-radius: 0.5rem;
+}
+
+.swal-modal .swal-title {
+  font-size: 20px;
+}
+
+.swal-modal .swal-text {
+  text-align: center;
+}
+
+.swal-modal .swal-button {
+  padding: 0.375rem 0.75rem;
+}
+
+.swal-modal .swal-button.swal-button--confirm {
+  background: #0081ff;
+}
+
+.swal-modal .swal-button.swal-button--danger {
+  background: #ea5455;
+}
+
+.swal-modal .swal-button.swal-button--cancel {
+  background: #afb8bd;
+}
+
+.swal-modal .swal-icon--error {
+  border-color: #f4a6a6;
+}
+
+.swal-modal .swal-icon--error .swal-icon--error__line {
+  background: #f4a6a6;
+}
+
+.irs .irs-single,
+.irs .irs-to,
+.irs .irs-from {
+  background: #0081ff;
+}
+
+.irs .irs-single:before,
+.irs .irs-to:before,
+.irs .irs-from:before {
+  border-top-color: #0081ff;
+}
+
+.irs .irs-handle {
+  border-color: #0081ff;
+}
+
+.irs .irs-bar {
+  background: #0081ff;
+}
+
+.select2 {
+  width: 100% !important;
+}
+
+.select2.select2-container .select2-selection {
+  border: 1px solid #ced4da;
+}
+
+.select2.select2-container .select2-selection .select2-selection__placeholder {
+  line-height: calc(2.25rem + 2px);
+}
+
+.select2.select2-container .select2-selection .select2-selection__arrow {
+  height: calc(2.25rem + 2px);
+  width: 30px;
+}
+
+.select2.select2-container .select2-selection .select2-selection__choice {
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-align: center;
+          align-items: center;
+  border: none;
+}
+
+.select2.select2-container .select2-selection .select2-selection__choice .select2-selection__choice__remove {
+  font-size: 16px;
+  padding: 0 5px 0 3px;
+}
+
+.select2.select2-container .select2-selection.select2-container--focus {
+  border-color: red;
+}
+
+.select2-container--default .select2-results__option--highlighted[aria-selected] {
+  background-color: #0081ff;
+  color: white;
+}
+
+.select2-container--default.select2-container--focus .select2-selection--multiple {
+  border-color: rgba(0, 129, 255, 0.8);
+}
+
+.select2-container--default .select2-search--dropdown .select2-search__field {
+  height: calc(2.25rem + 2px);
+  padding: 0.375rem 0.75rem;
+}
+
+body.modal-open .modal.fade .modal-dialog {
+  -webkit-transform: translate(0, 0) scale(0.9);
+          transform: translate(0, 0) scale(0.9);
+}
+
+body.modal-open .modal.show .modal-dialog {
+  -webkit-transform: translate(0, 0) scale(1);
+          transform: translate(0, 0) scale(1);
+}
+
+.modal .modal-dialog .modal-content {
+  border: none;
+  box-shadow: none;
+  border-radius: 0.5rem;
+}
+
+.modal .modal-dialog .modal-content .modal-header {
+  height: 60px;
+  padding: 0 20px;
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-align: center;
+          align-items: center;
+  background-color: #ebebeb;
+  border-bottom: none;
+}
+
+.modal .modal-dialog .modal-content .modal-header .modal-title {
+  font-size: 17px;
+  font-weight: 600;
+}
+
+.modal .modal-dialog .modal-content .modal-header button.close {
+  background-color: white;
+  text-shadow: none;
+  opacity: 1;
+  margin: 0;
+  font-size: 23px;
+  padding: 0;
+  width: 30px;
+  height: 30px;
+  display: -webkit-box;
+  display: flex;
+  border-radius: 50%;
+  -webkit-box-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+          justify-content: center;
+}
+
+.modal .modal-dialog .modal-content .modal-header button.close:hover {
+  color: #646464;
+}
+
+.modal .modal-dialog .modal-content .modal-header button.close > * {
+  font-size: initial;
+}
+
+.modal .modal-dialog .modal-content .modal-body {
+  padding: 1.5rem;
+}
+
+.modal .modal-dialog .modal-content .modal-footer {
+  height: 60px;
+}
+
+.wickedpicker {
+  border: none;
+  box-shadow: 0 2px 15px 0 rgba(69, 65, 78, 0.18);
+  width: auto;
+  border-radius: 0;
+  height: auto;
+}
+
+.wickedpicker .wickedpicker__controls {
+  padding: 10px 15px;
+}
+
+.wickedpicker .wickedpicker__controls__control {
+  width: 40px;
+}
+
+.wickedpicker .wickedpicker__controls__control .wickedpicker__controls__control-up:before {
+  content: "\F077";
+  font: normal normal normal 14px/1 FontAwesome;
+}
+
+.wickedpicker .wickedpicker__controls__control .wickedpicker__controls__control-down:after {
+  content: "\F078";
+  font: normal normal normal 14px/1 FontAwesome;
+}
+
+.wickedpicker .wickedpicker__controls__control .hover-state {
+  color: #0081ff;
+}
+
+.wickedpicker .wickedpicker__title {
+  display: none;
+}
+
+.clearable-picker {
+  position: relative;
+}
+
+.clearable-picker [data-clear-picker] {
+  cursor: pointer;
+  font-size: 20px;
+  position: absolute;
+  right: 10px;
+  top: 50%;
+  height: 17px;
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+          justify-content: center;
+  width: 17px;
+  color: #646464;
+  margin-top: -8.5px;
+  bottom: 0;
+}
+
+.avatar {
+  display: inline-block;
+  margin-bottom: 0;
+  height: 3rem;
+  width: 3rem;
+  border-radius: 50%;
+}
+
+.avatar .avatar-title {
+  background: #d7d7d7;
+  width: 100%;
+  height: 100%;
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+          justify-content: center;
+  text-transform: uppercase;
+  font-size: 19px;
+}
+
+.avatar > a,
+.header form .input-group .input-group-append .avatar > button.btn {
+  width: 100%;
+  height: 100%;
+  display: block;
+  -webkit-transition: color 0.3s;
+  transition: color 0.3s;
+  color: #0081ff;
+}
+
+.avatar > a:hover,
+.header form .input-group .input-group-append .avatar > button.btn:hover,
+.avatar > a:focus,
+.header form .input-group .input-group-append .avatar > button.btn:focus {
+  color: #646464;
+}
+
+.avatar > a > img,
+.header form .input-group .input-group-append .avatar > button.btn > img,
+.avatar > img {
+  width: 100%;
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+
+.avatar.avatar-sm {
+  height: 2rem;
+  width: 2rem;
+}
+
+.avatar.avatar-sm .avatar-title {
+  font-size: 14px;
+}
+
+.avatar.avatar-sm.avatar-state-primary:before,
+.avatar.avatar-sm.avatar-state-success:before,
+.avatar.avatar-sm.avatar-state-danger:before,
+.avatar.avatar-sm.avatar-state-warning:before,
+.avatar.avatar-sm.avatar-state-info:before,
+.avatar.avatar-sm.avatar-state-secondary:before,
+.avatar.avatar-sm.avatar-state-light:before,
+.avatar.avatar-sm.avatar-state-dark:before {
+  width: 0.8rem;
+  height: 0.8rem;
+}
+
+.avatar.avatar-lg {
+  height: 4.5rem;
+  width: 4.5rem;
+}
+
+.avatar.avatar-lg .avatar-title {
+  font-size: 29px;
+}
+
+.avatar.avatar-lg.avatar-state-primary:before,
+.avatar.avatar-lg.avatar-state-success:before,
+.avatar.avatar-lg.avatar-state-danger:before,
+.avatar.avatar-lg.avatar-state-warning:before,
+.avatar.avatar-lg.avatar-state-info:before,
+.avatar.avatar-lg.avatar-state-secondary:before,
+.avatar.avatar-lg.avatar-state-light:before,
+.avatar.avatar-lg.avatar-state-dark:before {
+  width: 1.3rem;
+  height: 1.3rem;
+  right: 4px;
+}
+
+.avatar.avatar-xl {
+  height: 5.8rem;
+  width: 5.8rem;
+}
+
+.avatar.avatar-xl .avatar-title {
+  font-size: 39px;
+}
+
+.avatar.avatar-xl.avatar-state-primary:before,
+.avatar.avatar-xl.avatar-state-success:before,
+.avatar.avatar-xl.avatar-state-danger:before,
+.avatar.avatar-xl.avatar-state-warning:before,
+.avatar.avatar-xl.avatar-state-info:before,
+.avatar.avatar-xl.avatar-state-secondary:before,
+.avatar.avatar-xl.avatar-state-light:before,
+.avatar.avatar-xl.avatar-state-dark:before {
+  width: 1.6rem;
+  height: 1.6rem;
+  top: 3px;
+  right: 3px;
+}
+
+.avatar.avatar-state-primary,
+.avatar.avatar-state-success,
+.avatar.avatar-state-danger,
+.avatar.avatar-state-warning,
+.avatar.avatar-state-info,
+.avatar.avatar-state-secondary,
+.avatar.avatar-state-light,
+.avatar.avatar-state-dark {
+  position: relative;
+}
+
+.avatar.avatar-state-primary:before,
+.avatar.avatar-state-success:before,
+.avatar.avatar-state-danger:before,
+.avatar.avatar-state-warning:before,
+.avatar.avatar-state-info:before,
+.avatar.avatar-state-secondary:before,
+.avatar.avatar-state-light:before,
+.avatar.avatar-state-dark:before {
+  content: "";
+  position: absolute;
+  display: block;
+  width: 1rem;
+  height: 1rem;
+  border-radius: 50%;
+  top: 0px;
+  right: 0px;
+  border: 3px solid white;
+}
+
+.avatar.avatar-state-primary:before {
+  background: #0081ff;
+}
+
+.avatar.avatar-state-success:before {
+  background: #28c76f;
+}
+
+.avatar.avatar-state-danger:before {
+  background: #ea5455;
+}
+
+.avatar.avatar-state-warning:before {
+  background: #ff9f43;
+}
+
+.avatar.avatar-state-info:before {
+  background: #33b5e5;
+}
+
+.avatar.avatar-state-secondary:before {
+  background: #aa66cc;
+}
+
+.avatar.avatar-state-light:before {
+  background: #afb8bd;
+}
+
+.avatar.avatar-state-dark:before {
+  background: #293134;
+}
+
+.avatar-group {
+  display: -webkit-inline-box;
+  display: inline-flex;
+}
+
+.avatar-group .avatar {
+  margin-right: -1rem;
+  border: 2px solid white;
+}
+
+.avatar-group .avatar:last-child {
+  margin-right: 0;
+}
+
+.avatar-group .avatar:hover {
+  position: relative;
+  z-index: 1;
+}
+
+.dropzone {
+  border-width: 1px;
+  border-color: #0081ff;
+}
+
+body.form-membership {
+  background-attachment: fixed;
+  background-size: cover;
+  padding: 3rem 0;
+}
+
+body.form-membership .form-wrapper {
+  background-color: white;
+  box-shadow: 0 3px 10px rgba(62, 85, 120, 0.045);
+  padding: 3rem;
+  border-radius: 0.5rem;
+  width: 430px;
+  margin: 50px auto;
+  text-align: center;
+}
+
+body.form-membership .form-wrapper #logo {
+  margin: 1rem 0 3rem;
+}
+
+body.form-membership .form-wrapper #logo img:not(.logo) {
+  display: none;
+}
+
+body.form-membership .form-wrapper h5 {
+  text-align: center;
+  margin-bottom: 2rem;
+}
+
+body.form-membership .form-wrapper form .form-control,
+body.form-membership .form-wrapper form .swal-modal input.swal-content__input,
+.swal-modal body.form-membership .form-wrapper form input.swal-content__input {
+  margin-bottom: 1.5rem;
+}
+
+body.form-membership .form-wrapper hr {
+  margin: 2rem 0;
+}
+
+.user-page {
+  height: 100vh;
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+          justify-content: center;
+  overflow: auto;
+}
+
+.user-page .card,
+.user-page .app-block .app-content .app-action,
+.app-block .app-content .user-page .app-action,
+.user-page .chat-block {
+  width: 500px;
+}
+
+.user-page .card .card-body,
+.user-page .app-block .app-content .app-action .card-body,
+.app-block .app-content .user-page .app-action .card-body,
+.user-page .chat-block .card-body {
+  padding: 50px;
+}
+
+.chat-app {
+  overflow: hidden;
+  padding-bottom: 30px;
+}
+
+.chat-app .content-footer {
+  display: none;
+}
+
+.chat-app.horizontal-navigation .chat-block {
+  height: calc(100vh - 190px);
+}
+
+.chat-app.horizontal-navigation .layout-wrapper .content-wrapper .content-body .content {
+  padding-top: 160px;
+}
+
+.chat-block {
+  height: calc(100vh - 135px);
+  border-radius: 0.5rem;
+  overflow: hidden;
+  margin-bottom: 0;
+}
+
+.chat-block .chat-sidebar {
+  padding: 1.5rem;
+  height: 100%;
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+          flex-direction: column;
+  background-color: #f8fafb;
+}
+
+.chat-block .chat-sidebar .chat-sidebar-header form {
+  margin: 1.5rem 0;
+}
+
+.chat-block .chat-sidebar .chat-sidebar-content {
+  -webkit-box-flex: 1;
+          flex: 1;
+  height: 100%;
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+          flex-direction: column;
+  overflow: auto;
+}
+
+.chat-block .chat-sidebar .chat-sidebar-content .list-group .list-group-item {
+  background: white;
+  border-radius: 0.5rem;
+  border: 1px solid transparent;
+  margin-bottom: 1rem;
+}
+
+.chat-block .chat-sidebar .chat-sidebar-content .list-group .list-group-item.active {
+  color: black;
+  border-color: #0081ff;
+}
+
+.chat-block .chat-content {
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+          flex-direction: column;
+  height: 100%;
+}
+
+.chat-block .chat-content .mobile-chat-close-btn {
+  display: none;
+}
+
+.chat-block .chat-content .chat-header {
+  padding: 1.5rem;
+}
+
+.chat-block .chat-content .messages {
+  padding: 1.5rem;
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+          flex-direction: column;
+  -webkit-box-align: start;
+          align-items: flex-start;
+  -webkit-box-flex: 1;
+          flex: 1;
+  overflow-x: hidden;
+}
+
+.chat-block .chat-content .messages .message-item {
+  margin-bottom: 20px;
+  padding-left: 10px;
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-align: center;
+          align-items: center;
+  position: relative;
+}
+
+.chat-block .chat-content .messages .message-item .time {
+  margin-left: 1rem;
+}
+
+.chat-block .chat-content .messages .message-item img {
+  max-width: 30%;
+  border-radius: 0.5rem;
+}
+
+.chat-block .chat-content .messages .message-item:not(.message-media):not(.message-item-divider):before {
+  content: "";
+  border: 10px solid transparent;
+  border-right-color: #f0f0f0;
+  position: absolute;
+  top: 8px;
+  left: -10px;
+  z-index: 1;
+}
+
+.chat-block .chat-content .messages .message-item .message-item-content {
+  max-width: 75%;
+  background-color: #f0f0f0;
+  padding: 7px 15px;
+  line-height: 1.5rem;
+  border-radius: 0.5rem;
+  position: relative;
+  z-index: 2;
+}
+
+.chat-block .chat-content .messages .message-item.me {
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: reverse;
+          flex-direction: row-reverse;
+  margin-left: auto;
+  padding-left: 0px;
+  padding-right: 10px;
+}
+
+.chat-block .chat-content .messages .message-item.me .time {
+  margin-left: 0;
+  margin-right: 1rem;
+}
+
+.chat-block .chat-content .messages .message-item.me:not(.message-item-divider):before {
+  left: auto;
+  right: -10px;
+  border-left-color: #0081ff;
+  border-right-color: transparent;
+}
+
+.chat-block .chat-content .messages .message-item.me .message-item-content {
+  background-color: #0081ff;
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.chat-block .chat-content .messages .message-item.message-item-divider {
+  width: 100%;
+  display: -webkit-box;
+  display: flex;
+}
+
+.chat-block .chat-content .messages .message-item.message-item-divider span {
+  padding: 0 10px;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+
+.chat-block .chat-content .messages .message-item.message-item-divider:before,
+.chat-block .chat-content .messages .message-item.message-item-divider:after {
+  content: "";
+  display: block;
+  height: 1px;
+  background-color: #f0f0f0;
+  -webkit-box-flex: 1;
+          flex: 1;
+}
+
+.chat-block .chat-content .chat-footer {
+  padding: 1.5rem;
+}
+
+.chat-block .chat-content .chat-footer .chat-footer-buttons button {
+  margin-left: 0.5rem;
+}
+
+.table:not(.table-bordered) thead th {
+  border-top: none;
+  border-bottom-width: 1px;
+  font-weight: 500;
+  text-transform: uppercase;
+  font-size: 11px;
+  letter-spacing: 0.5px;
+}
+
+.table:not(.table-bordered) td {
+  vertical-align: middle;
+  line-height: 1;
+  white-space: nowrap;
+}
+
+.table .dropdown-menu {
+  margin-top: 0;
+}
+
+.table.table-lg td {
+  padding: 1.3rem 0.75rem;
+}
+
+.table tr.tr-selected {
+  background-color: whitesmoke;
+}
+
+.table.table-striped tbody tr:nth-of-type(odd) {
+  background-color: rgba(0, 0, 0, 0.03);
+}
+
+.table-responsive-stack tr {
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+  flex-direction: row;
+}
+
+.table-responsive-stack td,
+.table-responsive-stack th {
+  display: block;
+  -webkit-box-flex: 1;
+          flex: 1 1 auto;
+}
+
+.timeline .timeline-item {
+  padding-bottom: 20px;
+  position: relative;
+  display: -webkit-box;
+  display: flex;
+}
+
+.timeline .timeline-item > div:last-child {
+  -webkit-box-flex: 1;
+          flex: 1;
+}
+
+.timeline .timeline-item::before {
+  content: "";
+  display: block;
+  position: absolute;
+  width: 1px;
+  bottom: 0px;
+  top: 32px;
+  left: 15px;
+  background: #e1e1e1;
+}
+
+.timeline .timeline-item:last-child {
+  padding-bottom: 0;
+  bottom: 0;
+}
+
+.timeline .timeline-item:last-child::before {
+  display: none;
+}
+
+#external-events .fc-event {
+  border: none;
+  background: none;
+  color: #646464;
+  font-size: 14px;
+  cursor: move;
+}
+
+#external-events .fc-event i {
+  margin-right: 10px;
+}
+
+.fc .fc-center h2 {
+  font-weight: 400;
+  font-size: 19px;
+  color: #828282;
+}
+
+.fc .fc-event {
+  background: #0081ff;
+  color: white !important;
+  border: none;
+  border-radius: 0;
+  margin: 0 3px;
+  padding: 0px 4px;
+  font-size: 11px;
+  line-height: normal;
+}
+
+.fc .fc-event:hover {
+  background: #0151ac;
+}
+
+.fc .fc-event.bg-danger:hover {
+  background: #eb3030 !important;
+}
+
+.fc .fc-event.bg-success:hover {
+  background: #00b43d !important;
+}
+
+.fc .fc-event.bg-info:hover {
+  background: #1fa1d1 !important;
+}
+
+.fc .fc-event.bg-warning:hover {
+  background: #eba71f !important;
+}
+
+.fc .fc-list-table .fc-list-item.bg-danger:hover td {
+  background: #ea5455 !important;
+}
+
+.fc .fc-list-table .fc-list-item.bg-danger .fc-event-dot {
+  background: white !important;
+}
+
+.fc .fc-list-table .fc-list-item.bg-success:hover td {
+  background: #28c76f !important;
+}
+
+.fc .fc-list-table .fc-list-item.bg-success .fc-event-dot {
+  background: white !important;
+}
+
+.fc .fc-list-table .fc-list-item.bg-info:hover td {
+  background: #33b5e5 !important;
+}
+
+.fc .fc-list-table .fc-list-item.bg-info .fc-event-dot {
+  background: white !important;
+}
+
+.fc .fc-list-table .fc-list-item.bg-warning:hover td {
+  background: #ff9f43 !important;
+}
+
+.fc .fc-list-table .fc-list-item.bg-warning .fc-event-dot {
+  background: white !important;
+}
+
+.fc .fc-list-table .fc-list-item.bg-primary:hover td {
+  background: #0081ff !important;
+}
+
+.fc .fc-list-table .fc-list-item.bg-primary .fc-event-dot {
+  background: white !important;
+}
+
+.fc .fc-list-table .fc-list-item.bg-secondary:hover td {
+  background: #aa66cc !important;
+}
+
+.fc .fc-list-table .fc-list-item.bg-secondary .fc-event-dot {
+  background: white !important;
+}
+
+.fc .fc-list-table .fc-list-item.bg-dark:hover td {
+  background: #293134 !important;
+}
+
+.fc .fc-list-table .fc-list-item.bg-dark .fc-event-dot {
+  background: white !important;
+}
+
+.fc .fc-state-default {
+  background-image: none;
+  border: none;
+  box-shadow: none;
+  text-shadow: none;
+}
+
+.fc .fc-state-default.fc-state-active {
+  background: #0081ff;
+  color: white;
+}
+
+.fc .fc-event-dot {
+  background: #cdcdcd !important;
+}
+
+.fc-toolbar .fc-state-active,
+.fc-toolbar .ui-state-active {
+  z-index: 2;
+}
+
+.list-group .list-group-item.list-group-item-primary {
+  background: #0081ff !important;
+  color: white !important;
+}
+
+.list-group .list-group-item.list-group-item-primary-bright {
+  background: rgba(0, 129, 255, 0.3) !important;
+  color: #0081ff !important;
+}
+
+.list-group .list-group-item.list-group-item-secondary {
+  background: #aa66cc !important;
+  color: white !important;
+}
+
+.list-group .list-group-item.list-group-item-secondary-bright {
+  background: rgba(170, 102, 204, 0.3) !important;
+  color: #aa66cc !important;
+}
+
+.list-group .list-group-item.list-group-item-success {
+  background: #28c76f !important;
+  color: white !important;
+}
+
+.list-group .list-group-item.list-group-item-success-bright {
+  background: rgba(40, 199, 111, 0.3) !important;
+  color: #28c76f !important;
+}
+
+.list-group .list-group-item.list-group-item-danger {
+  background: #ea5455 !important;
+  color: white !important;
+}
+
+.list-group .list-group-item.list-group-item-danger-bright {
+  background: rgba(234, 84, 85, 0.3) !important;
+  color: #ea5455 !important;
+}
+
+.list-group .list-group-item.list-group-item-warning {
+  background: #ff9f43 !important;
+  color: white !important;
+}
+
+.list-group .list-group-item.list-group-item-warning-bright {
+  background: rgba(255, 159, 67, 0.3) !important;
+  color: #ff9f43 !important;
+}
+
+.list-group .list-group-item.list-group-item-info {
+  background: #33b5e5 !important;
+  color: white !important;
+}
+
+.list-group .list-group-item.list-group-item-info-bright {
+  background: rgba(51, 181, 229, 0.3) !important;
+  color: #33b5e5 !important;
+}
+
+.list-group .list-group-item.list-group-item-light {
+  background: #afb8bd !important;
+}
+
+.list-group .list-group-item.list-group-item-dark {
+  background: #293134 !important;
+  color: white !important;
+}
+
+.list-group .list-group-item.list-group-item-dark-bright {
+  background: #d4d5d8 !important;
+  color: #293134 !important;
+}
+
+.nav-pills .nav-link.active,
+.nav-pills .show > .nav-link {
+  background-color: #0081ff;
+}
+
+.toast-title {
+  font-weight: bold;
+}
+
+.toast-message {
+  -ms-word-wrap: break-word;
+  word-wrap: break-word;
+}
+
+.toast-message a,
+.toast-message .header form .input-group .input-group-append button.btn,
+.header form .input-group .input-group-append .toast-message button.btn,
+.toast-message label {
+  color: #ffffff;
+}
+
+.toast-message a:hover,
+.toast-message .header form .input-group .input-group-append button.btn:hover,
+.header form .input-group .input-group-append .toast-message button.btn:hover {
+  color: #cccccc;
+  text-decoration: none;
+}
+
+.toast-close-button {
+  position: relative;
+  right: -0.3em;
+  top: -0.3em;
+  float: right;
+  font-size: 20px;
+  font-weight: bold;
+  color: #ffffff;
+  opacity: 0.8;
+  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
+  filter: alpha(opacity=80);
+}
+
+.toast-close-button:hover,
+.toast-close-button:focus {
+  color: #000000;
+  text-decoration: none;
+  cursor: pointer;
+  opacity: 0.4;
+  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
+  filter: alpha(opacity=40);
+}
+
+/*Additional properties for button version
+ iOS requires the button element instead of an anchor tag.
+ If you want the anchor version, it requires `href="#"`.*/
+
+button.toast-close-button {
+  padding: 0;
+  cursor: pointer;
+  background: transparent;
+  border: 0;
+  -webkit-appearance: none;
+}
+
+.toast-top-center {
+  top: 30px;
+  right: 0;
+  width: 100%;
+}
+
+.toast-bottom-center {
+  bottom: 0;
+  right: 0;
+  width: 100%;
+}
+
+.toast-top-full-width {
+  top: 30px;
+  right: 0;
+  width: 100%;
+}
+
+.toast-bottom-full-width {
+  bottom: 0;
+  right: 0;
+  width: 100%;
+}
+
+.toast-top-left {
+  top: 30px;
+  left: 33px;
+}
+
+.toast-top-right {
+  top: 33px;
+  right: 33px;
+}
+
+.toast-bottom-right {
+  right: 33px;
+  bottom: 33px;
+}
+
+.toast-bottom-left {
+  bottom: 33px;
+  left: 33px;
+}
+
+#toast-container {
+  position: fixed;
+  z-index: 999999;
+  pointer-events: none;
+  /*overrides*/
+}
+
+#toast-container * {
+  box-sizing: border-box;
+}
+
+#toast-container > div {
+  position: relative;
+  overflow: hidden;
+  margin: 0 0 6px;
+  padding: 15px 15px 15px 50px;
+  width: 300px;
+  border-radius: 0.25rem;
+  background-position: 15px center;
+  background-repeat: no-repeat;
+  color: #ffffff;
+  opacity: 1;
+}
+
+#toast-container > div:hover {
+  cursor: pointer;
+}
+
+#toast-container > .toast-info {
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
+}
+
+#toast-container > .toast-error {
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
+}
+
+#toast-container > .toast-success {
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
+}
+
+#toast-container > .toast-warning {
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
+}
+
+#toast-container.toast-top-center > div,
+#toast-container.toast-bottom-center > div {
+  width: 300px;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+#toast-container.toast-top-full-width > div,
+#toast-container.toast-bottom-full-width > div {
+  width: 96%;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.toast {
+  background-color: #293134;
+  border: none;
+  box-shadow: none;
+}
+
+.toast-success {
+  background-color: #28c76f;
+}
+
+.toast-error {
+  background-color: #ea5455;
+}
+
+.toast-info {
+  background-color: #33b5e5;
+}
+
+.toast-warning {
+  background-color: #ff9f43;
+}
+
+.toast-progress {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  height: 2px;
+  background-color: #000000;
+  opacity: 0.2;
+  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
+  filter: alpha(opacity=20);
+}
+
+/*Responsive Design*/
+
+@media all and (max-width: 240px) {
+  #toast-container > div {
+    padding: 8px 8px 8px 50px;
+    width: 11em;
+  }
+
+  #toast-container .toast-close-button {
+    right: -0.2em;
+    top: -0.2em;
+  }
+}
+
+@media all and (min-width: 241px) and (max-width: 480px) {
+  #toast-container > div {
+    padding: 8px 8px 8px 50px;
+    width: 18em;
+  }
+
+  #toast-container .toast-close-button {
+    right: -0.2em;
+    top: -0.2em;
+  }
+}
+
+@media all and (min-width: 481px) and (max-width: 768px) {
+  #toast-container > div {
+    padding: 15px 15px 15px 50px;
+    width: 25em;
+  }
+}
+
+.dd-handle {
+  font-weight: normal;
+}
+
+.dd-handle:hover {
+  color: #0081ff;
+}
+
+.dd3-content {
+  font-weight: normal;
+}
+
+.slick-next {
+  right: 5px;
+}
+
+.slick-prev {
+  left: 5px;
+}
+
+.slick-prev,
+.slick-next {
+  width: 30px;
+  height: 30px;
+  z-index: 1;
+}
+
+.slick-prev:before,
+.slick-next:before {
+  font-size: 30px;
+}
+
+.slick-slide-item > * {
+  padding: 10px;
+}
+
+.slick-center {
+  -webkit-transition: -webkit-transform 0.3s;
+  transition: -webkit-transform 0.3s;
+  transition: transform 0.3s;
+  transition: transform 0.3s, -webkit-transform 0.3s;
+  -webkit-transform: scale(1.2);
+          transform: scale(1.2);
+}
+
+/* the slides */
+
+.slick-slide {
+  margin: 0 10px;
+}
+
+/* the parent */
+
+.slick-list {
+  margin: 0 -10px;
+}
+
+.stretch-layout {
+  overflow: hidden;
+}
+
+.stretch-layout .app-block {
+  height: calc(100vh - 135px);
+}
+
+.stretch-layout .content-footer {
+  display: none;
+}
+
+.stretch-layout:not(.chat-app).right-navigation.small-navigation .layout-wrapper .content-wrapper .content-body .content {
+  padding-left: 30px !important;
+  padding-right: 110px !important;
+}
+
+.stretch-layout.hidden-navigation .layout-wrapper .content-wrapper .content-body .content {
+  padding-right: 30px !important;
+  padding-left: 30px !important;
+}
+
+.stretch-layout.horizontal-navigation .app-block {
+  height: calc(100vh - 190px);
+}
+
+.app-block .app-sidebar {
+  height: 100%;
+}
+
+.app-block .app-sidebar > .card,
+.app-block .app-content .app-sidebar > .app-action,
+.app-block .app-sidebar > .chat-block {
+  height: 100%;
+  margin-bottom: 0;
+}
+
+.app-block .app-sidebar > .card .card-body,
+.app-block .app-content .app-sidebar > .app-action .card-body,
+.app-block .app-sidebar > .chat-block .card-body {
+  -webkit-box-flex: 0;
+          flex: none;
+}
+
+.app-block .app-sidebar .app-sidebar-menu {
+  -webkit-box-flex: 1;
+          flex: 1;
+}
+
+.app-block .app-sidebar .app-sidebar-menu .list-group .list-group-item.active {
+  background: none;
+  color: #0081ff;
+}
+
+.app-block .app-sidebar-menu-button {
+  display: none;
+}
+
+.app-block .app-content {
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+          flex-direction: column;
+  height: 100%;
+}
+
+.app-block .app-content .app-content-overlay {
+  display: none;
+  position: absolute;
+  right: 1rem;
+  border-radius: 8px;
+  left: 1rem;
+  top: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.25);
+  z-index: 8;
+}
+
+.app-block .app-content .app-content-overlay.show {
+  display: block;
+}
+
+.app-block .app-content .app-action {
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-pack: justify;
+          justify-content: space-between;
+  padding: 1.5rem;
+}
+
+.app-block .app-content .app-action .action-left,
+.app-block .app-content .app-action .action-right {
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-align: center;
+          align-items: center;
+}
+
+.app-block .app-content .app-action .action-right {
+  margin-left: 1rem;
+  -webkit-box-flex: 1;
+          flex: 1;
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-pack: justify;
+          justify-content: space-between;
+}
+
+.app-block .app-content .app-action .action-right form {
+  -webkit-box-flex: 1;
+          flex: 1;
+}
+
+.app-block .app-content .app-content-body {
+  margin-bottom: 0;
+  -webkit-box-flex: 1;
+          flex: 1;
+  padding: 0;
+  height: 100%;
+  position: static;
+  overflow: hidden;
+}
+
+.app-block .app-content .app-content-body .app-lists {
+  height: 100%;
+  overflow: auto;
+}
+
+.app-block .app-content .app-content-body .app-lists ul.list-group li.list-group-item {
+  padding-top: 15px;
+  padding-bottom: 15px;
+  background: none;
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-align: center;
+          align-items: center;
+}
+
+.app-block .app-content .app-content-body .app-lists ul.list-group li.list-group-item:hover {
+  cursor: pointer;
+  background-color: #fafafa;
+}
+
+.app-block .app-content .app-content-body .app-lists ul.list-group li.list-group-item.active {
+  background-color: #ebebeb;
+}
+
+.app-block .app-content .app-content-body .app-lists ul.list-group li.list-group-item.active .avatar {
+  border-color: #ebebeb;
+}
+
+.app-block .app-content .app-content-body .app-lists ul.list-group li.list-group-item.active .app-list-title {
+  color: black;
+}
+
+.app-block .app-content .app-content-body .app-lists ul.list-group li.list-group-item.active.task-list .app-list-title {
+  text-decoration: line-through;
+}
+
+.app-block .app-content .app-content-body .app-detail {
+  margin-bottom: 0;
+  position: absolute;
+  right: 0.9rem;
+  top: 0.5rem;
+  bottom: 0;
+  left: 0.9rem;
+  z-index: 2;
+  opacity: 0;
+  visibility: hidden;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+}
+
+.app-block .app-content .app-content-body .app-detail.show {
+  opacity: 1;
+  visibility: visible;
+  top: 0;
+}
+
+.app-block .app-content .app-content-body .app-detail .card-header {
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-align: center;
+          align-items: center;
+  padding: 1.5rem;
+  border-bottom: 1px solid #ebebeb;
+}
+
+.app-block .app-content .app-content-body .app-detail .card-header .app-detail-action-left {
+  display: -webkit-box;
+  display: flex;
+}
+
+.app-block .app-content .app-content-body .app-detail .card-header .app-detail-action-right {
+  margin-left: auto;
+}
+
+#compose .ql-toolbar.ql-snow,
+.app-block .ql-toolbar.ql-snow {
+  border: none;
+  padding: 0;
+}
+
+#compose .ql-editor,
+.app-block .ql-editor {
+  min-height: 70px;
+}
+
+.app-sortable-handle {
+  cursor: move;
+}
+
+.app-file-list {
+  border: 1px solid #ebebeb;
+}
+
+.app-file-list .app-file-icon {
+  background-color: #f5f5f5;
+  padding: 2rem;
+  text-align: center;
+  font-size: 2rem;
+  border-bottom: 1px solid #ebebeb;
+  border-top-right-radius: 8px;
+  border-top-left-radius: 8px;
+}
+
+.app-file-list:hover {
+  border-color: #d7d7d7;
+}
+
+body:not(.stretch-layout) .app-block .app-content .app-content-body {
+  overflow: visible;
+}
+
+.demo-icon-list {
+  height: 100px;
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+          justify-content: center;
+  font-size: 25px;
+}
+
+@media (max-width: 768px) {
+  .theme-switcher {
+    display: none;
+  }
+}
+
+@media (min-width: 768px) {
+  .theme-switcher {
+    opacity: 0;
+    display: -webkit-box;
+    display: flex;
+    -webkit-box-align: center;
+            align-items: center;
+    position: fixed;
+    right: -250px;
+    top: 50%;
+    -webkit-transform: translate(0, -50%);
+            transform: translate(0, -50%);
+    -webkit-user-select: none;
+       -moz-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
+    z-index: 9999;
+    -webkit-transition: right 0.3s;
+    transition: right 0.3s;
+  }
+
+  .theme-switcher.open {
+    right: 0;
+  }
+
+  .theme-switcher .theme-switcher-button {
+    background-color: #0081ff;
+    color: white;
+    padding: 12px 15px;
+    border-top-left-radius: 5px;
+    border-bottom-left-radius: 5px;
+    cursor: pointer;
+  }
+
+  .theme-switcher .theme-switcher-button i {
+    font-size: 22px;
+    -webkit-animation-name: spin;
+            animation-name: spin;
+    -webkit-animation-duration: 3000ms;
+            animation-duration: 3000ms;
+    -webkit-animation-iteration-count: infinite;
+            animation-iteration-count: infinite;
+    -webkit-animation-timing-function: linear;
+            animation-timing-function: linear;
+  }
+
+  .theme-switcher .theme-switcher-panel {
+    width: 250px;
+  }
+
+  .theme-switcher .theme-switcher-panel .card,
+  .theme-switcher .theme-switcher-panel .chat-block,
+  .theme-switcher .theme-switcher-panel .app-block .app-content .app-action,
+  .app-block .app-content .theme-switcher .theme-switcher-panel .app-action {
+    margin-bottom: 0;
+    border: 1px solid #0081ff;
+    border-right: none;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+
+@-webkit-keyframes spin {
+    from {
+      -webkit-transform: rotate(0deg);
+              transform: rotate(0deg);
+    }
+
+    to {
+      -webkit-transform: rotate(360deg);
+              transform: rotate(360deg);
+    }
+}
+
+@keyframes spin {
+    from {
+      -webkit-transform: rotate(0deg);
+              transform: rotate(0deg);
+    }
+
+    to {
+      -webkit-transform: rotate(360deg);
+              transform: rotate(360deg);
+    }
+}
+}
+
+@media (min-width: 1200px) {
+  body.boxed-layout {
+    background-color: white;
+  }
+
+  body.boxed-layout .layout-wrapper {
+    background-color: #f8fafb;
+    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
+    margin: 0 120px;
+  }
+
+  body.boxed-layout .layout-wrapper .header {
+    margin: 0 120px;
+  }
+
+  body.boxed-layout .layout-wrapper .navigation {
+    left: 120px;
+  }
+
+  body.boxed-layout.right-navigation .navigation {
+    left: auto;
+    right: 120px;
+  }
+
+  body.boxed-layout.horizontal-navigation .horizontal-navigation {
+    left: 120px;
+    right: 120px;
+  }
+
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation {
+    width: 80px;
+    -webkit-transition: width 0.3s;
+    transition: width 0.3s;
+  }
+
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-tab {
+    border-right-color: transparent;
+  }
+
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body {
+    display: none;
+  }
+
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a,
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.btn,
+  .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.btn {
+    padding: 12px 0;
+  }
+
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li {
+    position: relative;
+  }
+
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li:hover > a .nav-link-icon,
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul .header form .input-group .input-group-append li:hover > button.btn .nav-link-icon,
+  .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li:hover > button.btn .nav-link-icon {
+    stroke: #0081ff;
+  }
+
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li.open > a,
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn,
+  .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li.open > button.btn {
+    border-radius: 4px;
+  }
+
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li a span:not(.badge):not(.avatar-title),
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn span:not(.badge):not(.avatar-title),
+  .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li button.btn span:not(.badge):not(.avatar-title) {
+    display: none;
+  }
+
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li a .badge,
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn .badge,
+  .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li button.btn .badge {
+    position: absolute;
+    right: 20px;
+    top: 12px;
+  }
+
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li a .nav-link-icon,
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn .nav-link-icon,
+  .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li button.btn .nav-link-icon {
+    margin: 0 !important;
+  }
+
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li.open > a + ul li.open > a,
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn + ul li.open > a,
+  .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li.open > button.btn + ul li.open > a,
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li.open > a + ul .header form .input-group .input-group-append li.open > button.btn,
+  .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li.open > a + ul li.open > button.btn,
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn + ul li.open > button.btn,
+  .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li.open > button.btn + ul li.open > button.btn {
+    background: none;
+    color: #0081ff;
+  }
+
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li.open > ul {
+    display: none;
+  }
+
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li:not(.navigation-divider) {
+    padding: 0 15px;
+  }
+
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a,
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.btn,
+  .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.btn {
+    display: block;
+  }
+
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a .sub-menu-arrow,
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.btn .sub-menu-arrow,
+  .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.btn .sub-menu-arrow {
+    display: none;
+  }
+
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a + ul li a,
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.btn + ul li a,
+  .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.btn + ul li a,
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a + ul li .header form .input-group .input-group-append button.btn,
+  .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a + ul li button.btn,
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.btn + ul li button.btn,
+  .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.btn + ul li button.btn {
+    padding-left: 53px;
+  }
+
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a + ul li a + ul li a,
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.btn + ul li a + ul li a,
+  .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.btn + ul li a + ul li a,
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a + ul li .header form .input-group .input-group-append button.btn + ul li a,
+  .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a + ul li button.btn + ul li a,
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.btn + ul li button.btn + ul li a,
+  .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.btn + ul li button.btn + ul li a,
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a + ul li a + ul li .header form .input-group .input-group-append button.btn,
+  .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a + ul li a + ul li button.btn,
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.btn + ul li a + ul li button.btn,
+  .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.btn + ul li a + ul li button.btn,
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a + ul li .header form .input-group .input-group-append button.btn + ul li button.btn,
+  .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a + ul li button.btn + ul li button.btn,
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.btn + ul li button.btn + ul li button.btn,
+  .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.btn + ul li button.btn + ul li button.btn {
+    padding-left: 65px;
+  }
+
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a.active,
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.active.btn,
+  .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.active.btn {
+    border-radius: 5px;
+    background-color: #0081ff;
+    position: static;
+  }
+
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a.active .nav-link-icon,
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.active.btn .nav-link-icon,
+  .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.active.btn .nav-link-icon {
+    stroke: white;
+  }
+
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover {
+    /*width: 320px;*/
+  }
+
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover .navigation-menu-tab {
+    border-right-color: #e6e6e6;
+  }
+
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover .navigation-menu-body {
+    display: -webkit-box;
+    display: flex;
+    height: calc(100vh - 75px);
+  }
+
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li a,
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li .header form .input-group .input-group-append button.btn,
+  .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li button.btn {
+    display: -webkit-box;
+    display: flex;
+  }
+
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li a > span,
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li .header form .input-group .input-group-append button.btn > span,
+  .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li button.btn > span,
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li a .sub-menu-arrow,
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li .header form .input-group .input-group-append button.btn .sub-menu-arrow,
+  .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li button.btn .sub-menu-arrow {
+    display: inherit !important;
+  }
+
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li a .nav-link-icon,
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li .header form .input-group .input-group-append button.btn .nav-link-icon,
+  .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li button.btn .nav-link-icon {
+    margin-right: 0.8rem !important;
+  }
+
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li.open > ul {
+    display: block;
+  }
+
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .layout-wrapper .content-wrapper .content-body .content {
+    padding-left: 110px;
+  }
+
+  body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .content-footer {
+    margin-left: 80px;
+  }
+
+  body.hidden-navigation:not(.small-navigation) .header .navigation-toggler {
+    display: block;
+  }
+
+  body.hidden-navigation:not(.small-navigation) .navigation {
+    z-index: 1000;
+    left: -80%;
+    top: 0;
+    bottom: 0;
+    opacity: 0;
+    -webkit-transition: left 0.3s;
+    transition: left 0.3s;
+    position: fixed !important;
+  }
+
+  body.hidden-navigation:not(.small-navigation) .navigation.open {
+    left: 0;
+    opacity: 1;
+  }
+
+  body.hidden-navigation:not(.small-navigation).right-navigation .navigation {
+    left: auto;
+    right: -80%;
+    -webkit-transition: right 0.3s;
+    transition: right 0.3s;
+  }
+
+  body.hidden-navigation:not(.small-navigation).right-navigation .navigation.open {
+    right: 0;
+    opacity: 1;
+  }
+
+  body.hidden-navigation:not(.small-navigation) .layout-wrapper .content-wrapper .content-body .content {
+    padding-left: 30px;
+  }
+
+  body.hidden-navigation:not(.small-navigation) .content-footer {
+    margin-left: 0;
+  }
+
+  body.right-navigation .navigation {
+    left: auto;
+    right: 0;
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: reverse;
+            flex-direction: row-reverse;
+  }
+
+  body.right-navigation .navigation .navigation-menu-tab {
+    border-right: none;
+    border-left: 1px solid #e6e6e6;
+  }
+
+  body.right-navigation .layout-wrapper .content-wrapper .content-body .content {
+    padding-left: 30px;
+    padding-right: 350px;
+  }
+
+  body.right-navigation .content-footer {
+    margin-left: 0;
+    margin-right: 320px;
+  }
+
+  body.right-navigation.small-navigation .layout-wrapper .content-wrapper .content-body .content {
+    padding-left: 30px !important;
+    padding-right: 110px;
+  }
+
+  body.right-navigation.small-navigation .content-footer {
+    margin-left: 0 !important;
+    margin-right: 80px;
+  }
+
+  body.right-navigation.hidden-navigation .layout-wrapper .content-wrapper .content-body .content {
+    padding-left: 30px !important;
+    padding-right: 30px;
+  }
+
+  body.horizontal-navigation .header {
+    box-shadow: none;
+  }
+
+  body.horizontal-navigation .horizontal-navigation {
+    border-top: 1px solid #e6e6e6;
+    box-shadow: 0px 5px 10px -10px rgba(0, 0, 0, 0.4);
+    position: fixed;
+    top: 75px;
+    background-color: white;
+    height: 55px;
+    right: 0;
+    left: 0;
+    padding: 0 30px;
+    display: -webkit-box;
+    display: flex;
+    -webkit-box-align: center;
+            align-items: center;
+    z-index: 997;
+  }
+
+  body.horizontal-navigation .horizontal-navigation > ul {
+    height: 100%;
+  }
+
+  body.horizontal-navigation .horizontal-navigation > ul > li {
+    display: -webkit-box;
+    display: flex;
+    -webkit-box-align: center;
+            align-items: center;
+    margin-right: 0.5rem;
+  }
+
+  body.horizontal-navigation .horizontal-navigation > ul > li > a,
+  body.horizontal-navigation .header form .input-group .input-group-append .horizontal-navigation > ul > li > button.btn,
+  .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation > ul > li > button.btn {
+    border-radius: 100px;
+    text-transform: uppercase;
+    letter-spacing: 1px;
+    font-size: 12px;
+    padding: 10px 15px !important;
+    display: -webkit-box;
+    display: flex;
+    -webkit-box-align: center;
+            align-items: center;
+  }
+
+  body.horizontal-navigation .horizontal-navigation > ul > li > a .sub-menu-arrow,
+  body.horizontal-navigation .header form .input-group .input-group-append .horizontal-navigation > ul > li > button.btn .sub-menu-arrow,
+  .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation > ul > li > button.btn .sub-menu-arrow {
+    display: none;
+  }
+
+  body.horizontal-navigation .horizontal-navigation > ul > li > a .badge,
+  body.horizontal-navigation .header form .input-group .input-group-append .horizontal-navigation > ul > li > button.btn .badge,
+  .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation > ul > li > button.btn .badge {
+    margin-left: 0.5rem;
+  }
+
+  body.horizontal-navigation .horizontal-navigation > ul > li > a + ul,
+  body.horizontal-navigation .header form .input-group .input-group-append .horizontal-navigation > ul > li > button.btn + ul,
+  .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation > ul > li > button.btn + ul {
+    border-top: 1px solid #e6e6e6;
+  }
+
+  body.horizontal-navigation .horizontal-navigation > ul > li:hover > a,
+  body.horizontal-navigation .header form .input-group .input-group-append .horizontal-navigation > ul > li:hover > button.btn,
+  .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation > ul > li:hover > button.btn {
+    color: #0081ff !important;
+  }
+
+  body.horizontal-navigation .horizontal-navigation ul {
+    display: -webkit-box;
+    display: flex;
+  }
+
+  body.horizontal-navigation .horizontal-navigation ul li {
+    position: relative;
+  }
+
+  body.horizontal-navigation .horizontal-navigation ul li a,
+  body.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.btn,
+  .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li button.btn {
+    padding: 10px 25px;
+    display: -webkit-box;
+    display: flex;
+    -webkit-box-pack: justify;
+            justify-content: space-between;
+    -webkit-box-align: center;
+            align-items: center;
+  }
+
+  body.horizontal-navigation .horizontal-navigation ul li a .nav-icon,
+  body.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.btn .nav-icon,
+  .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li button.btn .nav-icon {
+    margin-right: 0.5rem;
+  }
+
+  body.horizontal-navigation .horizontal-navigation ul li.open > a,
+  body.horizontal-navigation .horizontal-navigation ul .header form .input-group .input-group-append li.open > button.btn,
+  .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li.open > button.btn {
+    color: #0081ff;
+  }
+
+  body.horizontal-navigation .horizontal-navigation ul li:hover > ul {
+    display: block;
+  }
+
+  body.horizontal-navigation .horizontal-navigation ul li ul {
+    display: none;
+    position: absolute;
+    top: 54px;
+    width: 220px;
+    background-color: white;
+    padding: 10px 0;
+    border-bottom-left-radius: 0.25rem;
+    border-bottom-right-radius: 0.25rem;
+    box-shadow: 0px 5px 9px -5px rgba(0, 0, 0, 0.3);
+  }
+
+  body.horizontal-navigation .horizontal-navigation ul li ul li {
+    position: relative;
+  }
+
+  body.horizontal-navigation .horizontal-navigation ul li ul li:hover > a,
+  body.horizontal-navigation .horizontal-navigation ul li ul .header form .input-group .input-group-append li:hover > button.btn,
+  .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li:hover > button.btn {
+    color: #0081ff;
+  }
+
+  body.horizontal-navigation .horizontal-navigation ul li ul li a,
+  body.horizontal-navigation .horizontal-navigation ul li ul li .header form .input-group .input-group-append button.btn,
+  .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li button.btn {
+    color: black;
+  }
+
+  body.horizontal-navigation .horizontal-navigation ul li ul li a.active,
+  body.horizontal-navigation .horizontal-navigation ul li ul li .header form .input-group .input-group-append button.active.btn,
+  .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li button.active.btn {
+    color: #0081ff;
+  }
+
+  body.horizontal-navigation .horizontal-navigation ul li ul li.open > a,
+  body.horizontal-navigation .horizontal-navigation ul li ul .header form .input-group .input-group-append li.open > button.btn,
+  .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li.open > button.btn {
+    color: #0081ff;
+  }
+
+  body.horizontal-navigation .horizontal-navigation ul li ul li ul {
+    left: 220px;
+    top: -12px;
+    border-left: 1px solid #f2f2f2;
+    box-shadow: 3px 0px 10px -5px rgba(0, 0, 0, 0.3);
+  }
+
+  body.horizontal-navigation .horizontal-navigation ul li ul li ul:before {
+    display: none;
+  }
+
+  body.horizontal-navigation .layout-wrapper .content-wrapper .content-body .content {
+    padding-left: 30px;
+    padding-top: 160px;
+  }
+
+  body.horizontal-navigation .content-footer {
+    margin-left: 0;
+  }
+
+  body.sticky-header .header {
+    position: -webkit-sticky !important;
+    position: sticky !important;
+    top: 0;
+  }
+}
+
+@media (max-width: 1200px) {
+  body.horizontal-navigation .horizontal-navigation {
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    height: auto;
+    /*width: 320px;*/
+    background-color: white;
+    z-index: 1000;
+    overflow: auto;
+    padding: 15px 0;
+    display: none;
+  }
+
+  body.horizontal-navigation .horizontal-navigation ul li a,
+  body.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.btn,
+  .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li button.btn {
+    display: -webkit-box;
+    display: flex;
+    -webkit-box-align: center;
+            align-items: center;
+    padding: 15px 30px;
+  }
+
+  body.horizontal-navigation .horizontal-navigation ul li a .nav-icon,
+  body.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.btn .nav-icon,
+  .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li button.btn .nav-icon {
+    margin-right: 0.5rem;
+  }
+
+  body.horizontal-navigation .horizontal-navigation ul li a.active,
+  body.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.active.btn,
+  .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li button.active.btn {
+    color: #0081ff;
+  }
+
+  body.horizontal-navigation .horizontal-navigation ul li a .badge,
+  body.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.btn .badge,
+  .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li button.btn .badge,
+  body.horizontal-navigation .horizontal-navigation ul li a .sub-menu-arrow,
+  body.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.btn .sub-menu-arrow,
+  .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li button.btn .sub-menu-arrow {
+    margin-left: auto;
+  }
+
+  body.horizontal-navigation .horizontal-navigation ul li a .sub-menu-arrow,
+  body.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.btn .sub-menu-arrow,
+  .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li button.btn .sub-menu-arrow {
+    -webkit-transform: rotate(90deg);
+            transform: rotate(90deg);
+  }
+
+  body.horizontal-navigation .horizontal-navigation ul li ul {
+    display: none;
+  }
+
+  body.horizontal-navigation .horizontal-navigation ul li ul li a,
+  body.horizontal-navigation .horizontal-navigation ul li ul li .header form .input-group .input-group-append button.btn,
+  .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li button.btn {
+    padding-left: 60px;
+  }
+
+  body.horizontal-navigation .horizontal-navigation ul li ul li ul li a,
+  body.horizontal-navigation .horizontal-navigation ul li ul li ul li .header form .input-group .input-group-append button.btn,
+  .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li ul li button.btn {
+    padding-left: 80px;
+  }
+
+  body.horizontal-navigation .horizontal-navigation ul li ul li ul li ul li a,
+  body.horizontal-navigation .horizontal-navigation ul li ul li ul li ul li .header form .input-group .input-group-append button.btn,
+  .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li ul li ul li button.btn {
+    padding-left: 100px;
+  }
+
+  body.horizontal-navigation .horizontal-navigation ul li.open > a,
+  body.horizontal-navigation .horizontal-navigation ul .header form .input-group .input-group-append li.open > button.btn,
+  .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li.open > button.btn {
+    color: #0081ff;
+  }
+
+  body.horizontal-navigation .horizontal-navigation ul li.open > ul {
+    display: block !important;
+  }
+
+  body.horizontal-navigation .horizontal-navigation.open {
+    display: block;
+  }
+}
+
+body.semi-dark:not(.dark) .navigation {
+  background-color: #313852;
+  color: #c7c7c7;
+}
+
+body.semi-dark:not(.dark) .navigation .navigation-menu-tab {
+  border-right-color: #444e72;
+}
+
+body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li a,
+body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn,
+.header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li button.btn {
+  color: #c7c7c7;
+}
+
+body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li a.active,
+body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.active.btn,
+.header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li button.active.btn {
+  color: white;
+}
+
+body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li a:not(.active):hover,
+body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn:not(.active):hover,
+.header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li button.btn:not(.active):hover,
+body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li a:not(.active):focus,
+body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn:not(.active):focus,
+.header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li button.btn:not(.active):focus {
+  color: #0081ff;
+}
+
+body.semi-dark:not(.dark) .navigation .navigation-menu-body .avatar {
+  border-color: #313852;
+}
+
+body.semi-dark:not(.dark) .navigation .navigation-menu-body .list-group-item {
+  background: none;
+  border-color: #454c66;
+}
+
+body.semi-dark:not(.dark) .navigation .navigation-menu-body #navigation-logo {
+  border-color: #454c66;
+}
+
+body.semi-dark:not(.dark) .navigation .navigation-menu-body #navigation-logo img {
+  display: block;
+}
+
+body.semi-dark:not(.dark) .navigation .navigation-menu-body #navigation-logo img:not(.logo-light) {
+  display: none;
+}
+
+body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li.navigation-divider {
+  color: #dbdbdb;
+}
+
+body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li a,
+body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn,
+.header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li button.btn {
+  color: #c7c7c7;
+}
+
+body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li a .nav-link-icon,
+body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn .nav-link-icon,
+.header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li button.btn .nav-link-icon {
+  stroke: rgba(199, 199, 199, 0.5);
+}
+
+body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li a.active,
+body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.active.btn,
+.header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li button.active.btn {
+  color: white;
+}
+
+body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li a.active:after,
+body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.active.btn:after,
+.header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li button.active.btn:after {
+  background-color: #0081ff;
+}
+
+body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li a:hover,
+body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn:hover,
+.header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li button.btn:hover,
+body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li a:focus,
+body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn:focus,
+.header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li button.btn:focus {
+  background: none;
+  color: white;
+}
+
+body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li a + ul li a.active,
+body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn + ul li a.active,
+.header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li button.btn + ul li a.active,
+body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li a + ul li .header form .input-group .input-group-append button.active.btn,
+.header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li a + ul li button.active.btn,
+body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn + ul li button.active.btn,
+.header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li button.btn + ul li button.active.btn {
+  color: white;
+}
+
+body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li.open > a,
+body.semi-dark:not(.dark) .navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn,
+.header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li.open > button.btn {
+  color: white;
+}
+
+body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .dropdown-divider {
+  color: #0081ff;
+}
+
+body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li ul {
+  background-color: #313852 !important;
+  border-left-color: #454c66 !important;
+}
+
+body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li ul ul {
+  border-left-color: #454c66 !important;
+}
+
+body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li.navigation-divider:after {
+  background-color: #454c66 !important;
+}
+
+body.semi-dark:not(.dark) .navigation .avatar:before {
+  border-color: #2c2f42;
+}
+
+body.semi-dark:not(.dark) .horizontal-navigation {
+  background-color: #313852;
+}
+
+body.semi-dark:not(.dark) .horizontal-navigation > ul > li > a + ul,
+body.semi-dark:not(.dark) .header form .input-group .input-group-append .horizontal-navigation > ul > li > button.btn + ul,
+.header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation > ul > li > button.btn + ul {
+  border-top: 1px solid #444e72;
+}
+
+body.semi-dark:not(.dark) .horizontal-navigation > ul > li > a + ul ul,
+body.semi-dark:not(.dark) .header form .input-group .input-group-append .horizontal-navigation > ul > li > button.btn + ul ul,
+.header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation > ul > li > button.btn + ul ul {
+  border-left: 1px solid #444e72;
+}
+
+body.semi-dark:not(.dark) .horizontal-navigation > ul > li.open > a,
+body.semi-dark:not(.dark) .header form .input-group .input-group-append .horizontal-navigation > ul > li.open > button.btn,
+.header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation > ul > li.open > button.btn {
+  color: #1a8eff;
+}
+
+body.semi-dark:not(.dark) .horizontal-navigation ul li a,
+body.semi-dark:not(.dark) .horizontal-navigation ul li .header form .input-group .input-group-append button.btn,
+.header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation ul li button.btn {
+  color: #c7c7c7;
+}
+
+body.semi-dark:not(.dark) .horizontal-navigation ul li a.active,
+body.semi-dark:not(.dark) .horizontal-navigation ul li .header form .input-group .input-group-append button.active.btn,
+.header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation ul li button.active.btn {
+  color: #1a8eff;
+}
+
+body.semi-dark:not(.dark) .horizontal-navigation ul li a:not(.active):hover,
+body.semi-dark:not(.dark) .horizontal-navigation ul li .header form .input-group .input-group-append button.btn:not(.active):hover,
+.header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation ul li button.btn:not(.active):hover,
+body.semi-dark:not(.dark) .horizontal-navigation ul li a:not(.active):focus,
+body.semi-dark:not(.dark) .horizontal-navigation ul li .header form .input-group .input-group-append button.btn:not(.active):focus,
+.header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation ul li button.btn:not(.active):focus {
+  color: #1a8eff;
+}
+
+body.semi-dark:not(.dark) .horizontal-navigation ul li ul {
+  background-color: #313852;
+}
+
+body.semi-dark:not(.dark).right-navigation .navigation .navigation-menu-tab {
+  border-left-color: #444e72;
+}
+
+body.semi-dark:not(.dark).small-navigation .navigation:hover .navigation-menu-tab {
+  border-right-color: #444e72;
+}
+
+body.semi-dark:not(.dark).small-navigation.right-navigation .navigation:hover .navigation-menu-tab {
+  border-left-color: #444e72;
+}
+
+body.header-dark:not(.dark) .header {
+  background-color: #313852;
+  color: #c7c7c7;
+  border-bottom-color: #444e72;
+}
+
+body.header-dark:not(.dark) .header .header-logo a img,
+body.header-dark:not(.dark) .header .header-logo form .input-group .input-group-append button.btn img,
+body.header-dark:not(.dark) .header form .input-group .input-group-append .header-logo button.btn img {
+  display: block;
+}
+
+body.header-dark:not(.dark) .header .header-logo a img:not(.logo-light),
+body.header-dark:not(.dark) .header .header-logo form .input-group .input-group-append button.btn img:not(.logo-light),
+body.header-dark:not(.dark) .header form .input-group .input-group-append .header-logo button.btn img:not(.logo-light) {
+  display: none;
+}
+
+body.header-dark:not(.dark) .header .navigation-toggler a,
+body.header-dark:not(.dark) .header .navigation-toggler form .input-group .input-group-append button.btn,
+body.header-dark:not(.dark) .header form .input-group .input-group-append .navigation-toggler button.btn {
+  color: #c7c7c7;
+}
+
+body.header-dark:not(.dark) .header .navigation-toggler a:hover,
+body.header-dark:not(.dark) .header .navigation-toggler form .input-group .input-group-append button.btn:hover,
+body.header-dark:not(.dark) .header form .input-group .input-group-append .navigation-toggler button.btn:hover {
+  color: white;
+}
+
+body.header-dark:not(.dark) .header a.nav-link,
+body.header-dark:not(.dark) .header form .input-group .input-group-append button.nav-link.btn {
+  color: #c7c7c7;
+}
+
+body.header-dark:not(.dark) .header a.nav-link:hover,
+body.header-dark:not(.dark) .header form .input-group .input-group-append button.nav-link.btn:hover {
+  color: white;
+}
+
+body.header-dark:not(.dark) .header .dropdown-menu {
+  border-top: none !important;
+}
+
+*:focus {
+  outline: none;
+}
+
+.sticky {
+  position: -webkit-sticky !important;
+  position: sticky !important;
+  top: 0;
+}
+
+.lead {
+  line-height: 2.2rem;
+}
+
+.layout-wrapper {
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+          flex-direction: column;
+  min-height: 100vh;
+}
+
+.layout-wrapper .content-wrapper {
+  -webkit-box-flex: 1;
+          flex: 1;
+  display: -webkit-box;
+  display: flex;
+}
+
+.layout-wrapper .content-wrapper .content-body {
+  width: 0;
+  -webkit-box-flex: 1;
+          flex: 1;
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+          flex-direction: column;
+}
+
+.layout-wrapper .content-wrapper .content-body .content {
+  -webkit-box-flex: 1;
+          flex: 1;
+  padding: 30px;
+  padding-top: 105px;
+  padding-left: 100px;
+  padding-bottom: 0;
+}
+
+svg.feather {
+  width: 20px;
+  height: 20px;
+}
+
+.demo-code-preview {
+  border: 1px solid #ebebeb;
+  padding: 20px 10px;
+  margin-top: 2rem;
+  position: relative;
+  background-color: white;
+  border-radius: 8px;
+}
+
+.demo-code-preview + * {
+  margin-top: 1.5rem;
+}
+
+.demo-code-preview:before {
+  content: attr(data-label);
+  display: block;
+  position: absolute;
+  top: -9px;
+  left: 20px;
+  letter-spacing: 1px;
+  background-color: inherit;
+  font-size: 11px;
+  padding: 0 5px;
+}
+
+.demo-code-preview pre {
+  overflow-x: hidden;
+  background: none;
+  padding-top: 0;
+  padding-bottom: 0;
+  max-height: 300px;
+}
+
+.demo-code-preview:hover pre {
+  overflow-x: auto;
+}
+
+code[class*=language-],
+pre[class*=language-] {
+  font-size: 0.93em;
+  margin: 0;
+}
+
+.text-divider {
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-align: center;
+          align-items: center;
+}
+
+.text-divider:after {
+  content: "";
+  display: block;
+  height: 1px;
+  background-color: #f0f0f0;
+  -webkit-box-flex: 1;
+          flex: 1;
+}
+
+.text-divider span {
+  margin-right: 1rem;
+}
+
+.row-xs {
+  margin-left: -0.5rem;
+  margin-right: -0.5rem;
+}
+
+.row-xs > div {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
+.overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  z-index: 999;
+  opacity: 0;
+  background: rgba(0, 0, 0, 0.3);
+  -webkit-transition: opacity 0.5s;
+  transition: opacity 0.5s;
+}
+
+.overlay.show {
+  opacity: 1;
+}
+
+.tooltip {
+  pointer-events: none;
+  font-family: inherit;
+  font-size: 0.835rem !important;
+}
+
+.tooltip .arrow {
+  display: none;
+}
+
+.tooltip .tooltip-inner {
+  background: rgba(0, 0, 0, 0.7);
+}
+
+.file-manager-items {
+  display: -webkit-box;
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.file-manager-items .file-manager-item {
+  margin-right: 20px;
+  margin-bottom: 20px;
+}
+
+.file-manager-items .file-manager-item span {
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+          align-items: center;
+  width: 135px;
+  height: 115px;
+  font-size: 8.5em;
+  border: 1px solid #e1e1e1;
+  border-radius: 5px;
+  background-size: cover !important;
+  background-position: center !important;
+}
+
+.file-manager-items .file-manager-item.folder span {
+  color: #cea65b;
+}
+
+.file-manager-items .file-manager-item.image span:before {
+  display: none;
+}
+
+.small,
+.page-header .breadcrumb li.breadcrumb-item,
+.chat-block .chat-content .messages .message-item.message-item-divider span,
+small {
+  font-size: 12px;
+}
+
+.list-group .list-group-item {
+  padding: 0.75rem 1.5rem;
+}
+
+.list-group .list-group-item.active {
+  z-index: auto;
+  background: #0081ff;
+}
+
+.bring-forward {
+  position: relative;
+  z-index: 1;
+}
+
+.table-email-list table.table .dropdown [data-toggle=dropdown]:after {
+  display: none;
+}
+
+.table-email-list table.table .email-subject {
+  max-width: 80%;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.table-email-list table.table .email-subject a,
+.table-email-list table.table .email-subject .header form .input-group .input-group-append button.btn,
+.header form .input-group .input-group-append .table-email-list table.table .email-subject button.btn {
+  display: inline-block;
+}
+
+.table-email-list table.table td,
+.table-email-list table.table .table th {
+  padding: 0.8rem;
+}
+
+.table-email-list a,
+.table-email-list .header form .input-group .input-group-append button.btn,
+.header form .input-group .input-group-append .table-email-list button.btn {
+  color: #646464;
+}
+
+.table-email-list a:hover,
+.table-email-list .header form .input-group .input-group-append button.btn:hover,
+.header form .input-group .input-group-append .table-email-list button.btn:hover,
+.table-email-list a:focus,
+.table-email-list .header form .input-group .input-group-append button.btn:focus,
+.header form .input-group .input-group-append .table-email-list button.btn:focus {
+  color: #0081ff;
+}
+
+.read-mail-body img {
+  max-width: 50%;
+}
+
+.bootstrap-tagsinput {
+  box-shadow: none;
+  width: 100%;
+  border: 1px solid #ced4da;
+  min-height: calc(2.25rem + 2px);
+}
+
+.bootstrap-tagsinput.focus {
+  border-color: #3383de;
+}
+
+.bootstrap-tagsinput .tag {
+  display: -webkit-inline-box;
+  display: inline-flex;
+  color: black;
+  border-radius: 3px;
+  font-size: 13px;
+  padding: 0 8px;
+  margin: 2px 1px;
+  -webkit-box-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: center;
+          align-items: center;
+  background: #e1e1e1;
+}
+
+.list-group .list-group-item.active {
+  background: #0081ff;
+  border-color: transparent;
+}
+
+.list-group-flush .list-group-item:first-child {
+  border-top: 0;
+}
+
+.badge {
+  font-weight: 500;
+}
+
+.nav-pills .nav-link.active {
+  background: #0081ff;
+}
+
+.nav-tabs .nav-link.active {
+  color: #0081ff;
+}
+
+.text-muted,
+.chat-block .chat-content .messages .message-item.message-item-divider span,
+.demo-code-preview:before {
+  color: #a7abc3 !important;
+}
+
+.min-width-0 {
+  min-width: 0;
+}
+
+.list-group-item {
+  border-color: #e6e6e6;
+}
+
+.jqstooltip {
+  box-sizing: content-box;
+}
+
+.hide-show-toggler .hide-show-toggler-item {
+  display: none;
+}
+
+.hide-show-toggler:hover .hide-show-toggler-item,
+.hide-show-toggler:focus .hide-show-toggler-item {
+  display: block;
+}
+
+.tooltip {
+  font-size: 14px;
+}
+
+.jqvmap-zoomin,
+.jqvmap-zoomout {
+  box-sizing: initial;
+}
+
+.apexcharts-canvas {
+  margin: auto;
+}
+
+[data-backround-image] {
+  position: relative;
+  background-size: cover !important;
+  background-position: center !important;
+}
+
+[data-backround-image]:after {
+  content: "";
+  display: block;
+  background: rgba(255, 255, 255, 0.6);
+  position: absolute;
+  right: 0;
+  left: 0;
+  top: 0;
+  bottom: 0;
+}
+
+[data-backround-image] > * {
+  position: relative;
+  z-index: 1;
+}
+
+.dropdown-menu [data-backround-image]:after {
+  border-radius: 0;
+}
+
+.jqvmap-region {
+  fill: rgba(170, 102, 204, 0.3);
+}
+
+.jqvmap-region:hover {
+  fill: #aa66cc;
+}
+
+.a-0 {
+  top: 0px;
+  right: 0px;
+  bottom: 0px;
+  left: 0px;
+}
+
+.font-weight-800 {
+  font-weight: 800;
+}
+
+.circle canvas {
+  vertical-align: top;
+}
+
+.todo-item {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  margin-bottom: 10px;
+}
+
+.todo-item input[type=checkbox]:checked + label {
+  text-decoration: line-through;
+  color: #00961f;
+}
+
+.border-radius-1 {
+  border-radius: 5px;
+}
+
+.rounded {
+  border-radius: 0.5rem !important;
+}
+
+.nav-tabs .nav-link {
+  border-top-left-radius: 0.5rem;
+  border-top-right-radius: 0.5rem;
+}
+
+.nav-pills .nav-link {
+  border-radius: 0.5rem;
+}
+
+.apexcharts-legend.position-top.center {
+  -webkit-box-pack: end !important;
+          justify-content: flex-end !important;
+}
+
+.image-hover {
+  position: relative;
+}
+
+.image-hover .image-hover-body {
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-align: end;
+          align-items: flex-end;
+  opacity: 0;
+  visibility: hidden;
+  position: absolute;
+  right: 0;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.5);
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+  color: white;
+  padding: 20px 30px;
+}
+
+.image-hover:hover .image-hover-body {
+  opacity: 1;
+  visibility: visible;
+}
+
+.nav-analiytics-style .nav-link {
+  padding: 0.5rem 1.5rem;
+}
+
+.daterangepicker {
+  font-family: "Inter";
+}
+
+.header {
+  background-color: white;
+  z-index: 999;
+  display: -webkit-box;
+  display: flex;
+  height: 75px;
+  box-shadow: 0px 5px 10px -10px rgba(0, 0, 0, 0.4);
+  position: fixed;
+  right: 0;
+  left: 0;
+  top: 0;
+}
+
+.header .avatar {
+  border-color: transparent;
+}
+
+.header .avatar.avatar-state-success:before {
+  border-color: #0081ff;
+}
+
+.header .header-left {
+  /*width: 320px;*/
+  padding-left: 30px;
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-align: center;
+          align-items: center;
+}
+
+.header .header-left .navigation-toggler {
+  display: none;
+  margin-right: 15px;
+}
+
+.header .header-left .navigation-toggler a,
+.header .header-left .navigation-toggler form .input-group .input-group-append button.btn,
+.header form .input-group .input-group-append .header-left .navigation-toggler button.btn {
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+          justify-content: center;
+}
+
+.header .header-left .navigation-toggler a svg,
+.header .header-left .navigation-toggler form .input-group .input-group-append button.btn svg,
+.header form .input-group .input-group-append .header-left .navigation-toggler button.btn svg {
+  height: 30px;
+  width: 30px;
+}
+
+.header .header-logo a,
+.header .header-logo form .input-group .input-group-append button.btn,
+.header form .input-group .input-group-append .header-logo button.btn {
+  height: 75px;
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-align: center;
+          align-items: center;
+}
+
+.header .header-logo a img:not(.logo),
+.header .header-logo form .input-group .input-group-append button.btn img:not(.logo),
+.header form .input-group .input-group-append .header-logo button.btn img:not(.logo) {
+  display: none;
+}
+
+.header .header-body {
+  padding: 0 30px;
+  position: relative;
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-align: center;
+          align-items: center;
+  -webkit-box-flex: 1;
+          flex: auto;
+  -webkit-box-pack: justify;
+          justify-content: space-between;
+}
+
+.header .header-body .page-title h1,
+.header .header-body .page-title h2,
+.header .header-body .page-title h3,
+.header .header-body .page-title h4,
+.header .header-body .page-title h5,
+.header .header-body .page-title h6 {
+  margin-bottom: 0;
+  line-height: inherit;
+}
+
+.header form .input-group {
+  position: relative;
+}
+
+.header form .input-group .form-control,
+.header form .input-group .swal-modal input.swal-content__input,
+.swal-modal .header form .input-group input.swal-content__input {
+  border: none;
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.header form .input-group .form-control:focus,
+.header form .input-group .swal-modal input.swal-content__input:focus,
+.swal-modal .header form .input-group input.swal-content__input:focus {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.header form .input-group .input-group-append {
+  position: absolute;
+  right: 0;
+}
+
+.header form .input-group .input-group-append button.btn {
+  position: relative;
+  z-index: 9;
+  border-top-right-radius: 5px;
+  border-bottom-right-radius: 5px;
+  background-color: inherit;
+  border: none;
+}
+
+.header form .input-group .input-group-append button.btn:hover {
+  opacity: 0.7;
+}
+
+.header form .input-group .input-group-append button.btn:focus,
+.header form .input-group .input-group-append button.btn:active,
+.header form .input-group .input-group-append button.btn:hover {
+  background-color: inherit;
+  box-shadow: none !important;
+}
+
+.header .header-toggler {
+  display: none;
+}
+
+.header [data-toggle=fullscreen] .minimize {
+  display: none;
+}
+
+.header .active-fullscreen .minimize {
+  display: block;
+}
+
+.header .active-fullscreen .maximize {
+  display: none;
+}
+
+.header ul.navbar-nav {
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+          flex-direction: row;
+  -webkit-box-align: center;
+          align-items: center;
+}
+
+.header ul.navbar-nav li.nav-item a.nav-link,
+.header ul.navbar-nav li.nav-item form .input-group .input-group-append button.nav-link.btn,
+.header form .input-group .input-group-append ul.navbar-nav li.nav-item button.nav-link.btn {
+  line-height: 100%;
+  padding: 10px 15px;
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+          justify-content: center;
+}
+
+.header ul.navbar-nav li.nav-item a.nav-link.nav-link-notify,
+.header ul.navbar-nav li.nav-item form .input-group .input-group-append button.nav-link.nav-link-notify.btn,
+.header form .input-group .input-group-append ul.navbar-nav li.nav-item button.nav-link.nav-link-notify.btn {
+  position: relative;
+}
+
+.header ul.navbar-nav li.nav-item a.nav-link.nav-link-notify:before,
+.header ul.navbar-nav li.nav-item form .input-group .input-group-append button.nav-link.nav-link-notify.btn:before,
+.header form .input-group .input-group-append ul.navbar-nav li.nav-item button.nav-link.nav-link-notify.btn:before {
+  content: "";
+  position: absolute;
+  width: 6px;
+  height: 6px;
+  right: 0;
+  border-radius: 50%;
+  top: 3px;
+  background: #ea5455;
+  -webkit-animation: notify-pulse 1s infinite;
+}
+
+.header ul.navbar-nav li.nav-item a.nav-link:hover,
+.header ul.navbar-nav li.nav-item form .input-group .input-group-append button.nav-link.btn:hover,
+.header form .input-group .input-group-append ul.navbar-nav li.nav-item button.nav-link.btn:hover,
+.header ul.navbar-nav li.nav-item a.nav-link:focus,
+.header ul.navbar-nav li.nav-item form .input-group .input-group-append button.nav-link.btn:focus,
+.header form .input-group .input-group-append ul.navbar-nav li.nav-item button.nav-link.btn:focus {
+  outline: none;
+}
+
+.header ul.navbar-nav + form.search {
+  margin-left: 1.5rem;
+}
+
+.header .dropdown-menu {
+  position: absolute;
+}
+
+@-webkit-keyframes notify-pulse {
+  0% {
+    box-shadow: 0 0 0 0px rgba(234, 84, 85, 0.7);
+  }
+
+  100% {
+    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
+  }
+}
+
+@keyframes notify-pulse {
+  0% {
+    box-shadow: 0 0 0 0px rgba(234, 84, 85, 0.7);
+  }
+
+  100% {
+    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
+  }
+}
+
+.navigation {
+  background-color: white;
+  z-index: 998;
+  /*width: 320px;*/
+  box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
+  position: fixed;
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+          flex-direction: row;
+  left: 0;
+  bottom: 0;
+  top: 75px;
+}
+
+.navigation .navigation-menu-tab {
+  border-right: 1px solid #e6e6e6;
+  width: 80px;
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+          flex-direction: column;
+  margin-right: 0;
+  padding: 10px;
+}
+
+.navigation .navigation-menu-tab .avatar {
+  border: none;
+}
+
+.navigation .navigation-menu-tab ul li {
+  margin-bottom: 5px;
+}
+
+.navigation .navigation-menu-tab ul li a,
+.navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn,
+.header form .input-group .input-group-append .navigation .navigation-menu-tab ul li button.btn {
+  display: -webkit-box;
+  display: flex;
+  height: 50px;
+  -webkit-box-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+          align-items: center;
+  border-radius: 0.5rem;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+}
+
+.navigation .navigation-menu-tab ul li a:hover,
+.navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn:hover,
+.header form .input-group .input-group-append .navigation .navigation-menu-tab ul li button.btn:hover {
+  color: #0081ff;
+}
+
+.navigation .navigation-menu-tab ul li a.active,
+.navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.active.btn,
+.header form .input-group .input-group-append .navigation .navigation-menu-tab ul li button.active.btn {
+  color: white;
+  background-color: #0081ff;
+  box-shadow: 0px 5px 20px -14px #0081ff;
+}
+
+.navigation .navigation-menu-tab ul li a svg,
+.navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn svg,
+.header form .input-group .input-group-append .navigation .navigation-menu-tab ul li button.btn svg {
+  width: 23px;
+  height: 23px;
+}
+
+.navigation .navigation-menu-body {
+  -webkit-box-flex: 1;
+          flex: 1;
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+          flex-direction: column;
+  overflow: auto;
+}
+
+.navigation .navigation-menu-body .navigation-menu-group > div {
+  display: none;
+}
+
+.navigation .navigation-menu-body .navigation-menu-group > div.open {
+  display: block;
+}
+
+.navigation .navigation-menu-body ul li.navigation-divider {
+  padding: 10px 30px;
+  text-transform: uppercase;
+  font-size: 12px;
+  letter-spacing: 0.5px;
+  margin-top: 10px;
+  margin-bottom: 10px;
+  color: #a7abc3;
+}
+
+.navigation .navigation-menu-body ul li > a,
+.navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn,
+.header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn {
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-align: center;
+          align-items: center;
+  padding: 10px 30px;
+  color: #505050;
+  font-size: 14px;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+}
+
+.navigation .navigation-menu-body ul li > a .nav-link-icon,
+.navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn .nav-link-icon,
+.header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn .nav-link-icon {
+  margin-right: 0.8rem;
+  stroke: rgba(0, 0, 0, 0.3);
+  -webkit-transition: stroke 0.3s;
+  transition: stroke 0.3s;
+  width: 20px;
+  height: 20px;
+}
+
+.navigation .navigation-menu-body ul li > a:hover,
+.navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn:hover,
+.header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn:hover {
+  color: #0081ff;
+}
+
+.navigation .navigation-menu-body ul li > a:hover .nav-link-icon,
+.navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn:hover .nav-link-icon,
+.header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn:hover .nav-link-icon {
+  stroke: #0081ff;
+}
+
+.navigation .navigation-menu-body ul li > a.active,
+.navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.active.btn,
+.header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.active.btn {
+  position: relative;
+  color: #0081ff;
+  font-weight: 600;
+  background: rgba(0, 129, 255, 0.15);
+  border-radius: 0.5rem;
+  margin: 0 1rem;
+}
+
+.navigation .navigation-menu-body ul li > a.active:before,
+.navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.active.btn:before,
+.header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.active.btn:before {
+  content: "";
+  display: block;
+  border: 6px solid transparent;
+  border-left-color: #0081ff;
+  margin-left: -12px;
+  margin-right: 5px;
+}
+
+.navigation .navigation-menu-body ul li > a .sub-menu-arrow,
+.navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn .sub-menu-arrow,
+.header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn .sub-menu-arrow {
+  margin-left: auto;
+  font-size: 14px;
+  -webkit-transition: -webkit-transform 0.3s;
+  transition: -webkit-transform 0.3s;
+  transition: transform 0.3s;
+  transition: transform 0.3s, -webkit-transform 0.3s;
+}
+
+.navigation .navigation-menu-body ul li > a .sub-menu-arrow.rotate-in,
+.navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn .sub-menu-arrow.rotate-in,
+.header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn .sub-menu-arrow.rotate-in {
+  -webkit-transform: rotate(540deg);
+          transform: rotate(540deg);
+}
+
+.navigation .navigation-menu-body ul li > a .badge,
+.navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn .badge,
+.header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn .badge {
+  margin-left: auto;
+  padding: 3px 7px;
+}
+
+.navigation .navigation-menu-body ul li > a + ul,
+.navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn + ul,
+.header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn + ul {
+  display: none;
+}
+
+.navigation .navigation-menu-body ul li > a + ul li,
+.navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn + ul li,
+.header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn + ul li {
+  margin: 0;
+}
+
+.navigation .navigation-menu-body ul li > a + ul li a,
+.navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn + ul li a,
+.header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn + ul li a,
+.navigation .navigation-menu-body ul li > a + ul li .header form .input-group .input-group-append button.btn,
+.header form .input-group .input-group-append .navigation .navigation-menu-body ul li > a + ul li button.btn,
+.navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn + ul li button.btn,
+.header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn + ul li button.btn {
+  padding-left: 50px;
+}
+
+.navigation .navigation-menu-body ul li > a + ul ul,
+.navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn + ul ul,
+.header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn + ul ul {
+  border-left: none;
+}
+
+.navigation .navigation-menu-body ul li > a + ul ul li a,
+.navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn + ul ul li a,
+.header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn + ul ul li a,
+.navigation .navigation-menu-body ul li > a + ul ul li .header form .input-group .input-group-append button.btn,
+.header form .input-group .input-group-append .navigation .navigation-menu-body ul li > a + ul ul li button.btn,
+.navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn + ul ul li button.btn,
+.header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn + ul ul li button.btn {
+  padding-left: 70px;
+}
+
+.navigation .navigation-menu-body ul li.open > a,
+.navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn,
+.header form .input-group .input-group-append .navigation .navigation-menu-body ul li.open > button.btn {
+  color: #0081ff;
+  font-weight: 600;
+}
+
+.navigation .navigation-menu-body ul li.open > a .nav-link-icon,
+.navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn .nav-link-icon,
+.header form .input-group .input-group-append .navigation .navigation-menu-body ul li.open > button.btn .nav-link-icon {
+  stroke: #0081ff;
+}
+
+.navigation .navigation-menu-body ul li.open > ul {
+  display: block;
+}
+
+.navigation .navigation-menu-body ul li.open > ul a.active,
+.navigation .navigation-menu-body ul li.open > ul .header form .input-group .input-group-append button.active.btn,
+.header form .input-group .input-group-append .navigation .navigation-menu-body ul li.open > ul button.active.btn {
+  background-color: inherit;
+}
+
+footer.content-footer {
+  padding: 15px 30px;
+  background-color: white;
+  box-shadow: 0 0 10px -8px black;
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+          justify-content: space-between;
+  margin-left: 100px;
+}
+
+footer.content-footer * {
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  font-size: 12px;
+}
+
+footer.content-footer .nav a,
+footer.content-footer .nav .header form .input-group .input-group-append button.btn,
+.header form .input-group .input-group-append footer.content-footer .nav button.btn {
+  padding: 5px 0;
+  margin-left: 15px;
+}
+
+footer.content-footer .nav a:hover,
+footer.content-footer .nav .header form .input-group .input-group-append button.btn:hover,
+.header form .input-group .input-group-append footer.content-footer .nav button.btn:hover {
+  background: none !important;
+}
+
+.sidebar-group {
+  background-color: rgba(0, 0, 0, 0.35);
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  top: 0;
+  left: 0;
+  opacity: 0;
+  z-index: 1000;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+  visibility: hidden;
+}
+
+.sidebar-group.show {
+  opacity: 1;
+  visibility: visible;
+}
+
+.sidebar-group .card,
+.sidebar-group .chat-block,
+.sidebar-group .app-block .app-content .app-action,
+.app-block .app-content .sidebar-group .app-action {
+  box-shadow: none;
+}
+
+.sidebar-group .sidebar {
+  width: 330px;
+  box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
+  background-color: white;
+  z-index: 1000;
+  -webkit-transition: all 0.2s;
+  transition: all 0.2s;
+  visibility: hidden;
+  opacity: 0;
+  margin-right: -100px;
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  top: 0;
+}
+
+.sidebar-group .sidebar.show {
+  visibility: visible;
+  opacity: 1;
+  margin-right: 0px;
+}
+
+.sidebar-group .sidebar > header {
+  background-color: #ebebeb;
+  padding: 1.5rem;
+  font-size: 16px;
+  line-height: 0;
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-align: center;
+          align-items: center;
+}
+
+.sidebar-group .sidebar > header i {
+  margin-right: 10px;
+}
+
+.sidebar-group .sidebar .tab-content {
+  height: calc(100% - 50px);
+}
+
+.sidebar-group .sidebar .tab-content .tab-pane.active {
+  height: 100%;
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+          flex-direction: column;
+}
+
+.sidebar-group .sidebar .tab-content .tab-pane.active .tab-pane-body {
+  -webkit-box-flex: 1;
+          flex: 1;
+  overflow: auto;
+}
+
+.sidebar-group .sidebar .tab-content .tab-pane.active .tab-pane-footer {
+  padding: 20px 0;
+}
+
+body.dark {
+  background-color: #182139;
+  color: #c7c7c7;
+}
+
+body.dark a:not(.btn):not(.link-1),
+body.dark .header form .input-group .input-group-append button.btn:not(.btn):not(.link-1),
+.header form .input-group .input-group-append body.dark button.btn:not(.btn):not(.link-1) {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+body.dark a:not(.btn):not(.link-1):hover,
+body.dark .header form .input-group .input-group-append button.btn:not(.btn):not(.link-1):hover,
+.header form .input-group .input-group-append body.dark button.btn:not(.btn):not(.link-1):hover {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+body.dark .header {
+  background-color: #313852;
+  border-bottom-color: #454c66;
+}
+
+body.dark .header .header-logo {
+  border-bottom-color: #454c66;
+}
+
+body.dark .header .header-logo img {
+  display: block;
+}
+
+body.dark .header .header-logo img:not(.logo-light) {
+  display: none;
+}
+
+body.dark .header ul li a,
+body.dark .header ul li form .input-group .input-group-append button.btn,
+body.dark .header form .input-group .input-group-append ul li button.btn {
+  color: #c7c7c7;
+}
+
+body.dark .header ul li a:hover,
+body.dark .header ul li form .input-group .input-group-append button.btn:hover,
+body.dark .header form .input-group .input-group-append ul li button.btn:hover,
+body.dark .header ul li a:focus,
+body.dark .header ul li form .input-group .input-group-append button.btn:focus,
+body.dark .header form .input-group .input-group-append ul li button.btn:focus {
+  color: white;
+}
+
+body.dark .header .avatar {
+  border-color: transparent;
+}
+
+body.dark .text-divider:after {
+  background-color: #454c66;
+}
+
+body.dark input::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+body.dark input::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+body.dark input:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+body.dark input::-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+body.dark input::placeholder {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+body.dark .border {
+  border-color: #454c66 !important;
+}
+
+body.dark .border-right {
+  border-left-color: #454c66 !important;
+  border-right-color: #454c66 !important;
+}
+
+body.dark .border-left {
+  border-left-color: #454c66 !important;
+  border-right-color: #454c66 !important;
+}
+
+body.dark .border-bottom {
+  border-bottom-color: #454c66 !important;
+}
+
+body.dark .border-top {
+  border-top-color: #454c66 !important;
+}
+
+body.dark .preloader {
+  background: #04071a;
+}
+
+body.dark .preloader .preloader-icon {
+  border-color: #313852;
+}
+
+body.dark .nav-tabs .nav-link:hover,
+body.dark .nav-tabs .nav-link:focus {
+  background-color: #313852 !important;
+  border-bottom-color: #313852 !important;
+}
+
+body.dark .nav-tabs .nav-link.active {
+  background: #313852 !important;
+  border-bottom-color: #313852 !important;
+}
+
+body.dark .sidebar header {
+  background-color: #2c2f42;
+}
+
+body.dark .navigation {
+  background-color: #313852;
+}
+
+body.dark .navigation .navigation-menu-tab {
+  border-right-color: #444e72;
+}
+
+body.dark .navigation .navigation-menu-tab ul li a,
+body.dark .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn,
+.header form .input-group .input-group-append body.dark .navigation .navigation-menu-tab ul li button.btn {
+  color: #c7c7c7;
+}
+
+body.dark .navigation .navigation-menu-tab ul li a.active,
+body.dark .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.active.btn,
+.header form .input-group .input-group-append body.dark .navigation .navigation-menu-tab ul li button.active.btn {
+  color: white;
+}
+
+body.dark .navigation .navigation-menu-tab ul li a:not(.active):hover,
+body.dark .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn:not(.active):hover,
+.header form .input-group .input-group-append body.dark .navigation .navigation-menu-tab ul li button.btn:not(.active):hover,
+body.dark .navigation .navigation-menu-tab ul li a:not(.active):focus,
+body.dark .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn:not(.active):focus,
+.header form .input-group .input-group-append body.dark .navigation .navigation-menu-tab ul li button.btn:not(.active):focus {
+  color: #0081ff;
+}
+
+body.dark .navigation .navigation-menu-body ul li.navigation-divider {
+  color: #dbdbdb;
+}
+
+body.dark .navigation .navigation-menu-body ul li a,
+body.dark .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn,
+.header form .input-group .input-group-append body.dark .navigation .navigation-menu-body ul li button.btn {
+  color: #c7c7c7;
+}
+
+body.dark .navigation .navigation-menu-body ul li a .nav-link-icon,
+body.dark .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn .nav-link-icon,
+.header form .input-group .input-group-append body.dark .navigation .navigation-menu-body ul li button.btn .nav-link-icon {
+  stroke: rgba(199, 199, 199, 0.5);
+}
+
+body.dark .navigation .navigation-menu-body ul li a:hover,
+body.dark .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn:hover,
+.header form .input-group .input-group-append body.dark .navigation .navigation-menu-body ul li button.btn:hover,
+body.dark .navigation .navigation-menu-body ul li a:focus,
+body.dark .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn:focus,
+.header form .input-group .input-group-append body.dark .navigation .navigation-menu-body ul li button.btn:focus {
+  color: white;
+}
+
+body.dark .navigation .navigation-menu-body ul li a.active,
+body.dark .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.active.btn,
+.header form .input-group .input-group-append body.dark .navigation .navigation-menu-body ul li button.active.btn {
+  color: white;
+}
+
+body.dark .navigation .navigation-menu-body ul li a + ul li a.active,
+body.dark .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn + ul li a.active,
+.header form .input-group .input-group-append body.dark .navigation .navigation-menu-body ul li button.btn + ul li a.active,
+body.dark .navigation .navigation-menu-body ul li a + ul li .header form .input-group .input-group-append button.active.btn,
+.header form .input-group .input-group-append body.dark .navigation .navigation-menu-body ul li a + ul li button.active.btn,
+body.dark .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn + ul li button.active.btn,
+.header form .input-group .input-group-append body.dark .navigation .navigation-menu-body ul li button.btn + ul li button.active.btn {
+  color: white;
+}
+
+body.dark .navigation .navigation-menu-body ul li.open > a,
+body.dark .navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn,
+.header form .input-group .input-group-append body.dark .navigation .navigation-menu-body ul li.open > button.btn {
+  color: white;
+  background-color: #454c66;
+}
+
+body.dark .navigation .navigation-menu-body ul li .dropdown-divider {
+  color: #0081ff;
+}
+
+body.dark.boxed-layout {
+  background-color: #04071a;
+}
+
+body.dark.boxed-layout .layout-wrapper .content-wrapper .content-body .content {
+  background-color: #182139;
+}
+
+body.dark.right-navigation .navigation .navigation-menu-tab {
+  border-left-color: #444e72;
+}
+
+body.dark.right-navigation.small-navigation .navigation .navigation-menu-tab {
+  border-left-color: transparent;
+}
+
+body.dark.right-navigation.small-navigation .navigation:hover .navigation-menu-tab {
+  border-left-color: #444e72 !important;
+}
+
+body.dark.small-navigation .navigation:hover .navigation-menu-tab {
+  border-right-color: #444e72 !important;
+}
+
+body.dark .custom-accordion .accordion-row .accordion-header .close {
+  text-shadow: none;
+  color: inherit;
+}
+
+body.dark #vmap_usa_en,
+body.dark #vmap_canada_en,
+body.dark #vmap_world_en {
+  background-color: inherit !important;
+}
+
+body.dark .table {
+  color: #c7c7c7;
+}
+
+body.dark .table .thead-light th {
+  background-color: #59607a;
+  color: inherit;
+}
+
+body.dark .table .thead-dark th,
+body.dark .table-dark,
+body.dark .table-dark th,
+body.dark .table-dark td {
+  background-color: #04071a;
+}
+
+body.dark .mark,
+body.dark mark {
+  background-color: #59607a;
+  color: inherit;
+}
+
+body.dark .page-header {
+  color: rgba(255, 255, 255, 0.6);
+}
+
+body.dark .page-header .breadcrumb li a,
+body.dark .page-header .breadcrumb li .header form .input-group .input-group-append button.btn,
+.header form .input-group .input-group-append body.dark .page-header .breadcrumb li button.btn {
+  color: #b3b3b3;
+}
+
+body.dark .page-header .breadcrumb li a:hover,
+body.dark .page-header .breadcrumb li .header form .input-group .input-group-append button.btn:hover,
+.header form .input-group .input-group-append body.dark .page-header .breadcrumb li button.btn:hover {
+  color: #c7c7c7;
+}
+
+body.dark .breadcrumb li.breadcrumb-item.active {
+  color: #339aff;
+}
+
+body.dark [data-backround-image]:after {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
+body.dark .layout-alert {
+  border-color: #59607a;
+}
+
+body.dark .alert {
+  color: rgba(255, 255, 255, 0.6);
+}
+
+body.dark .alert hr {
+  border-color: rgba(255, 255, 255, 0.1);
+}
+
+body.dark .alert .close:hover,
+body.dark .alert .close:focus {
+  opacity: 0.2;
+  color: inherit;
+}
+
+body.dark .form-control,
+body.dark .swal-modal input.swal-content__input,
+.swal-modal body.dark input.swal-content__input {
+  background: #313852;
+  border-color: #454c66 !important;
+  color: #c3c3c3;
+}
+
+body.dark .form-control:focus,
+body.dark .swal-modal input.swal-content__input:focus,
+.swal-modal body.dark input.swal-content__input:focus {
+  border-color: #0081ff !important;
+}
+
+body.dark .timeline .timeline-item::before {
+  background: #59607a;
+}
+
+body.dark .dropdown-menu {
+  border-top: 1px solid #454c66 !important;
+  color: #c7c7c7;
+}
+
+body.dark .custom-select {
+  background-color: inherit;
+  border-color: rgba(255, 255, 255, 0.2);
+  color: inherit;
+}
+
+body.dark .custom-file-label {
+  background-color: inherit;
+  border-color: rgba(255, 255, 255, 0.2);
+  color: inherit;
+}
+
+body.dark .custom-file-label::after {
+  background-color: #454c66;
+  color: inherit;
+}
+
+body.dark .custom-range::-webkit-slider-runnable-track {
+  background-color: #454c66;
+}
+
+body.dark .custom-control-label::before {
+  background-color: inherit;
+  border-color: #59607a;
+}
+
+body.dark .custom-control-input:disabled ~ .custom-control-label::before {
+  background-color: #454c66;
+}
+
+body.dark .form-control-plaintext {
+  color: inherit;
+}
+
+body.dark .wizard > .content {
+  background-color: #454c66;
+}
+
+body.dark .wizard > .steps .disabled a,
+body.dark .wizard > .steps .disabled .header form .input-group .input-group-append button.btn,
+.header form .input-group .input-group-append body.dark .wizard > .steps .disabled button.btn,
+body.dark .wizard > .steps .disabled a:hover,
+body.dark .wizard > .steps .disabled a:active {
+  background-color: #454c66;
+}
+
+body.dark .wizard > .actions .disabled a,
+body.dark .wizard > .actions .disabled .header form .input-group .input-group-append button.btn,
+.header form .input-group .input-group-append body.dark .wizard > .actions .disabled button.btn,
+body.dark .wizard > .actions .disabled a:hover,
+body.dark .wizard > .actions .disabled a:active {
+  background: #4f5670 !important;
+  border-color: #4f5670 !important;
+}
+
+body.dark .wizard > .actions .disabled a:not(:disabled):not(.disabled):focus,
+body.dark .wizard > .actions .disabled .header form .input-group .input-group-append button.btn:not(:disabled):not(.disabled):focus,
+.header form .input-group .input-group-append body.dark .wizard > .actions .disabled button.btn:not(:disabled):not(.disabled):focus,
+body.dark .wizard > .actions .disabled a:hover:not(:disabled):not(.disabled):focus,
+body.dark .wizard > .actions .disabled a:active:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(4, 7, 26, 0.5);
+  outline: none;
+  color: inherit;
+}
+
+body.dark .pricing-table {
+  border-color: #59607a;
+}
+
+body.dark hr {
+  border-color: #454c66;
+}
+
+body.dark .dropdown-menu {
+  border: none;
+  background-color: #3b425c;
+}
+
+body.dark .dropdown-menu .dropdown-item {
+  color: #c3c3c3;
+}
+
+body.dark .dropdown-menu .dropdown-item:hover,
+body.dark .dropdown-menu .dropdown-item:focus {
+  background: #313852;
+}
+
+body.dark .bg-light {
+  background: #59607a !important;
+}
+
+body.dark .list-group-item {
+  background: none;
+  border-color: rgba(155, 155, 155, 0.1);
+}
+
+body.dark a.list-group-item,
+body.dark .header form .input-group .input-group-append button.list-group-item.btn,
+.header form .input-group .input-group-append body.dark button.list-group-item.btn {
+  color: #c7c7c7;
+}
+
+body.dark a.list-group-item:hover,
+body.dark .header form .input-group .input-group-append button.list-group-item.btn:hover,
+.header form .input-group .input-group-append body.dark button.list-group-item.btn:hover {
+  color: white;
+}
+
+body.dark .card,
+body.dark .chat-block,
+body.dark .app-block .app-content .app-action,
+.app-block .app-content body.dark .app-action {
+  background: #313852;
+  border-color: #444e72;
+}
+
+body.dark .card .card-header,
+body.dark .chat-block .card-header,
+body.dark .app-block .app-content .app-action .card-header,
+.app-block .app-content body.dark .app-action .card-header {
+  border-bottom-color: #2c2f42 !important;
+}
+
+body.dark .card .card-footer,
+body.dark .chat-block .card-footer,
+body.dark .app-block .app-content .app-action .card-footer,
+.app-block .app-content body.dark .app-action .card-footer {
+  border-top-color: #2c2f42;
+}
+
+body.dark .accordion .card,
+body.dark .accordion .chat-block,
+body.dark .accordion .app-block .app-content .app-action,
+.app-block .app-content body.dark .accordion .app-action,
+body.dark .accordion.custom-accordion {
+  border-color: rgba(240, 240, 240, 0.12);
+}
+
+body.dark .accordion.custom-accordion .accordion-row a.accordion-header,
+body.dark .accordion.custom-accordion .accordion-row .header form .input-group .input-group-append button.accordion-header.btn,
+.header form .input-group .input-group-append body.dark .accordion.custom-accordion .accordion-row button.accordion-header.btn {
+  border-bottom-color: rgba(240, 240, 240, 0.12);
+  border-top-color: rgba(240, 240, 240, 0.12);
+  color: inherit;
+  background-color: #454c66;
+}
+
+body.dark .morris-hover.morris-default-style {
+  background-color: #454c66;
+  border-color: #59607a;
+}
+
+body.dark .apexcharts-yaxis .apexcharts-yaxis-texts-g text {
+  fill: rgba(255, 255, 255, 0.2);
+}
+
+body.dark .apexcharts-grid .apexcharts-gridlines-horizontal line,
+body.dark .apexcharts-grid .apexcharts-gridlines-vertical line {
+  stroke: rgba(255, 255, 255, 0.1);
+}
+
+body.dark .apexcharts-toolbar > div > svg {
+  fill: rgba(255, 255, 255, 0.2);
+}
+
+body.dark .apexcharts-menu {
+  border: none;
+  background-color: #454c66;
+}
+
+body.dark .apexcharts-menu .apexcharts-menu-item:hover {
+  background-color: #59607a;
+}
+
+body.dark .apexcharts-xaxis .apexcharts-xaxis-texts-g text {
+  fill: rgba(255, 255, 255, 0.2);
+}
+
+body.dark .apexcharts-tooltip.light .apexcharts-tooltip-title {
+  background-color: #59607a !important;
+  border-color: #3b425c !important;
+}
+
+body.dark .apexcharts-xaxistooltip {
+  border-color: #3b425c !important;
+  background-color: #454c66 !important;
+  color: rgba(255, 255, 255, 0.4);
+}
+
+body.dark .apexcharts-xaxistooltip-bottom:after,
+body.dark apexcharts-xaxistooltip-bottom:before {
+  border-bottom-color: #454c66 !important;
+}
+
+body.dark .apexcharts-tooltip {
+  border-color: #3b425c !important;
+  background-color: #454c66 !important;
+}
+
+body.dark .apexcharts-title-text,
+body.dark .apexcharts-subtitle-text {
+  fill: rgba(255, 255, 255, 0.4);
+}
+
+body.dark .apexcharts-legend-text {
+  color: rgba(255, 255, 255, 0.4) !important;
+}
+
+body.dark .apexcharts-yaxis-title text,
+body.dark .apexcharts-xaxis-title text {
+  fill: rgba(255, 255, 255, 0.4);
+}
+
+body.dark .demo-code-preview {
+  background-color: #313852;
+  border-color: #4f5670 !important;
+}
+
+body.dark .demo-code-preview * {
+  text-shadow: none;
+}
+
+body.dark .demo-code-preview code[class*=language-],
+body.dark .demo-code-preview pre[class*=language-] {
+  color: white;
+}
+
+body.dark .demo-code-preview code[class*=language-] .token.operator,
+body.dark .demo-code-preview pre[class*=language-] .token.operator {
+  background: none;
+}
+
+body.dark .demo-code-preview .token.tag {
+  color: #e156a3;
+}
+
+body.dark .avatar {
+  border-color: #313852;
+}
+
+body.dark .avatar:before {
+  border-color: #313852;
+}
+
+body.dark .avatar .avatar-title {
+  background-color: #59607a;
+}
+
+body.dark .tourBg {
+  opacity: 0.7 !important;
+}
+
+body.dark .dd-handle,
+body.dark .dd3-content {
+  background-color: #454c66;
+  border-color: #313852;
+  color: inherit;
+}
+
+body.dark .dd3-handle:before {
+  color: inherit;
+}
+
+body.dark .dd-item button {
+  color: inherit;
+}
+
+body.dark .list-group-item-action {
+  color: inherit;
+}
+
+body.dark .list-group-item-action.active {
+  color: white;
+}
+
+body.dark .img-thumbnail {
+  border-color: #59607a;
+  background-color: #313852;
+}
+
+body.dark .progress {
+  background-color: #59607a;
+}
+
+body.dark .jstree-default .jstree-clicked {
+  color: #04071a;
+}
+
+body.dark .select2-container--default .select2-selection--single,
+body.dark .select2-container--default .select2-selection--multiple {
+  background-color: inherit;
+}
+
+body.dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background: #454c66;
+  color: #c3c3c3;
+}
+
+body.dark .select2.select2-container .select2-selection {
+  border-color: #59607a;
+}
+
+body.dark .select2-container--default .select2-selection--single .select2-selection__placeholder {
+  color: #646464;
+}
+
+body.dark .select2-container .select2-search--inline .select2-search__field {
+  color: inherit;
+}
+
+body.dark .select2-dropdown {
+  background-color: #313852;
+  border-color: #59607a;
+}
+
+body.dark .select2-container--default .select2-search--dropdown .select2-search__field {
+  background-color: #313852;
+  border-color: #59607a;
+  color: inherit;
+}
+
+body.dark .select2-container--default .select2-selection--single .select2-selection__rendered {
+  color: inherit;
+}
+
+body.dark .select2-container--default .select2-results__option[aria-selected=true] {
+  background-color: #04071a;
+  color: inherit;
+}
+
+body.dark .irs--round .irs-line {
+  background-color: #59607a;
+}
+
+body.dark .irs--round .irs-min,
+body.dark .irs--round .irs-max {
+  color: inherit;
+  background-color: #59607a;
+}
+
+body.dark .daterangepicker {
+  background-color: #3b425c;
+  border-color: #3b425c;
+}
+
+body.dark .daterangepicker select {
+  background-color: inherit;
+  color: inherit;
+  border-color: #59607a;
+}
+
+body.dark .daterangepicker:after,
+body.dark .daterangepicker:before {
+  border-bottom-color: #3b425c;
+}
+
+body.dark .daterangepicker .calendar-table {
+  background-color: #3b425c;
+  border-color: #3b425c;
+}
+
+body.dark .daterangepicker td.in-range {
+  background-color: #59607a;
+  color: inherit;
+}
+
+body.dark .daterangepicker td.end-date {
+  color: white;
+  background-color: #0081ff;
+}
+
+body.dark .daterangepicker .drp-buttons {
+  border-top-color: #3b425c;
+}
+
+body.dark .daterangepicker .drp-buttons .btn.btn-default {
+  color: inherit;
+}
+
+body.dark .daterangepicker td.off,
+body.dark .daterangepicker td.off.end-date,
+body.dark .daterangepicker td.off.start-date {
+  background-color: inherit;
+  color: #636a84;
+}
+
+body.dark .daterangepicker td.off.in-range {
+  background-color: #59607a;
+  color: #8b92ac;
+}
+
+body.dark .daterangepicker td.available:hover,
+body.dark .daterangepicker th.available:hover {
+  background-color: #0081ff;
+  color: white;
+}
+
+body.dark .daterangepicker td.available:hover span,
+body.dark .daterangepicker th.available:hover span {
+  border-color: white;
+}
+
+body.dark .daterangepicker .calendar-table .next span,
+body.dark .daterangepicker .calendar-table .prev span {
+  border-color: #6d748e;
+}
+
+body.dark .daterangepicker .ranges li:hover {
+  background-color: #454c66;
+}
+
+body.dark .popover.clockpicker-popover {
+  overflow: hidden;
+  border: 1px solid #59607a;
+}
+
+body.dark .popover.clockpicker-popover .popover-title {
+  background-color: #313852;
+  color: inherit;
+}
+
+body.dark .popover.clockpicker-popover .popover-content {
+  background-color: #313852;
+}
+
+body.dark .popover.clockpicker-popover .clockpicker-plate {
+  border-color: #59607a;
+  background-color: #313852;
+}
+
+body.dark .popover.clockpicker-popover .clockpicker-plate .clockpicker-tick {
+  color: inherit;
+}
+
+body.dark .popover.clockpicker-popover .clockpicker-plate .clockpicker-canvas-bg {
+  fill: #59607a;
+}
+
+body.dark .nav-tabs .nav-item.show .nav-link,
+body.dark .nav-tabs .nav-link.active {
+  background-color: #59607a;
+  color: inherit;
+  border-color: #59607a;
+}
+
+body.dark .nav-tabs .nav-link:focus,
+body.dark .nav-tabs .nav-link:hover {
+  border-color: #3b425c;
+  background-color: #3b425c;
+}
+
+body.dark .nav-tabs {
+  border-bottom-color: #59607a;
+}
+
+body.dark .figure-caption {
+  color: inherit;
+}
+
+body.dark .btn-link {
+  color: inherit;
+}
+
+body.dark .text-muted,
+body.dark .chat-block .chat-content .messages .message-item.message-item-divider span,
+.chat-block .chat-content .messages .message-item.message-item-divider body.dark span,
+body.dark .demo-code-preview:before {
+  color: #9f9f9f !important;
+}
+
+body.dark .table td,
+body.dark .table th {
+  border-color: rgba(155, 155, 155, 0.2);
+}
+
+body.dark .border-bottom {
+  border-bottom-color: rgba(155, 155, 155, 0.2) !important;
+}
+
+body.dark .sidebar {
+  background: #313852;
+}
+
+body.dark .chat-block .chat-content .messages .message-item:not(.me):before {
+  border-right-color: #454c66;
+}
+
+body.dark .chat-block .chat-content .messages .message-item:not(.me) .message-item-content {
+  background-color: #454c66;
+}
+
+body.dark .chat-block .chat-content .messages .message-item.message-item-divider:before,
+body.dark .chat-block .chat-content .messages .message-item.message-item-divider:after {
+  background-color: #454c66;
+}
+
+body.dark .chat-block .chat-sidebar {
+  background-color: #3b4362;
+}
+
+body.dark .chat-block .chat-sidebar .chat-sidebar-content .list-group .list-group-item {
+  background-color: #313852;
+}
+
+body.dark .chat-block .chat-sidebar .chat-sidebar-content .list-group .list-group-item.active {
+  color: white;
+}
+
+body.dark .app-block .app-content .app-content-body .app-lists ul.list-group li:hover {
+  background-color: #3b425c;
+}
+
+body.dark .app-block .app-content .app-content-body .app-lists ul.list-group li.list-group-item.active {
+  background-color: #454c66;
+}
+
+body.dark .app-block .app-content .app-content-body .app-lists ul.list-group li.list-group-item.active .avatar {
+  border-color: #454c66;
+}
+
+body.dark .app-block .app-content .app-content-body .app-lists ul.list-group li.list-group-item.active .app-list-title {
+  color: #c7c7c7;
+}
+
+body.dark .app-block .app-content .app-content-body .app-detail .card-header {
+  border-bottom-color: #454c66 !important;
+}
+
+body.dark .app-file-list {
+  border-color: #454c66;
+}
+
+body.dark .app-file-list .app-file-icon {
+  background-color: #454c66;
+  border-bottom-color: #454c66;
+}
+
+body.dark .ql-container.ql-snow {
+  border-color: #454c66;
+}
+
+body.dark .ql-editor.ql-blank::before {
+  color: #c7c7c7;
+}
+
+body.dark .ql-snow .ql-stroke,
+body.dark .ql-fill {
+  stroke: #c7c7c7;
+}
+
+body.dark .text-black-50 {
+  color: rgba(247, 247, 247, 0.43) !important;
+}
+
+body.dark .table-email-list a,
+body.dark .table-email-list .header form .input-group .input-group-append button.btn,
+.header form .input-group .input-group-append body.dark .table-email-list button.btn {
+  color: inherit;
+}
+
+body.dark .table-hover tbody tr:hover {
+  color: inherit;
+}
+
+body.dark .input-group-text {
+  background: #454c66;
+  color: inherit;
+}
+
+body.dark .dropdown-divider {
+  border-top-color: rgba(240, 240, 240, 0.12);
+}
+
+body.dark .btn.btn-light,
+.fc body.dark .btn.fc-state-default,
+body.dark .fc .fc-state-default {
+  background: #454c66;
+  border-color: transparent;
+  color: inherit;
+}
+
+body.dark .btn.btn-light:not(:disabled):not(.disabled):hover,
+.fc body.dark .btn.fc-state-default:not(:disabled):not(.disabled):hover,
+body.dark .btn.btn-light:not(:disabled):not(.disabled):focus,
+.fc body.dark .btn.fc-state-default:not(:disabled):not(.disabled):focus,
+body.dark .btn.btn-light:not(:disabled):not(.disabled):active,
+.fc body.dark .btn.fc-state-default:not(:disabled):not(.disabled):active,
+body.dark .fc .fc-state-default:not(:disabled):not(.disabled):hover,
+body.dark .fc .fc-state-default:not(:disabled):not(.disabled):focus,
+body.dark .fc .fc-state-default:not(:disabled):not(.disabled):active {
+  background: #4f5670;
+  border-color: #4f5670;
+  color: inherit;
+}
+
+body.dark .btn.btn-light:not(:disabled):not(.disabled):focus,
+.fc body.dark .btn.fc-state-default:not(:disabled):not(.disabled):focus,
+body.dark .fc .fc-state-default:not(:disabled):not(.disabled):focus {
+  box-shadow: 0 0 0 0.2rem rgba(4, 7, 26, 0.5);
+  outline: none;
+  color: inherit;
+}
+
+body.dark .btn.btn-outline-light {
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  color: #c7c7c7;
+}
+
+body.dark .btn.btn-outline-light:hover {
+  background: none !important;
+  color: #d6d6d6 !important;
+  border: 1px solid rgba(255, 255, 255, 0.1) !important;
+}
+
+body.dark .fc-unthemed .fc-content,
+body.dark .fc-unthemed .fc-divider,
+body.dark .fc-unthemed .fc-list-heading td,
+body.dark .fc-unthemed .fc-list-view,
+body.dark .fc-unthemed .fc-popover,
+body.dark .fc-unthemed .fc-row,
+body.dark .fc-unthemed tbody,
+body.dark .fc-unthemed td,
+body.dark .fc-unthemed th,
+body.dark .fc-unthemed thead {
+  border-color: rgba(240, 240, 240, 0.12);
+}
+
+body.dark .fc-unthemed .fc-list-item:hover td {
+  background: #454c66;
+}
+
+body.dark .fc-unthemed .fc-divider,
+body.dark .fc-unthemed .fc-list-heading td,
+body.dark .fc-unthemed .fc-popover .fc-header {
+  background: #454c66;
+}
+
+body.dark .fc-unthemed td.fc-today,
+body.dark .fc-unthemed .fc-list-empty {
+  background: #454c66;
+}
+
+body.dark #external-events .fc-event {
+  color: inherit;
+}
+
+body.dark .bootstrap-tagsinput {
+  background-color: inherit;
+  border-color: rgba(255, 255, 255, 0.2);
+}
+
+body.dark .bootstrap-tagsinput .tag {
+  background: #454c66;
+  color: #c3c3c3;
+}
+
+body.dark .bootstrap-tagsinput input {
+  color: #c3c3c3;
+}
+
+body.dark .dropzone {
+  background-color: #313852;
+  border-color: #454c66;
+}
+
+body.dark .modal-content {
+  background-color: #313852;
+}
+
+body.dark .modal-content .modal-header {
+  border-bottom-color: rgba(240, 240, 240, 0.12);
+  background-color: #454c66 !important;
+}
+
+body.dark .modal-content .modal-header .close {
+  text-shadow: none;
+  opacity: 1;
+  color: inherit;
+  background-color: #313852 !important;
+}
+
+body.dark .modal-content .modal-footer {
+  border-top-color: rgba(240, 240, 240, 0.12);
+}
+
+body.dark .swal-modal {
+  background-color: #313852;
+}
+
+body.dark .swal-modal .swal-icon--success__hide-corners {
+  background-color: inherit;
+}
+
+body.dark .swal-modal .swal-icon--success:before,
+body.dark .swal-modal .swal-icon--success:after {
+  background-color: inherit;
+}
+
+body.dark .swal-modal .swal-title,
+body.dark .swal-modal .swal-text {
+  color: inherit;
+}
+
+body.dark .popover {
+  background-color: #454c66;
+}
+
+body.dark .popover .popover-header {
+  background-color: #59607a;
+  border-color: transparent;
+}
+
+body.dark .popover .popover-body {
+  color: inherit;
+}
+
+body.dark .popover .popover-navigation {
+  border-top-color: rgba(240, 240, 240, 0.12);
+}
+
+body.dark .bs-popover-auto[x-placement^=top] > .arrow::after,
+body.dark .bs-popover-top > .arrow::after {
+  border-top-color: #454c66;
+}
+
+body.dark .bs-popover-auto[x-placement^=right] > .arrow::after,
+body.dark .bs-popover-right > .arrow::after {
+  border-right-color: #454c66;
+}
+
+body.dark .bs-popover-auto[x-placement^=bottom] > .arrow::after,
+body.dark .bs-popover-bottom > .arrow::after {
+  border-bottom-color: #454c66;
+}
+
+body.dark .bs-popover-auto[x-placement^=left] > .arrow::after,
+body.dark .bs-popover-left > .arrow::after {
+  border-left-color: #454c66;
+}
+
+body.dark ul.links a,
+body.dark ul.links .header form .input-group .input-group-append button.btn,
+.header form .input-group .input-group-append body.dark ul.links button.btn {
+  color: inherit;
+}
+
+body.dark .page-link {
+  background-color: inherit;
+  color: inherit;
+  border-color: rgba(240, 240, 240, 0.12);
+}
+
+body.dark .page-item.disabled .page-link {
+  background-color: #272e48;
+  border-color: rgba(240, 240, 240, 0.12);
+  color: inherit;
+}
+
+body.dark .nav a.nav-link:not(.active),
+body.dark .nav .header form .input-group .input-group-append button.nav-link.btn:not(.active),
+.header form .input-group .input-group-append body.dark .nav button.nav-link.btn:not(.active) {
+  color: #c7c7c7;
+}
+
+body.dark .nav a.nav-link:not(.active):hover,
+body.dark .nav .header form .input-group .input-group-append button.nav-link.btn:not(.active):hover,
+.header form .input-group .input-group-append body.dark .nav button.nav-link.btn:not(.active):hover,
+body.dark .nav a.nav-link:not(.active):active,
+body.dark .nav .header form .input-group .input-group-append button.nav-link.btn:not(.active):active,
+.header form .input-group .input-group-append body.dark .nav button.nav-link.btn:not(.active):active {
+  background-color: #3b425c;
+}
+
+body.dark.form-membership .form-wrapper {
+  background-color: #313852;
+}
+
+body.dark.form-membership .form-wrapper #logo img {
+  display: block;
+}
+
+body.dark.form-membership .form-wrapper #logo img:not(.logo-light) {
+  display: none;
+}
+
+body.dark .content-footer {
+  background-color: #313852;
+}
+
+body.dark .irs--round .irs-handle {
+  background-color: #313852;
+}
+
+body.dark .table tr.tr-selected {
+  background-color: #3b4362;
+}
+
+body.dark.hidden-navigation .navigation {
+  background-color: #313852;
+}
+
+body.dark.small-navigation .navigation-menu-body ul li.open > a,
+body.dark.small-navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn,
+.header form .input-group .input-group-append body.dark.small-navigation .navigation-menu-body ul li.open > button.btn {
+  background-color: #454c66;
+}
+
+body.dark.small-navigation .navigation-menu-body ul li ul {
+  background-color: #313852 !important;
+  border-left-color: #454c66 !important;
+}
+
+body.dark.small-navigation .navigation-menu-body ul li.navigation-divider:after {
+  background-color: #454c66 !important;
+}
+
+@media (min-width: 1200px) {
+  body.dark.horizontal-navigation .horizontal-navigation {
+    background-color: #313852;
+    border-top-color: #444e72;
+  }
+
+  body.dark.horizontal-navigation .horizontal-navigation ul > li > a.active,
+  body.dark.horizontal-navigation .horizontal-navigation .header form .input-group .input-group-append ul > li > button.active.btn,
+  .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul > li > button.active.btn {
+    background: rgba(0, 0, 0, 0.25);
+  }
+
+  body.dark.horizontal-navigation .horizontal-navigation ul > li > a:hover,
+  body.dark.horizontal-navigation .horizontal-navigation .header form .input-group .input-group-append ul > li > button.btn:hover,
+  .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul > li > button.btn:hover {
+    background: rgba(0, 0, 0, 0.1);
+  }
+
+  body.dark.horizontal-navigation .horizontal-navigation ul > li > a + ul,
+  body.dark.horizontal-navigation .horizontal-navigation .header form .input-group .input-group-append ul > li > button.btn + ul,
+  .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul > li > button.btn + ul {
+    border-top-color: #444e72;
+  }
+
+  body.dark.horizontal-navigation .horizontal-navigation ul li ul {
+    background-color: #3b425c;
+  }
+
+  body.dark.horizontal-navigation .horizontal-navigation ul li ul:before {
+    border-bottom-color: #3b425c;
+  }
+
+  body.dark.horizontal-navigation .horizontal-navigation ul li ul li a,
+  body.dark.horizontal-navigation .horizontal-navigation ul li ul li .header form .input-group .input-group-append button.btn,
+  .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li ul li button.btn {
+    color: #c7c7c7;
+  }
+
+  body.dark.horizontal-navigation .horizontal-navigation ul li ul li a:hover,
+  body.dark.horizontal-navigation .horizontal-navigation ul li ul li .header form .input-group .input-group-append button.btn:hover,
+  .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li ul li button.btn:hover {
+    background: none;
+    color: #339aff;
+  }
+
+  body.dark.horizontal-navigation .horizontal-navigation ul li ul li a.active,
+  body.dark.horizontal-navigation .horizontal-navigation ul li ul li .header form .input-group .input-group-append button.active.btn,
+  .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li ul li button.active.btn {
+    background: none;
+    color: #339aff;
+  }
+
+  body.dark.horizontal-navigation .horizontal-navigation ul li ul li ul {
+    border-left-color: #444e72;
+  }
+
+  body.dark.horizontal-navigation .horizontal-navigation ul li ul li.open > a,
+  body.dark.horizontal-navigation .horizontal-navigation ul li ul .header form .input-group .input-group-append li.open > button.btn,
+  .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li ul li.open > button.btn {
+    background: none;
+    color: #339aff;
+  }
+
+  body.dark.navigation-toggle-one.navigation-show .navigation .navigation-menu-body {
+    background-color: #313852;
+  }
+}
+
+@media (max-width: 1200px) {
+  body.dark .chat-block .chat-content.mobile-open {
+    background-color: #313852;
+  }
+
+  body.dark.horizontal-navigation .horizontal-navigation {
+    background-color: #3b425c;
+  }
+
+  body.dark.horizontal-navigation .horizontal-navigation ul li a:hover,
+  body.dark.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.btn:hover,
+  .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li button.btn:hover {
+    color: #339aff;
+  }
+
+  body.dark.horizontal-navigation .horizontal-navigation ul li a.active,
+  body.dark.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.active.btn,
+  .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li button.active.btn {
+    color: #339aff;
+  }
+
+  body.dark.horizontal-navigation .horizontal-navigation ul li.open > a,
+  body.dark.horizontal-navigation .horizontal-navigation ul .header form .input-group .input-group-append li.open > button.btn,
+  .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li.open > button.btn {
+    color: #339aff;
+  }
+}
+
+@media (max-width: 1200px) {
+  .header .header-toggler {
+    display: block;
+  }
+
+  .chat-app .layout-wrapper .content-wrapper .content-body .content {
+    padding-left: 0 !important;
+  }
+
+  .chat-block {
+    position: relative;
+  }
+
+  .chat-block .chat-content {
+    display: none;
+  }
+
+  .chat-block .chat-content .chat-header {
+    padding: 0.5rem 1.5rem;
+  }
+
+  .chat-block .chat-content .mobile-chat-close-btn {
+    display: block;
+  }
+
+  .chat-block .chat-content.chat-mobile-open {
+    display: -webkit-box;
+    display: flex;
+    background-color: white;
+    position: absolute;
+    right: 0;
+    left: 0;
+    max-width: 100%;
+    z-index: 2;
+    bottom: 0;
+  }
+
+  .chat-block .chat-sidebar {
+    -webkit-box-flex: 1;
+            flex: 1;
+    border-right: none;
+    max-width: 100% !important;
+  }
+
+  .header {
+    margin: 0;
+  }
+
+  .header .header-left .navigation-toggler {
+    display: block !important;
+  }
+
+  .header div:nth-child(2) ul.navbar-nav:first-child {
+    display: none;
+    background: #e6e6e6;
+    position: fixed;
+    left: 0;
+    right: 0;
+    top: 75px;
+  }
+
+  .header div:nth-child(2) ul.navbar-nav:first-child li a,
+  .header div:nth-child(2) ul.navbar-nav:first-child li form .input-group .input-group-append button.btn,
+  .header form .input-group .input-group-append div:nth-child(2) ul.navbar-nav:first-child li button.btn {
+    color: black;
+  }
+
+  .header div:nth-child(2) ul.navbar-nav:first-child.open {
+    display: -webkit-box;
+    display: flex;
+    flex-wrap: wrap;
+  }
+
+  .header .header-search .input-group {
+    background-color: white;
+  }
+
+  .header .header-search .input-group .btn {
+    color: black;
+  }
+
+  .header .header-search .input-group input.form-control:focus,
+  .header .header-search .input-group .swal-modal input.swal-content__input:focus,
+  .swal-modal .header .header-search .input-group input.swal-content__input:focus {
+    color: black;
+  }
+
+  .header .header-search .input-group input.form-control::-webkit-input-placeholder, .header .header-search .input-group .swal-modal input.swal-content__input::-webkit-input-placeholder, .swal-modal .header .header-search .input-group input.swal-content__input::-webkit-input-placeholder {
+    color: #9b9b9b;
+  }
+
+  .header .header-search .input-group input.form-control::-moz-placeholder, .header .header-search .input-group .swal-modal input.swal-content__input::-moz-placeholder, .swal-modal .header .header-search .input-group input.swal-content__input::-moz-placeholder {
+    color: #9b9b9b;
+  }
+
+  .header .header-search .input-group input.form-control:-ms-input-placeholder, .header .header-search .input-group .swal-modal input.swal-content__input:-ms-input-placeholder, .swal-modal .header .header-search .input-group input.swal-content__input:-ms-input-placeholder {
+    color: #9b9b9b;
+  }
+
+  .header .header-search .input-group input.form-control::-ms-input-placeholder, .header .header-search .input-group .swal-modal input.swal-content__input::-ms-input-placeholder, .swal-modal .header .header-search .input-group input.swal-content__input::-ms-input-placeholder {
+    color: #9b9b9b;
+  }
+
+  .header .header-search .input-group input.form-control::placeholder,
+  .header .header-search .input-group .swal-modal input.swal-content__input::placeholder,
+  .swal-modal .header .header-search .input-group input.swal-content__input::placeholder {
+    color: #9b9b9b;
+  }
+
+  .header .navigation-toggler a,
+  .header .navigation-toggler form .input-group .input-group-append button.btn,
+  .header form .input-group .input-group-append .navigation-toggler button.btn,
+  .header .navbar-toggler a,
+  .header .navbar-toggler form .input-group .input-group-append button.btn,
+  .header form .input-group .input-group-append .navbar-toggler button.btn {
+    background: none !important;
+  }
+
+  .header .navigation-toggler {
+    display: none !important;
+  }
+
+  .header .navigation-toggler.mobile-toggler {
+    display: block !important;
+  }
+
+  .header .navigation-toggler a:hover,
+  .header .navigation-toggler form .input-group .input-group-append button.btn:hover,
+  .header form .input-group .input-group-append .navigation-toggler button.btn:hover {
+    background: none !important;
+  }
+
+  .header .dropdown {
+    position: static;
+  }
+
+  .header .dropdown-menu {
+    right: 1rem !important;
+    top: auto !important;
+    left: 1rem !important;
+    margin-top: 10px;
+    width: auto !important;
+    -webkit-transform: inherit !important;
+            transform: inherit !important;
+  }
+
+  .layout-wrapper .content-wrapper .content-body .content {
+    padding-left: 30px;
+  }
+
+  .content-footer {
+    margin-left: 0 !important;
+  }
+
+  .navigation {
+    background-color: white;
+    z-index: 1000;
+    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.15);
+    left: -80%;
+    top: 0;
+    bottom: 0;
+    opacity: 0;
+    -webkit-transition: left 0.2s;
+    transition: left 0.2s;
+    position: fixed !important;
+  }
+
+  .navigation.open {
+    left: 0;
+    opacity: 1;
+  }
+
+  .navigation header.navigation-header {
+    padding-top: 20px;
+  }
+
+  .navigation .navigation-icon-menu {
+    margin: 0;
+    border-radius: 0;
+  }
+
+  .navigation .navigation-menu-body {
+    padding: 15px 0;
+  }
+
+  .page-header {
+    padding: 0;
+    margin-top: 0;
+    margin-right: 0;
+    margin-left: 0;
+  }
+
+  .user-page {
+    padding: 20px;
+    height: auto;
+  }
+
+  .user-page .card,
+  .user-page .chat-block,
+  .user-page .app-block .app-content .app-action,
+  .app-block .app-content .user-page .app-action {
+    width: auto;
+  }
+
+  .user-page .card .card-body,
+  .user-page .chat-block .card-body,
+  .user-page .app-block .app-content .app-action .card-body,
+  .app-block .app-content .user-page .app-action .card-body {
+    padding: 30px;
+  }
+}
+
+@media (max-width: 992px) {
+  .app-block {
+    position: relative;
+  }
+
+  .app-block .app-sidebar-menu-button {
+    display: -webkit-inline-box;
+    display: inline-flex;
+    margin-right: 1rem;
+  }
+
+  .app-block .app-sidebar {
+    display: none;
+    position: absolute;
+    left: 0;
+    z-index: 9;
+    -webkit-box-flex: 0;
+            flex: 0 0 35%;
+    max-width: 35%;
+    bottom: 0;
+  }
+
+  .app-block .app-sidebar .app-sidebar-menu {
+    overflow: auto;
+  }
+
+  .app-block .app-sidebar.show {
+    display: block;
+  }
+
+  .app-block .app-sidebar > .card,
+  .app-block .app-sidebar > .chat-block,
+  .app-block .app-content .app-sidebar > .app-action {
+    box-shadow: 3px 0px 15px -10px black;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+
+  .app-block .app-content {
+    -webkit-box-flex: 0;
+            flex: 0 0 100%;
+    max-width: 100%;
+  }
+
+  .app-block .app-content .app-action {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: reverse;
+            flex-direction: column-reverse;
+  }
+
+  .app-block .app-content .app-action .action-right {
+    margin-left: 0;
+    margin-bottom: 1rem;
+  }
+
+  .app-block .app-content .app-detail .card-header {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+            flex-direction: column;
+    -webkit-box-align: stretch !important;
+            align-items: stretch !important;
+  }
+
+  .app-block .app-content .app-detail .card-header .app-detail-action-right {
+    margin-left: 0 !important;
+    margin-top: 1rem;
+  }
+
+  .card,
+  .chat-block,
+  .app-block .app-content .app-action {
+    margin-bottom: 1rem;
+  }
+
+  .card .card-body,
+  .chat-block .card-body,
+  .app-block .app-content .app-action .card-body {
+    padding: 1.2rem;
+  }
+}
+
+@media (max-width: 768px) {
+  body.form-membership .form-wrapper {
+    width: 90%;
+    margin: 30px auto;
+  }
+
+  body.horizontal-navigation .horizontal-navigation.open {
+    width: 80%;
+  }
+
+  .app-block .app-content .app-action .action-right form {
+    margin-right: 0 !important;
+  }
+
+  .app-block .app-content .app-action .action-right .app-pager {
+    display: none !important;
+  }
+
+  .app-block .app-sidebar {
+    -webkit-box-flex: 0;
+            flex: 0 0 70%;
+    max-width: 70%;
+  }
+
+  .chat-block .chat-sidebar.border-right {
+    border-right: none !important;
+  }
+
+  .toast-top-right {
+    top: 1rem;
+    right: 1rem;
+  }
+
+  .toast-top-left {
+    top: 1rem;
+    left: 1rem;
+  }
+
+  .header .header-left {
+    width: auto;
+  }
+
+  .header .page-title {
+    display: none;
+  }
+
+  footer {
+    padding: 15px 20px;
+  }
+
+  footer .nav {
+    display: none;
+  }
+
+  .table-responsive-stack tr {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    flex-direction: column;
+    border-bottom: 3px solid #ccc;
+    display: block;
+  }
+
+  /*  IE9 FIX   */
+
+  .table-responsive-stack td {
+    float: left \9;
+    width: 100%;
+  }
+
+  .sidebar > ul.nav {
+    display: -webkit-box;
+    display: flex;
+  }
+
+  .sidebar > ul.nav li.nav-item {
+    border: none;
+  }
+
+  .user-page {
+    padding: 20px;
+    height: auto;
+  }
+
+  .user-page .card,
+  .user-page .chat-block,
+  .user-page .app-block .app-content .app-action,
+  .app-block .app-content .user-page .app-action {
+    width: 100%;
+  }
+
+  .user-page .card .card-body,
+  .user-page .chat-block .card-body,
+  .user-page .app-block .app-content .app-action .card-body,
+  .app-block .app-content .user-page .app-action .card-body {
+    padding: 30px;
+  }
+
+  .fc .fc-toolbar.fc-header-toolbar > div {
+    float: none !important;
+  }
+
+  .fc .fc-toolbar.fc-header-toolbar > div .fc-button-group {
+    float: none !important;
+  }
+
+  .fc .fc-toolbar.fc-header-toolbar > div.fc-left {
+    display: -webkit-box;
+    display: flex;
+    -webkit-box-pack: center;
+            justify-content: center;
+    margin-bottom: 15px;
+  }
+
+  .fc .fc-toolbar.fc-header-toolbar > div.fc-right {
+    margin-bottom: 5px;
+  }
+}
+
+@media (max-width: 414px) {
+  .nav {
+    display: block;
+    border: none;
+  }
+
+  .nav li.nav-item {
+    margin-bottom: 0;
+  }
+
+  .nav li.nav-item:last-child {
+    border: none;
+  }
+
+  .nav li.nav-item a.nav-link,
+  .nav li.nav-item .header form .input-group .input-group-append button.nav-link.btn,
+  .header form .input-group .input-group-append .nav li.nav-item button.nav-link.btn {
+    border: none;
+  }
+
+  body:not(.semi-dark):not(.dark) .nav li.nav-item {
+    border-bottom: 1px solid #ebebeb;
+  }
+
+  .navigation header.navigation-header .nav {
+    display: -webkit-box;
+    display: flex;
+  }
+
+  body.dark .nav li.nav-item {
+    border-bottom-color: #6d748e;
+  }
+
+  .wizard > .steps > ul > li {
+    float: none;
+    width: 100%;
+    margin-bottom: 10px;
+  }
+
+  .wizard > .content {
+    background: none;
+  }
+
+  .wizard > .content > .body {
+    position: static;
+    padding: 0;
+  }
+
+  .dataTables_wrapper .dataTables_filter {
+    display: block;
+  }
+
+  .navigation {
+    width: 20%;
+  }
+
+  .page-header .breadcrumb {
+    display: none;
+  }
+}
+
+@media (max-width: 375px) {
+  nav.navbar .navbar-menu {
+    padding-left: 0;
+  }
+
+  .navigation {
+    width: 20%;
+  }
+}
+
+@media (max-width: 544px) {
+  .text-xs-center {
+    text-align: center !important;
+  }
+
+  .text-xs-left {
+    text-align: left !important;
+  }
+
+  .text-xs-right {
+    text-align: right !important;
+  }
+}
+
+@media print {
+  .page-header {
+    display: none;
+  }
+}
+
+
+.layout-builder {
+    position: fixed;
+    width: 400px;
+    background: white;
+    z-index: 1000;
+    right: -400px;
+    top: 0;
+    bottom: 0;
+    box-shadow: 8px 0 10px 3px rgba(0, 0, 0, 0.50);
+    overflow: auto;
+    transition: right .2s;
+}
+
+.layout-builder.show {
+    right: 0;
+}
+
+.layout-builder .layout-builder-toggle.shw i {
+    -webkit-animation: spin 2s linear infinite;
+    -moz-animation: spin 2s linear infinite;
+    animation: spin 2s linear infinite;
+}
+
+@-webkit-keyframes spin {
+    100% {
+          -webkit-transform: rotate(360deg);
+    }
+}
+
+@-moz-keyframes spin {
+    100% {
+          -moz-transform: rotate(360deg);
+    }
+}
+
+@keyframes spin {
+    100% {
+          transform: rotate(360deg);
+    }
+}
+
+.layout-builder .layout-builder-toggle.hdn {
+    display: none;
+}
+
+.layout-builder.show .layout-builder-toggle.hdn {
+    display: flex;
+}
+
+.layout-builder .layout-builder-toggle {
+    cursor: pointer;
+    width: 50px;
+    height: 50px;
+    color: white;
+    background: black;
+    position: fixed;
+    top: 50%;
+    margin-left: -50px;
+    display: flex;
+    font-size: 23px;
+    justify-content: center;
+    align-items: center;
+    margin-top: -25px;
+}
+
+.layout-builder .layout-builder-body {
+    padding: 30px;
+}
+
+.layout-builder .layout-builder-body .custom-control input[type="checkbox"]:checked + label {
+    color: black;
+}
+
+.layout-builder .layout-colors {
+    display: flex;
+    flex-wrap: wrap;
+    margin-left: -10px;
+}
+
+.layout-builder .layout-colors .layout-color-item {
+    width: 40px;
+    height: 40px;
+    background: red;
+    margin: 10px;
+    border-radius: 3px;
+    overflow: hidden;
+    border: 5px solid transparent;
+    cursor: pointer;
+}
+
+.layout-builder .layout-colors .layout-color-item.active {
+    box-shadow: 0px 0px 0px 1px black
+}
+
+.layout-builder .layout-colors .layout-color-item span {
+    display: block;
+    height: 45%;
+}
+
+.layout-builder .layout-colors .layout-color-item span:first-child {
+    background: black;
+    transform: rotate(15deg);
+    width: 110%;
+    height: 70%;
+    margin-top: -5px;
+}
+
+.layout-alert {
+    border: 1px solid #ddd;
+    border-radius: 5px;
+    padding: 5px 10px;
+}
+
+@media (max-width: 992px) {
+    .layout-builder {
+          display: none;
+    }
+}

public/assets/js/app.js

@@ -1 @@
-/******/ (() => { // webpackBootstrap
-/******/        var __webpack_modules__ = ({
-
-/***/ "./resources/assets/js/app.js":
-/*!************************************!*\
-  !*** ./resources/assets/js/app.js ***!
-  \************************************/
-/***/ (() => {
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-/******/
-(function (modules) {
-  // webpackBootstrap
-
-  /******/
-  // The module cache
-
-  /******/
-  var installedModules = {};
-  /******/
-
-  /******/
-  // The require function
-
-  /******/
-
-  function __nested_webpack_require_572__(moduleId) {
-    /******/
-
-    /******/
-    // Check if module is in cache
-
-    /******/
-    if (installedModules[moduleId]) {
-      /******/
-      return installedModules[moduleId].exports;
-      /******/
-    }
-    /******/
-    // Create a new module (and put it into the cache)
-
-    /******/
-
-
-    var module = installedModules[moduleId] = {
-      /******/
-      i: moduleId,
-
-      /******/
-      l: false,
-
-      /******/
-      exports: {}
-      /******/
-
-    };
-    /******/
-
-    /******/
-    // Execute the module function
-
-    /******/
-
-    modules[moduleId].call(module.exports, module, module.exports, __nested_webpack_require_572__);
-    /******/
-
-    /******/
-    // Flag the module as loaded
-
-    /******/
-
-    module.l = true;
-    /******/
-
-    /******/
-    // Return the exports of the module
-
-    /******/
-
-    return module.exports;
-    /******/
-  }
-  /******/
-
-  /******/
-
-  /******/
-  // expose the modules object (__webpack_modules__)
-
-  /******/
-
-
-  __nested_webpack_require_572__.m = modules;
-  /******/
-
-  /******/
-  // expose the module cache
-
-  /******/
-
-  __nested_webpack_require_572__.c = installedModules;
-  /******/
-
-  /******/
-  // define getter function for harmony exports
-
-  /******/
-
-  __nested_webpack_require_572__.d = function (exports, name, getter) {
-    /******/
-    if (!__nested_webpack_require_572__.o(exports, name)) {
-      /******/
-      Object.defineProperty(exports, name, {
-        enumerable: true,
-        get: getter
-      });
-      /******/
-    }
-    /******/
-
-  };
-  /******/
-
-  /******/
-  // define __esModule on exports
-
-  /******/
-
-
-  __nested_webpack_require_572__.r = function (exports) {
-    /******/
-    if (typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-      /******/
-      Object.defineProperty(exports, Symbol.toStringTag, {
-        value: 'Module'
-      });
-      /******/
-    }
-    /******/
-
-
-    Object.defineProperty(exports, '__esModule', {
-      value: true
-    });
-    /******/
-  };
-  /******/
-
-  /******/
-  // create a fake namespace object
-
-  /******/
-  // mode & 1: value is a module id, require it
-
-  /******/
-  // mode & 2: merge all properties of value into the ns
-
-  /******/
-  // mode & 4: return value when already ns object
-
-  /******/
-  // mode & 8|1: behave like require
-
-  /******/
-
-
-  __nested_webpack_require_572__.t = function (value, mode) {
-    /******/
-    if (mode & 1) value = __nested_webpack_require_572__(value);
-    /******/
-
-    if (mode & 8) return value;
-    /******/
-
-    if (mode & 4 && _typeof(value) === 'object' && value && value.__esModule) return value;
-    /******/
-
-    var ns = Object.create(null);
-    /******/
-
-    __nested_webpack_require_572__.r(ns);
-    /******/
-
-
-    Object.defineProperty(ns, 'default', {
-      enumerable: true,
-      value: value
-    });
-    /******/
-
-    if (mode & 2 && typeof value != 'string') for (var key in value) {
-      __nested_webpack_require_572__.d(ns, key, function (key) {
-        return value[key];
-      }.bind(null, key));
-    }
-    /******/
-
-    return ns;
-    /******/
-  };
-  /******/
-
-  /******/
-  // getDefaultExport function for compatibility with non-harmony modules
-
-  /******/
-
-
-  __nested_webpack_require_572__.n = function (module) {
-    /******/
-    var getter = module && module.__esModule ?
-    /******/
-    function getDefault() {
-      return module['default'];
-    } :
-    /******/
-    function getModuleExports() {
-      return module;
-    };
-    /******/
-
-    __nested_webpack_require_572__.d(getter, 'a', getter);
-    /******/
-
-
-    return getter;
-    /******/
-  };
-  /******/
-
-  /******/
-  // Object.prototype.hasOwnProperty.call
-
-  /******/
-
-
-  __nested_webpack_require_572__.o = function (object, property) {
-    return Object.prototype.hasOwnProperty.call(object, property);
-  };
-  /******/
-
-  /******/
-  // __webpack_public_path__
-
-  /******/
-
-
-  __nested_webpack_require_572__.p = "/";
-  /******/
-
-  /******/
-
-  /******/
-  // Load entry module and return exports
-
-  /******/
-
-  return __nested_webpack_require_572__(__nested_webpack_require_572__.s = 0);
-  /******/
-})({
-  /***/
-  "./public/assets/sass/app.scss": function publicAssetsSassAppScss(module, exports) {// removed by extract-text-webpack-plugin
-
-    /***/
-  },
-
-  /***/
-  "./resources/js/app.js": function resourcesJsAppJs(module, exports, __webpack_require__) {
-    "use strict";
-
-    (function ($) {
-      var wind_ = $(window),
-          body_ = $('body');
-      feather.replace({
-        'stroke-width': 1.5
-      });
-      $(document).on('click', '[data-toggle="fullscreen"]', function () {
-        $(this).toggleClass('active-fullscreen');
-
-        if (document.fullscreenEnabled) {
-          if ($(this).hasClass("active-fullscreen")) {
-            document.documentElement.requestFullscreen();
-          } else {
-            document.exitFullscreen();
-          }
-        } else {
-          alert("Your browser does not support fullscreen.");
-        }
-
-        return false;
-      });
-      $(document).on('click', '.overlay', function () {
-        $.removeOverlay();
-
-        if (body_.hasClass('horizontal-navigation')) {
-          $('.horizontal-navigation').removeClass('open');
-        } else {
-          $('.navigation').removeClass('open');
-        }
-
-        body_.removeClass('navigation-show');
-      });
-      $(document).on('click', '[data-sidebar-target]', function () {
-        var target = $(this).data('sidebar-target');
-        $('body').addClass('no-scroll');
-        $('.sidebar-group').addClass('show');
-        $('.sidebar-group .sidebar').removeClass('show');
-        $('.sidebar-group .sidebar' + target).addClass('show');
-        return false;
-      });
-      $(document).on('click', '.sidebar-group', function (e) {
-        if ($(e.target).is($('.sidebar-group'))) {
-          $('.sidebar-group').removeClass('show');
-          $('body').removeClass('no-scroll');
-          $('.sidebar-group .sidebar').removeClass('show');
-        }
-      }); // Active pages, automatically show on the menu
-
-      $('.navigation .navigation-menu-body .navigation-menu-group ul li a.active').closest('ul').parent('li').addClass('open').closest('ul').parent('li').addClass('open');
-      $('.navigation .navigation-menu-body .navigation-menu-group ul li a.active').closest('div').addClass('open');
-      $('.navigation .navigation-menu-tab [data-nav-target="#' + $('.navigation .navigation-menu-body .navigation-menu-group ul li a.active').closest('div').attr('id') + '"]').addClass('active');
-      $('body.horizontal-navigation .horizontal-navigation ul li a.active').closest('ul').parent('li').addClass('open').closest('ul').parent('li').addClass('open');
-      /*------------- create/remove overlay -------------*/
-
-      $.createOverlay = function () {
-        if ($('.overlay').length < 1) {
-          body_.addClass('no-scroll').append('<div class="overlay"></div>');
-          $('.overlay').addClass('show');
-        }
-      };
-
-      $.removeOverlay = function () {
-        body_.removeClass('no-scroll');
-        $('.overlay').remove();
-      };
-      /*------------- create/remove overlay -------------*/
-
-
-      $('[data-backround-image]').each(function (e) {
-        $(this).css("background", 'url(' + $(this).data('backround-image') + ')');
-      });
-      /*------------- page loader -------------*/
-
-      wind_.on('load', function () {
-        $('.preloader').fadeOut(400, function () {
-          setTimeout(function () {
-            toastr.options = {
-              timeOut: 2000,
-              progressBar: true,
-              showMethod: "slideDown",
-              hideMethod: "slideUp",
-              showDuration: 200,
-              hideDuration: 200,
-              positionClass: "toast-top-center"
-            }; //toastr.success('Welcome');
-
-            $('.theme-switcher').removeClass('open');
-          }, 500); // $('.theme-switcher').css('opacity', 1);
-        });
-      });
-      /*------------- page loader -------------*/
-
-      /*------------- side menu (sub menü arrow) -------------*/
-
-      wind_.on('load', function () {
-        setTimeout(function () {
-          $('.navigation .navigation-menu-body ul li a').each(function () {
-            var $this = $(this);
-
-            if ($this.next('ul').length) {
-              $this.append('<i class="sub-menu-arrow ti-angle-up"></i>');
-            }
-          });
-          $('.navigation .navigation-menu-body ul li.open>a>.sub-menu-arrow').removeClass('ti-plus').addClass('ti-minus').addClass('rotate-in');
-          $('body.horizontal-navigation .horizontal-navigation ul li a').each(function () {
-            var $this = $(this);
-
-            if ($this.next('ul').length) {
-              $this.append('<i class="sub-menu-arrow ti-angle-right"></i>');
-            }
-          });
-        }, 200);
-      });
-      /*------------- side menu (sub menü arrow) -------------*/
-
-      $(document).on('click', '[data-action="navigation-toggler"]', function () {
-        if (body_.hasClass('horizontal-navigation')) {
-          $('.horizontal-navigation').toggleClass('open');
-        } else {
-          $('.navigation').toggleClass('open');
-        }
-
-        $.createOverlay();
-      });
-      $(document).on('click', '[data-nav-target]', function () {
-        var $this = $(this),
-            target = $this.data('nav-target');
-
-        if (body_.hasClass('navigation-toggle-one')) {
-          body_.addClass('navigation-show');
-        }
-
-        if (body_.hasClass('horizontal-navigation')) {
-          $('.navigation .navigation-menu-body').show();
-        }
-
-        $('.navigation .navigation-menu-body .navigation-menu-group > div').removeClass('open');
-        $('.navigation .navigation-menu-body .navigation-menu-group ' + target).addClass('open');
-        $('[data-nav-target]').removeClass('active');
-        $this.addClass('active');
-        $this.tooltip('hide');
-        return false;
-      });
-      var c = $('.header .header-left .header-logo').clone();
-      $('.navigation .navigation-header').append(c.addClass('navigation-logo').removeClass('header-logo'));
-      $(document).on('click', '.navigation-toggler a', function () {
-        if (wind_.width() < 1200) {
-          $.createOverlay();
-          body_.addClass('navigation-show');
-        } else {
-          if (!body_.hasClass('navigation-toggle-one') && !body_.hasClass('navigation-toggle-two')) {
-            body_.addClass('navigation-toggle-one');
-          } else if (body_.hasClass('navigation-toggle-one') && !body_.hasClass('navigation-toggle-two')) {
-            body_.addClass('navigation-toggle-two');
-            body_.removeClass('navigation-toggle-one');
-          } else if (!body_.hasClass('navigation-toggle-one') && body_.hasClass('navigation-toggle-two')) {
-            body_.removeClass('navigation-toggle-two');
-            body_.removeClass('navigation-toggle-one');
-          }
-        }
-
-        return false;
-      });
-      $(document).on('click', '.header-toggler a', function () {
-        $('.header ul.navbar-nav').toggleClass('open');
-        return false;
-      });
-      $(document).on('click', '*', function (e) {
-        if (!$(e.target).is($('.navigation, .navigation *, .navigation-toggler *')) && body_.hasClass('navigation-toggle-one')) {
-          body_.removeClass('navigation-show');
-        }
-      });
-      $(document).on('click', '*', function (e) {
-        if (!$(e.target).is('.header ul.navbar-nav, .header ul.navbar-nav *, .header-toggler, .header-toggler *')) {
-          $('.header ul.navbar-nav').removeClass('open');
-        }
-      });
-      /*------------- form validation -------------*/
-
-      window.addEventListener('load', function () {
-        // Fetch all the forms we want to apply custom Bootstrap validation styles to
-        var forms = document.getElementsByClassName('needs-validation'); // Loop over them and prevent submission
-
-        Array.prototype.filter.call(forms, function (form) {
-          form.addEventListener('submit', function (event) {
-            if (form.checkValidity() === false) {
-              event.preventDefault();
-              event.stopPropagation();
-            }
-
-            form.classList.add('was-validated');
-          }, false);
-        });
-      }, false);
-      /*------------- form validation -------------*/
-
-      /*------------- responsive html table -------------*/
-
-      var table_responsive_stack = $(".table-responsive-stack");
-      table_responsive_stack.find("th").each(function (i) {
-        $(".table-responsive-stack td:nth-child(" + (i + 1) + ")").prepend('<span class="table-responsive-stack-thead">' + $(this).text() + ":</span> ");
-        $(".table-responsive-stack-thead").hide();
-      });
-      table_responsive_stack.each(function () {
-        var thCount = $(this).find("th").length,
-            rowGrow = 100 / thCount + "%";
-        $(this).find("th, td").css("flex-basis", rowGrow);
-      });
-
-      function flexTable() {
-        if (wind_.width() < 768) {
-          $(".table-responsive-stack").each(function (i) {
-            $(this).find(".table-responsive-stack-thead").show();
-            $(this).find("thead").hide();
-          }); // window is less than 768px
-        } else {
-          $(".table-responsive-stack").each(function (i) {
-            $(this).find(".table-responsive-stack-thead").hide();
-            $(this).find("thead").show();
-          });
-        }
-      }
-
-      flexTable();
-
-      window.onresize = function (event) {
-        flexTable();
-      };
-      /*------------- responsive html table -------------*/
-
-      /*------------- header search -------------*/
-
-
-      $(document).on('click', '[data-toggle="search"], [data-toggle="search"] *', function () {
-        $('.header .header-body .header-search').show().find('.form-control').focus();
-        return false;
-      });
-      $(document).on('click', '.close-header-search, .close-header-search svg', function () {
-        $('.header .header-body .header-search').hide();
-        return false;
-      });
-      $(document).on('click', '*', function (e) {
-        if (!$(e.target).is($('.header, .header *, [data-toggle="search"], [data-toggle="search"] *'))) {
-          $('.header .header-body .header-search').hide();
-        }
-      });
-      /*------------- header search -------------*/
-
-      /*------------- custom accordion -------------*/
-
-      $(document).on('click', '.accordion.custom-accordion .accordion-row a.accordion-header', function () {
-        var $this = $(this);
-        $this.closest('.accordion.custom-accordion').find('.accordion-row').not($this.parent()).removeClass('open');
-        $this.parent('.accordion-row').toggleClass('open');
-        return false;
-      });
-      /*------------- custom accordion -------------*/
-
-      /*------------- responsive table dropdown -------------*/
-
-      var dropdownMenu,
-          table_responsive = $('.table-responsive');
-      table_responsive.on('show.bs.dropdown', function (e) {
-        dropdownMenu = $(e.target).find('.dropdown-menu');
-        body_.append(dropdownMenu.detach());
-        var eOffset = $(e.target).offset();
-        dropdownMenu.css({
-          'display': 'block',
-          'top': eOffset.top + $(e.target).outerHeight(),
-          'left': eOffset.left,
-          'width': '184px',
-          'font-size': '14px'
-        });
-        dropdownMenu.addClass("mobPosDropdown");
-      });
-      table_responsive.on('hide.bs.dropdown', function (e) {
-        $(e.target).append(dropdownMenu.detach());
-        dropdownMenu.hide();
-      });
-      /*------------- responsive table dropdown -------------*/
-
-      /*------------- chat -------------*/
-
-      $(document).on('click', '.chat-block .chat-sidebar .chat-sidebar-content .list-group .list-group-item', function () {
-        $('.chat-block .chat-content').addClass('chat-mobile-open');
-        return false;
-      });
-      $(document).on('click', '.chat-block .chat-content .mobile-chat-close-btn a', function () {
-        $('.chat-block .chat-content').removeClass('chat-mobile-open');
-        return false;
-      });
-      /*------------- chat -------------*/
-
-      /*------------- aside menu toggle -------------*/
-
-      $(document).on('click', '.navigation ul li a', function () {
-        var $this = $(this);
-
-        if ($this.next('ul').length) {
-          var sub_menu_arrow = $this.find('.sub-menu-arrow');
-          sub_menu_arrow.toggleClass('rotate-in');
-          $this.next('ul').toggle(200);
-          $this.parent('li').siblings().find('ul').not($this.parent('li').find('ul')).slideUp(200);
-          $this.next('ul').find('li ul').slideUp(200);
-          $this.next('ul').find('li>a').find('.sub-menu-arrow').removeClass('ti-minus').addClass('ti-plus');
-          $this.next('ul').find('li>a').find('.sub-menu-arrow').removeClass('rotate-in');
-          $this.parent('li').siblings().not($this.parent('li').find('ul')).find('>a').find('.sub-menu-arrow').removeClass('ti-minus').addClass('ti-plus');
-          $this.parent('li').siblings().not($this.parent('li').find('ul')).find('>a').find('.sub-menu-arrow').removeClass('rotate-in');
-
-          if (sub_menu_arrow.hasClass('rotate-in')) {
-            setTimeout(function () {
-              sub_menu_arrow.removeClass('ti-plus').addClass('ti-minus');
-            }, 200);
-          } else {
-            sub_menu_arrow.removeClass('ti-minus').addClass('ti-plus');
-          }
-
-          if (!body_.hasClass('horizontal-side-menu') && wind_.width() >= 1200) {
-            setTimeout(function (e) {
-              $('.navigation .navigation-menu-body').getNiceScroll().resize();
-            }, 300);
-          }
-
-          return false;
-        }
-      });
-      $(document).on('click', '.horizontal-navigation ul li a', function () {
-        var $this = $(this);
-
-        if ($this.next('ul').length) {
-          $this.next('ul').toggle(200);
-          $this.parent('li').siblings().find('ul').not($this.parent('li').find('ul')).slideUp(200);
-          $this.next('ul').find('li ul').slideUp(200);
-          return false;
-        }
-      });
-      /*------------- aside menu toggle -------------*/
-
-      /*------------- other -------------*/
-
-      $(document).on('click', '.dropdown-menu', function (e) {
-        e.stopPropagation();
-      });
-      $('#exampleModal').on('show.bs.modal', function (event) {
-        var button = $(event.relatedTarget),
-            recipient = button.data('whatever'),
-            modal = $(this);
-        modal.find('.modal-title').text('New message to ' + recipient);
-        modal.find('.modal-body input').val(recipient);
-      });
-      $('[data-toggle="tooltip"]').tooltip({
-        container: 'body'
-      });
-      $('[data-toggle="popover"]').popover();
-      $('.carousel').carousel();
-
-      if (wind_.width() >= 992) {
-        $('.card-scroll').niceScroll();
-        $('.table-responsive').niceScroll();
-        $('.sidebar-group .sidebar').niceScroll();
-        $('.app-block .app-content .app-lists').niceScroll();
-        $('.app-block .app-sidebar .app-sidebar-menu').niceScroll();
-        $('.chat-block .chat-sidebar .chat-sidebar-content').niceScroll();
-        var chat_messages = $('.chat-block .chat-content .messages');
-
-        if (chat_messages.length) {
-          chat_messages.niceScroll({
-            horizrailenabled: false
-          });
-          chat_messages.getNiceScroll(0).doScrollTop(chat_messages.get(0).scrollHeight, -1);
-        }
-      }
-
-      if (!body_.hasClass('small-navigation') && !body_.hasClass('horizontal-navigation') && wind_.width() >= 992) {
-        $('.navigation .navigation-menu-body').niceScroll();
-      }
-
-      $('.dropdown-menu ul.list-group').niceScroll();
-      /* Theme Switcher */
-
-      /* var path = window.location.pathname;
-      var page = path.split("/").pop();
-       var theme_switcher_html = '<div class="theme-switcher open"> \n\
-          <div class="theme-switcher-button"> \n\
-              <i class="fa fa-cog"></i> \n\
-          </div> \n\
-          <div class="theme-switcher-panel"> \n\
-              <div class="card"> \n\
-                  <div class="card-body"> \n\
-                      <h6 class="card-title">Theme Switcher</h6> \n\
-                      <div class="form-group mb-2"> \n\
-                          <div class="custom-control custom-switch"> \n\
-                              <input type="checkbox" class="custom-control-input" id="dark"> \n\
-                              <label class="custom-control-label" for="dark">Dark</label> \n\
-                          </div> \n\
-                      </div> \n\
-                      <div class="form-group mb-2"> \n\
-                          <div class="custom-control custom-switch"> \n\
-                              <input type="checkbox" class="custom-control-input" id="semi-dark"> \n\
-                              <label class="custom-control-label" for="semi-dark">Semi dark</label> \n\
-                          </div> \n\
-                      </div> \n\
-                      <div class="form-group mb-2"> \n\
-                          <div class="custom-control custom-switch"> \n\
-                              <input type="checkbox" class="custom-control-input" id="shadow-layout"> \n\
-                              <label class="custom-control-label" for="shadow-layout">Shadow layout</label> \n\
-                          </div> \n\
-                      </div> \n\
-                      <div class="form-group mb-2"> \n\
-                          <div class="custom-control custom-switch"> \n\
-                              <input type="checkbox" class="custom-control-input" ' + (page === 'chat.html' || page === 'inbox.html' || page === 'app-todo.html' ? 'disabled' : '') + ' id="sticky-navigation"> \n\
-                              <label class="custom-control-label" for="sticky-navigation">Sticky navigation</label> \n\
-                          </div> \n\
-                      </div> \n\
-                      <div class="form-group mb-2"> \n\
-                          <div class="custom-control custom-switch"> \n\
-                              <input type="checkbox" class="custom-control-input" ' + (page === 'chat.html' || page === 'inbox.html' || page === 'app-todo.html' ? 'disabled' : '') + ' id="small-navigation"> \n\
-                              <label class="custom-control-label" for="small-navigation">Small navigation</label> \n\
-                          </div> \n\
-                      </div> \n\
-                      <div class="form-group mb-2"> \n\
-                          <div class="custom-control custom-switch"> \n\
-                              <input type="checkbox" class="custom-control-input" id="hidden-navigation"> \n\
-                              <label class="custom-control-label" for="hidden-navigation">Hidden navigation</label> \n\
-                          </div> \n\
-                      </div> \n\
-                      <div class="form-group mb-2"> \n\
-                          <div class="custom-control custom-switch"> \n\
-                              <input type="checkbox" class="custom-control-input" ' + (page === 'chat.html' || page === 'inbox.html' || page === 'app-todo.html' ? 'disabled' : '') + ' id="sticky-header"> \n\
-                              <label class="custom-control-label" for="sticky-header">Sticky header</label> \n\
-                          </div> \n\
-                      </div> \n\
-                      <div class="form-group mb-2"> \n\
-                          <div class="custom-control custom-switch"> \n\
-                              <input type="checkbox" class="custom-control-input" id="light-header"> \n\
-                              <label class="custom-control-label" for="light-header">Light header</label> \n\
-                          </div> \n\
-                      </div> \n\
-                      <div class="form-group mb-2"> \n\
-                          <div class="custom-control custom-switch"> \n\
-                              <input type="checkbox" class="custom-control-input" ' + (page === 'chat.html' || page === 'inbox.html' || page === 'app-todo.html' ? 'disabled' : '') + ' id="sticky-footer"> \n\
-                              <label class="custom-control-label" for="sticky-footer">Sticky footer</label> \n\
-                          </div> \n\
-                      </div> \n\
-                  </div> \n\
-              </div> \n\
-          </div> \n\
-      </div>';
-       $('body').append(theme_switcher_html);
-       $(document).on('click', '.theme-switcher input[type="checkbox"]', function () {
-          var id = $(this).attr('id');
-          if (id === 'sticky-navigation') {
-              if ($(this).prop('checked')) {
-                  $('.navigation').niceScroll().resize();
-              } else {
-                  $('.navigation').niceScroll().remove();
-              }
-              if ($('body').hasClass('small-navigation')) {
-                  $('.navigation .navigation-menu-body > ul > li').each(function () {
-                      if ($(this).find('> a').next('ul').length) {
-                          // Dropdown add header title
-                          $(this).find('.dropdown-divider').remove();
-                      } else {
-                          // Add tooltip
-                          $(this).find('> a').tooltip('dispose');
-                      }
-                  });
-                  $('body').removeClass('small-navigation');
-                  $('.theme-switcher input[type="checkbox"][id="small-navigation"]').prop('checked', false);
-              }
-              if ($('body').hasClass('hidden-navigation')) {CUSTOMİZABLE
-                  $('body').removeClass('hidden-navigation');
-                  $('.theme-switcher input[type="checkbox"][id="hidden-navigation"]').prop('checked', false);
-              }
-          }
-          if (id === 'small-navigation') {
-              if ($(this).prop('checked')) {
-                  $('.navigation .navigation-menu-body > ul > li').each(function () {
-                      if ($(this).find('> a').next('ul').length) {
-                          // Dropdown add header title
-                          $(this).find('> a').next('ul').prepend('<li class="dropdown-divider">' + $(this).find('> a > span:not(.badge)').text() + '</li>')
-                      } else {
-                          // Add tooltip
-                          $(this).find('> a').attr('title', $(this).find('> a > span:not(.badge)').text());
-                          $(this).find('> a').tooltip({
-                              placement: "right"
-                          });
-                      }
-                  });
-              } else {
-                  $('.navigation .navigation-menu-body > ul > li').each(function () {
-                      if ($(this).find('> a').next('ul').length) {
-                          // Dropdown add header title
-                          $(this).find('.dropdown-divider').remove();
-                      } else {
-                          // Add tooltip
-                          $(this).find('> a').tooltip('dispose');
-                      }
-                  });
-              }
-              if ($('body').hasClass('sticky-navigation')) {
-                  $('body').removeClass('sticky-navigation');
-                  $('.navigation').niceScroll().remove();
-                  $('.theme-switcher input[type="checkbox"][id="sticky-navigation"]').prop('checked', false);
-              }
-              if ($('body').hasClass('hidden-navigation')) {
-                  $('body').removeClass('hidden-navigation');
-                  $('.theme-switcher input[type="checkbox"][id="hidden-navigation"]').prop('checked', false);
-              }
-          }
-          if (id === 'hidden-navigation') {
-              setTimeout(function () {
-                  $('.navigation').niceScroll().resize();
-                  $('.app-block .app-content .app-lists').niceScroll().resize();
-                  $('.app-block .app-sidebar .app-sidebar-menu').niceScroll().resize();
-                  $('.chat-block .chat-sidebar .chat-sidebar-content .tab-content .tab-pane').niceScroll().resize();
-              }, 200);
-              if (!$(this).prop('checked')) {
-                  $.removeOverlay();
-                  $('.navigation').removeClass('open');
-              }
-              if (page != 'chat.html' && page != 'inbox.html' && page != 'app-todo.html') {
-                  if ($('body').hasClass('sticky-navigation')) {
-                      $('body').removeClass('sticky-navigation');
-                      $('.theme-switcher input[type="checkbox"][id="sticky-navigation"]').prop('checked', false);
-                  }
-              }
-              if ($('body').hasClass('small-navigation')) {
-                  $('.navigation .navigation-menu-body > ul > li').each(function () {
-                      if ($(this).find('> a').next('ul').length) {
-                          // Dropdown add header title
-                          $(this).find('.dropdown-divider').remove();
-                      } else {
-                          // Add tooltip
-                          $(this).find('> a').tooltip('dispose');
-                      }
-                  });
-                  $('body').removeClass('small-navigation');
-                  $('.theme-switcher input[type="checkbox"][id="small-navigation"]').prop('checked', false);
-              }
-          }
-          if (id === 'dark') {
-              if ($('body').hasClass('semi-dark')) {
-                  $('body').removeClass('semi-dark');
-                  $('.theme-switcher input[type="checkbox"][id="semi-dark"]').prop('checked', false);
-              }
-          }
-          if (id === 'semi-dark') {
-              if ($('body').hasClass('dark')) {
-                  $('body').removeClass('dark');
-                  $('.theme-switcher input[type="checkbox"][id="dark"]').prop('checked', false);
-              }
-          }
-          $('body').toggleClass(id);
-      });
-       $(document).on('click', '.theme-switcher .theme-switcher-button', function () {
-          $('.theme-switcher').toggleClass('open');
-      }); */
-    })(jQuery);
-    /***/
-
-  },
-
-  /***/
-  0: function _(module, exports, __nested_webpack_require_30733__) {
-    __nested_webpack_require_30733__(
-    /**/
-    "./resources/js/app.js");
-
-    module.exports = __nested_webpack_require_30733__(
-    /**/
-    "./public/assets/sass/app.scss");
-    /***/
-  }
-  /******/
-
-});
-
-/***/ }),
-
-/***/ "./resources/assets/sass/app.scss":
-/*!****************************************!*\
-  !*** ./resources/assets/sass/app.scss ***!
-  \****************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-// extracted by mini-css-extract-plugin
-
-
-/***/ })
-
-/******/        });
-/************************************************************************/
+/******/ (function(modules) { // webpackBootstrap
 /******/        // The module cache
-/******/        var __webpack_module_cache__ = {};
-/******/        
+/******/        var installedModules = {};
+/******/
 /******/        // The require function
 /******/        function __webpack_require__(moduleId) {
+/******/
 /******/                // Check if module is in cache
-/******/                var cachedModule = __webpack_module_cache__[moduleId];
-/******/                if (cachedModule !== undefined) {
-/******/                        return cachedModule.exports;
+/******/                if(installedModules[moduleId]) {
+/******/                        return installedModules[moduleId].exports;
 /******/                }
 /******/                // Create a new module (and put it into the cache)
-/******/                var module = __webpack_module_cache__[moduleId] = {
-/******/                        // no module.id needed
-/******/                        // no module.loaded needed
+/******/                var module = installedModules[moduleId] = {
+/******/                        i: moduleId,
+/******/                        l: false,
 /******/                        exports: {}
 /******/                };
-/******/        
+/******/
 /******/                // Execute the module function
-/******/                __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-/******/        
+/******/                modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/                // Flag the module as loaded
+/******/                module.l = true;
+/******/
 /******/                // Return the exports of the module
 /******/                return module.exports;
 /******/        }
-/******/        
+/******/
+/******/
 /******/        // expose the modules object (__webpack_modules__)
-/******/        __webpack_require__.m = __webpack_modules__;
-/******/        
+/******/        __webpack_require__.m = modules;
+/******/
+/******/        // expose the module cache
+/******/        __webpack_require__.c = installedModules;
+/******/
+/******/        // define getter function for harmony exports
+/******/        __webpack_require__.d = function(exports, name, getter) {
+/******/                if(!__webpack_require__.o(exports, name)) {
+/******/                        Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/                }
+/******/        };
+/******/
+/******/        // define __esModule on exports
+/******/        __webpack_require__.r = function(exports) {
+/******/                if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/                        Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/                }
+/******/                Object.defineProperty(exports, '__esModule', { value: true });
+/******/        };
+/******/
+/******/        // create a fake namespace object
+/******/        // mode & 1: value is a module id, require it
+/******/        // mode & 2: merge all properties of value into the ns
+/******/        // mode & 4: return value when already ns object
+/******/        // mode & 8|1: behave like require
+/******/        __webpack_require__.t = function(value, mode) {
+/******/                if(mode & 1) value = __webpack_require__(value);
+/******/                if(mode & 8) return value;
+/******/                if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/                var ns = Object.create(null);
+/******/                __webpack_require__.r(ns);
+/******/                Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/                if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/                return ns;
+/******/        };
+/******/
+/******/        // getDefaultExport function for compatibility with non-harmony modules
+/******/        __webpack_require__.n = function(module) {
+/******/                var getter = module && module.__esModule ?
+/******/                        function getDefault() { return module['default']; } :
+/******/                        function getModuleExports() { return module; };
+/******/                __webpack_require__.d(getter, 'a', getter);
+/******/                return getter;
+/******/        };
+/******/
+/******/        // Object.prototype.hasOwnProperty.call
+/******/        __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/        // __webpack_public_path__
+/******/        __webpack_require__.p = "/";
+/******/
+/******/
+/******/        // Load entry module and return exports
+/******/        return __webpack_require__(__webpack_require__.s = 0);
+/******/ })
 /************************************************************************/
-/******/        /* webpack/runtime/chunk loaded */
-/******/        (() => {
-/******/                var deferred = [];
-/******/                __webpack_require__.O = (result, chunkIds, fn, priority) => {
-/******/                        if(chunkIds) {
-/******/                                priority = priority || 0;
-/******/                                for(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];
-/******/                                deferred[i] = [chunkIds, fn, priority];
-/******/                                return;
-/******/                        }
-/******/                        var notFulfilled = Infinity;
-/******/                        for (var i = 0; i < deferred.length; i++) {
-/******/                                var [chunkIds, fn, priority] = deferred[i];
-/******/                                var fulfilled = true;
-/******/                                for (var j = 0; j < chunkIds.length; j++) {
-/******/                                        if ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every((key) => (__webpack_require__.O[key](chunkIds[j])))) {
-/******/                                                chunkIds.splice(j--, 1);
-/******/                                        } else {
-/******/                                                fulfilled = false;
-/******/                                                if(priority < notFulfilled) notFulfilled = priority;
-/******/                                        }
-/******/                                }
-/******/                                if(fulfilled) {
-/******/                                        deferred.splice(i--, 1)
-/******/                                        var r = fn();
-/******/                                        if (r !== undefined) result = r;
-/******/                                }
-/******/                        }
-/******/                        return result;
+/******/ ({
+
+/***/ "./public/assets/sass/app.scss":
+/*!*************************************!*\
+  !*** ./public/assets/sass/app.scss ***!
+  \*************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+// removed by extract-text-webpack-plugin
+
+/***/ }),
+
+/***/ "./resources/js/app.js":
+/*!*****************************!*\
+  !*** ./resources/js/app.js ***!
+  \*****************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+(function ($) {
+  var wind_ = $(window),
+      body_ = $('body');
+  feather.replace({
+    'stroke-width': 1.5
+  });
+  $(document).on('click', '[data-toggle="fullscreen"]', function () {
+    $(this).toggleClass('active-fullscreen');
+
+    if (document.fullscreenEnabled) {
+      if ($(this).hasClass("active-fullscreen")) {
+        document.documentElement.requestFullscreen();
+      } else {
+        document.exitFullscreen();
+      }
+    } else {
+      alert("Your browser does not support fullscreen.");
+    }
+
+    return false;
+  });
+  $(document).on('click', '.overlay', function () {
+    $.removeOverlay();
+
+    if (body_.hasClass('horizontal-navigation')) {
+      $('.horizontal-navigation').removeClass('open');
+    } else {
+      $('.navigation').removeClass('open');
+    }
+
+    body_.removeClass('navigation-show');
+  });
+  $(document).on('click', '[data-sidebar-target]', function () {
+    var target = $(this).data('sidebar-target');
+    $('body').addClass('no-scroll');
+    $('.sidebar-group').addClass('show');
+    $('.sidebar-group .sidebar').removeClass('show');
+    $('.sidebar-group .sidebar' + target).addClass('show');
+    return false;
+  });
+  $(document).on('click', '.sidebar-group', function (e) {
+    if ($(e.target).is($('.sidebar-group'))) {
+      $('.sidebar-group').removeClass('show');
+      $('body').removeClass('no-scroll');
+      $('.sidebar-group .sidebar').removeClass('show');
+    }
+  }); // Active pages, automatically show on the menu
+
+  $('.navigation .navigation-menu-body .navigation-menu-group ul li a.active').closest('ul').parent('li').addClass('open').closest('ul').parent('li').addClass('open');
+  $('.navigation .navigation-menu-body .navigation-menu-group ul li a.active').closest('div').addClass('open');
+  $('.navigation .navigation-menu-tab [data-nav-target="#' + $('.navigation .navigation-menu-body .navigation-menu-group ul li a.active').closest('div').attr('id') + '"]').addClass('active');
+  $('body.horizontal-navigation .horizontal-navigation ul li a.active').closest('ul').parent('li').addClass('open').closest('ul').parent('li').addClass('open');
+  /*------------- create/remove overlay -------------*/
+
+  $.createOverlay = function () {
+    if ($('.overlay').length < 1) {
+      body_.addClass('no-scroll').append('<div class="overlay"></div>');
+      $('.overlay').addClass('show');
+    }
+  };
+
+  $.removeOverlay = function () {
+    body_.removeClass('no-scroll');
+    $('.overlay').remove();
+  };
+  /*------------- create/remove overlay -------------*/
+
+
+  $('[data-backround-image]').each(function (e) {
+    $(this).css("background", 'url(' + $(this).data('backround-image') + ')');
+  });
+  /*------------- page loader -------------*/
+
+  wind_.on('load', function () {
+    $('.preloader').fadeOut(400, function () {
+      setTimeout(function () {
+        toastr.options = {
+          timeOut: 2000,
+          progressBar: true,
+          showMethod: "slideDown",
+          hideMethod: "slideUp",
+          showDuration: 200,
+          hideDuration: 200,
+          positionClass: "toast-top-center"
+        };
+        //toastr.success('Welcome');
+        $('.theme-switcher').removeClass('open');
+      }, 500); // $('.theme-switcher').css('opacity', 1);
+    });
+  });
+  /*------------- page loader -------------*/
+
+  /*------------- side menu (sub menü arrow) -------------*/
+
+  wind_.on('load', function () {
+    setTimeout(function () {
+      $('.navigation .navigation-menu-body ul li a').each(function () {
+        var $this = $(this);
+
+        if ($this.next('ul').length) {
+          $this.append('<i class="sub-menu-arrow ti-angle-up"></i>');
+        }
+      });
+      $('.navigation .navigation-menu-body ul li.open>a>.sub-menu-arrow').removeClass('ti-plus').addClass('ti-minus').addClass('rotate-in');
+      $('body.horizontal-navigation .horizontal-navigation ul li a').each(function () {
+        var $this = $(this);
+
+        if ($this.next('ul').length) {
+          $this.append('<i class="sub-menu-arrow ti-angle-right"></i>');
+        }
+      });
+    }, 200);
+  });
+  /*------------- side menu (sub menü arrow) -------------*/
+
+  $(document).on('click', '[data-action="navigation-toggler"]', function () {
+    if (body_.hasClass('horizontal-navigation')) {
+      $('.horizontal-navigation').toggleClass('open');
+    } else {
+      $('.navigation').toggleClass('open');
+    }
+
+    $.createOverlay();
+  });
+  $(document).on('click', '[data-nav-target]', function () {
+    var $this = $(this),
+        target = $this.data('nav-target');
+
+    if (body_.hasClass('navigation-toggle-one')) {
+      body_.addClass('navigation-show');
+    }
+
+    if (body_.hasClass('horizontal-navigation')) {
+      $('.navigation .navigation-menu-body').show();
+    }
+
+    $('.navigation .navigation-menu-body .navigation-menu-group > div').removeClass('open');
+    $('.navigation .navigation-menu-body .navigation-menu-group ' + target).addClass('open');
+    $('[data-nav-target]').removeClass('active');
+    $this.addClass('active');
+    $this.tooltip('hide');
+    return false;
+  });
+  var c = $('.header .header-left .header-logo').clone();
+  $('.navigation .navigation-header').append(c.addClass('navigation-logo').removeClass('header-logo'));
+  $(document).on('click', '.navigation-toggler a', function () {
+    if (wind_.width() < 1200) {
+      $.createOverlay();
+      body_.addClass('navigation-show');
+    } else {
+      if (!body_.hasClass('navigation-toggle-one') && !body_.hasClass('navigation-toggle-two')) {
+        body_.addClass('navigation-toggle-one');
+      } else if (body_.hasClass('navigation-toggle-one') && !body_.hasClass('navigation-toggle-two')) {
+        body_.addClass('navigation-toggle-two');
+        body_.removeClass('navigation-toggle-one');
+      } else if (!body_.hasClass('navigation-toggle-one') && body_.hasClass('navigation-toggle-two')) {
+        body_.removeClass('navigation-toggle-two');
+        body_.removeClass('navigation-toggle-one');
+      }
+    }
+
+    return false;
+  });
+  $(document).on('click', '.header-toggler a', function () {
+    $('.header ul.navbar-nav').toggleClass('open');
+    return false;
+  });
+  $(document).on('click', '*', function (e) {
+    if (!$(e.target).is($('.navigation, .navigation *, .navigation-toggler *')) && body_.hasClass('navigation-toggle-one')) {
+      body_.removeClass('navigation-show');
+    }
+  });
+  $(document).on('click', '*', function (e) {
+    if (!$(e.target).is('.header ul.navbar-nav, .header ul.navbar-nav *, .header-toggler, .header-toggler *')) {
+      $('.header ul.navbar-nav').removeClass('open');
+    }
+  });
+  /*------------- form validation -------------*/
+
+  window.addEventListener('load', function () {
+    // Fetch all the forms we want to apply custom Bootstrap validation styles to
+    var forms = document.getElementsByClassName('needs-validation'); // Loop over them and prevent submission
+
+    Array.prototype.filter.call(forms, function (form) {
+      form.addEventListener('submit', function (event) {
+        if (form.checkValidity() === false) {
+          event.preventDefault();
+          event.stopPropagation();
+        }
+
+        form.classList.add('was-validated');
+      }, false);
+    });
+  }, false);
+  /*------------- form validation -------------*/
+
+  /*------------- responsive html table -------------*/
+
+  var table_responsive_stack = $(".table-responsive-stack");
+  table_responsive_stack.find("th").each(function (i) {
+    $(".table-responsive-stack td:nth-child(" + (i + 1) + ")").prepend('<span class="table-responsive-stack-thead">' + $(this).text() + ":</span> ");
+    $(".table-responsive-stack-thead").hide();
+  });
+  table_responsive_stack.each(function () {
+    var thCount = $(this).find("th").length,
+        rowGrow = 100 / thCount + "%";
+    $(this).find("th, td").css("flex-basis", rowGrow);
+  });
+
+  function flexTable() {
+    if (wind_.width() < 768) {
+      $(".table-responsive-stack").each(function (i) {
+        $(this).find(".table-responsive-stack-thead").show();
+        $(this).find("thead").hide();
+      }); // window is less than 768px
+    } else {
+      $(".table-responsive-stack").each(function (i) {
+        $(this).find(".table-responsive-stack-thead").hide();
+        $(this).find("thead").show();
+      });
+    }
+  }
+
+  flexTable();
+
+  window.onresize = function (event) {
+    flexTable();
+  };
+  /*------------- responsive html table -------------*/
+
+  /*------------- header search -------------*/
+
+
+  $(document).on('click', '[data-toggle="search"], [data-toggle="search"] *', function () {
+    $('.header .header-body .header-search').show().find('.form-control').focus();
+    return false;
+  });
+  $(document).on('click', '.close-header-search, .close-header-search svg', function () {
+    $('.header .header-body .header-search').hide();
+    return false;
+  });
+  $(document).on('click', '*', function (e) {
+    if (!$(e.target).is($('.header, .header *, [data-toggle="search"], [data-toggle="search"] *'))) {
+      $('.header .header-body .header-search').hide();
+    }
+  });
+  /*------------- header search -------------*/
+
+  /*------------- custom accordion -------------*/
+
+  $(document).on('click', '.accordion.custom-accordion .accordion-row a.accordion-header', function () {
+    var $this = $(this);
+    $this.closest('.accordion.custom-accordion').find('.accordion-row').not($this.parent()).removeClass('open');
+    $this.parent('.accordion-row').toggleClass('open');
+    return false;
+  });
+  /*------------- custom accordion -------------*/
+
+  /*------------- responsive table dropdown -------------*/
+
+  var dropdownMenu,
+      table_responsive = $('.table-responsive');
+  table_responsive.on('show.bs.dropdown', function (e) {
+    dropdownMenu = $(e.target).find('.dropdown-menu');
+    body_.append(dropdownMenu.detach());
+    var eOffset = $(e.target).offset();
+    dropdownMenu.css({
+      'display': 'block',
+      'top': eOffset.top + $(e.target).outerHeight(),
+      'left': eOffset.left,
+      'width': '184px',
+      'font-size': '14px'
+    });
+    dropdownMenu.addClass("mobPosDropdown");
+  });
+  table_responsive.on('hide.bs.dropdown', function (e) {
+    $(e.target).append(dropdownMenu.detach());
+    dropdownMenu.hide();
+  });
+  /*------------- responsive table dropdown -------------*/
+
+  /*------------- chat -------------*/
+
+  $(document).on('click', '.chat-block .chat-sidebar .chat-sidebar-content .list-group .list-group-item', function () {
+    $('.chat-block .chat-content').addClass('chat-mobile-open');
+    return false;
+  });
+  $(document).on('click', '.chat-block .chat-content .mobile-chat-close-btn a', function () {
+    $('.chat-block .chat-content').removeClass('chat-mobile-open');
+    return false;
+  });
+  /*------------- chat -------------*/
+
+  /*------------- aside menu toggle -------------*/
+
+  $(document).on('click', '.navigation ul li a', function () {
+    var $this = $(this);
+
+    if ($this.next('ul').length) {
+      var sub_menu_arrow = $this.find('.sub-menu-arrow');
+      sub_menu_arrow.toggleClass('rotate-in');
+      $this.next('ul').toggle(200);
+      $this.parent('li').siblings().find('ul').not($this.parent('li').find('ul')).slideUp(200);
+      $this.next('ul').find('li ul').slideUp(200);
+      $this.next('ul').find('li>a').find('.sub-menu-arrow').removeClass('ti-minus').addClass('ti-plus');
+      $this.next('ul').find('li>a').find('.sub-menu-arrow').removeClass('rotate-in');
+      $this.parent('li').siblings().not($this.parent('li').find('ul')).find('>a').find('.sub-menu-arrow').removeClass('ti-minus').addClass('ti-plus');
+      $this.parent('li').siblings().not($this.parent('li').find('ul')).find('>a').find('.sub-menu-arrow').removeClass('rotate-in');
+
+      if (sub_menu_arrow.hasClass('rotate-in')) {
+        setTimeout(function () {
+          sub_menu_arrow.removeClass('ti-plus').addClass('ti-minus');
+        }, 200);
+      } else {
+        sub_menu_arrow.removeClass('ti-minus').addClass('ti-plus');
+      }
+
+      if (!body_.hasClass('horizontal-side-menu') && wind_.width() >= 1200) {
+        setTimeout(function (e) {
+          $('.navigation .navigation-menu-body').getNiceScroll().resize();
+        }, 300);
+      }
+
+      return false;
+    }
+  });
+  $(document).on('click', '.horizontal-navigation ul li a', function () {
+    var $this = $(this);
+
+    if ($this.next('ul').length) {
+      $this.next('ul').toggle(200);
+      $this.parent('li').siblings().find('ul').not($this.parent('li').find('ul')).slideUp(200);
+      $this.next('ul').find('li ul').slideUp(200);
+      return false;
+    }
+  });
+  /*------------- aside menu toggle -------------*/
+
+  /*------------- other -------------*/
+
+  $(document).on('click', '.dropdown-menu', function (e) {
+    e.stopPropagation();
+  });
+  $('#exampleModal').on('show.bs.modal', function (event) {
+    var button = $(event.relatedTarget),
+        recipient = button.data('whatever'),
+        modal = $(this);
+    modal.find('.modal-title').text('New message to ' + recipient);
+    modal.find('.modal-body input').val(recipient);
+  });
+  $('[data-toggle="tooltip"]').tooltip({
+    container: 'body'
+  });
+  $('[data-toggle="popover"]').popover();
+  $('.carousel').carousel();
+
+  if (wind_.width() >= 992) {
+    $('.card-scroll').niceScroll();
+    $('.table-responsive').niceScroll();
+    $('.sidebar-group .sidebar').niceScroll();
+    $('.app-block .app-content .app-lists').niceScroll();
+    $('.app-block .app-sidebar .app-sidebar-menu').niceScroll();
+    $('.chat-block .chat-sidebar .chat-sidebar-content').niceScroll();
+    var chat_messages = $('.chat-block .chat-content .messages');
+
+    if (chat_messages.length) {
+      chat_messages.niceScroll({
+        horizrailenabled: false
+      });
+      chat_messages.getNiceScroll(0).doScrollTop(chat_messages.get(0).scrollHeight, -1);
+    }
+  }
+
+  if (!body_.hasClass('small-navigation') && !body_.hasClass('horizontal-navigation') && wind_.width() >= 992) {
+    $('.navigation .navigation-menu-body').niceScroll();
+  }
+
+  $('.dropdown-menu ul.list-group').niceScroll();
+  /* Theme Switcher */
+
+  /* var path = window.location.pathname;
+  var page = path.split("/").pop();
+   var theme_switcher_html = '<div class="theme-switcher open"> \n\
+      <div class="theme-switcher-button"> \n\
+          <i class="fa fa-cog"></i> \n\
+      </div> \n\
+      <div class="theme-switcher-panel"> \n\
+          <div class="card"> \n\
+              <div class="card-body"> \n\
+                  <h6 class="card-title">Theme Switcher</h6> \n\
+                  <div class="form-group mb-2"> \n\
+                      <div class="custom-control custom-switch"> \n\
+                          <input type="checkbox" class="custom-control-input" id="dark"> \n\
+                          <label class="custom-control-label" for="dark">Dark</label> \n\
+                      </div> \n\
+                  </div> \n\
+                  <div class="form-group mb-2"> \n\
+                      <div class="custom-control custom-switch"> \n\
+                          <input type="checkbox" class="custom-control-input" id="semi-dark"> \n\
+                          <label class="custom-control-label" for="semi-dark">Semi dark</label> \n\
+                      </div> \n\
+                  </div> \n\
+                  <div class="form-group mb-2"> \n\
+                      <div class="custom-control custom-switch"> \n\
+                          <input type="checkbox" class="custom-control-input" id="shadow-layout"> \n\
+                          <label class="custom-control-label" for="shadow-layout">Shadow layout</label> \n\
+                      </div> \n\
+                  </div> \n\
+                  <div class="form-group mb-2"> \n\
+                      <div class="custom-control custom-switch"> \n\
+                          <input type="checkbox" class="custom-control-input" ' + (page === 'chat.html' || page === 'inbox.html' || page === 'app-todo.html' ? 'disabled' : '') + ' id="sticky-navigation"> \n\
+                          <label class="custom-control-label" for="sticky-navigation">Sticky navigation</label> \n\
+                      </div> \n\
+                  </div> \n\
+                  <div class="form-group mb-2"> \n\
+                      <div class="custom-control custom-switch"> \n\
+                          <input type="checkbox" class="custom-control-input" ' + (page === 'chat.html' || page === 'inbox.html' || page === 'app-todo.html' ? 'disabled' : '') + ' id="small-navigation"> \n\
+                          <label class="custom-control-label" for="small-navigation">Small navigation</label> \n\
+                      </div> \n\
+                  </div> \n\
+                  <div class="form-group mb-2"> \n\
+                      <div class="custom-control custom-switch"> \n\
+                          <input type="checkbox" class="custom-control-input" id="hidden-navigation"> \n\
+                          <label class="custom-control-label" for="hidden-navigation">Hidden navigation</label> \n\
+                      </div> \n\
+                  </div> \n\
+                  <div class="form-group mb-2"> \n\
+                      <div class="custom-control custom-switch"> \n\
+                          <input type="checkbox" class="custom-control-input" ' + (page === 'chat.html' || page === 'inbox.html' || page === 'app-todo.html' ? 'disabled' : '') + ' id="sticky-header"> \n\
+                          <label class="custom-control-label" for="sticky-header">Sticky header</label> \n\
+                      </div> \n\
+                  </div> \n\
+                  <div class="form-group mb-2"> \n\
+                      <div class="custom-control custom-switch"> \n\
+                          <input type="checkbox" class="custom-control-input" id="light-header"> \n\
+                          <label class="custom-control-label" for="light-header">Light header</label> \n\
+                      </div> \n\
+                  </div> \n\
+                  <div class="form-group mb-2"> \n\
+                      <div class="custom-control custom-switch"> \n\
+                          <input type="checkbox" class="custom-control-input" ' + (page === 'chat.html' || page === 'inbox.html' || page === 'app-todo.html' ? 'disabled' : '') + ' id="sticky-footer"> \n\
+                          <label class="custom-control-label" for="sticky-footer">Sticky footer</label> \n\
+                      </div> \n\
+                  </div> \n\
+              </div> \n\
+          </div> \n\
+      </div> \n\
+  </div>';
+   $('body').append(theme_switcher_html);
+   $(document).on('click', '.theme-switcher input[type="checkbox"]', function () {
+      var id = $(this).attr('id');
+      if (id === 'sticky-navigation') {
+          if ($(this).prop('checked')) {
+              $('.navigation').niceScroll().resize();
+          } else {
+              $('.navigation').niceScroll().remove();
+          }
+          if ($('body').hasClass('small-navigation')) {
+              $('.navigation .navigation-menu-body > ul > li').each(function () {
+                  if ($(this).find('> a').next('ul').length) {
+                      // Dropdown add header title
+                      $(this).find('.dropdown-divider').remove();
+                  } else {
+                      // Add tooltip
+                      $(this).find('> a').tooltip('dispose');
+                  }
+              });
+              $('body').removeClass('small-navigation');
+              $('.theme-switcher input[type="checkbox"][id="small-navigation"]').prop('checked', false);
+          }
+          if ($('body').hasClass('hidden-navigation')) {CUSTOMİZABLE
+              $('body').removeClass('hidden-navigation');
+              $('.theme-switcher input[type="checkbox"][id="hidden-navigation"]').prop('checked', false);
+          }
+      }
+      if (id === 'small-navigation') {
+          if ($(this).prop('checked')) {
+              $('.navigation .navigation-menu-body > ul > li').each(function () {
+                  if ($(this).find('> a').next('ul').length) {
+                      // Dropdown add header title
+                      $(this).find('> a').next('ul').prepend('<li class="dropdown-divider">' + $(this).find('> a > span:not(.badge)').text() + '</li>')
+                  } else {
+                      // Add tooltip
+                      $(this).find('> a').attr('title', $(this).find('> a > span:not(.badge)').text());
+                      $(this).find('> a').tooltip({
+                          placement: "right"
+                      });
+                  }
+              });
+          } else {
+              $('.navigation .navigation-menu-body > ul > li').each(function () {
+                  if ($(this).find('> a').next('ul').length) {
+                      // Dropdown add header title
+                      $(this).find('.dropdown-divider').remove();
+                  } else {
+                      // Add tooltip
+                      $(this).find('> a').tooltip('dispose');
+                  }
+              });
+          }
+          if ($('body').hasClass('sticky-navigation')) {
+              $('body').removeClass('sticky-navigation');
+              $('.navigation').niceScroll().remove();
+              $('.theme-switcher input[type="checkbox"][id="sticky-navigation"]').prop('checked', false);
+          }
+          if ($('body').hasClass('hidden-navigation')) {
+              $('body').removeClass('hidden-navigation');
+              $('.theme-switcher input[type="checkbox"][id="hidden-navigation"]').prop('checked', false);
+          }
+      }
+      if (id === 'hidden-navigation') {
+          setTimeout(function () {
+              $('.navigation').niceScroll().resize();
+              $('.app-block .app-content .app-lists').niceScroll().resize();
+              $('.app-block .app-sidebar .app-sidebar-menu').niceScroll().resize();
+              $('.chat-block .chat-sidebar .chat-sidebar-content .tab-content .tab-pane').niceScroll().resize();
+          }, 200);
+          if (!$(this).prop('checked')) {
+              $.removeOverlay();
+              $('.navigation').removeClass('open');
+          }
+          if (page != 'chat.html' && page != 'inbox.html' && page != 'app-todo.html') {
+              if ($('body').hasClass('sticky-navigation')) {
+                  $('body').removeClass('sticky-navigation');
+                  $('.theme-switcher input[type="checkbox"][id="sticky-navigation"]').prop('checked', false);
+              }
+          }
+          if ($('body').hasClass('small-navigation')) {
+              $('.navigation .navigation-menu-body > ul > li').each(function () {
+                  if ($(this).find('> a').next('ul').length) {
+                      // Dropdown add header title
+                      $(this).find('.dropdown-divider').remove();
+                  } else {
+                      // Add tooltip
+                      $(this).find('> a').tooltip('dispose');
+                  }
+              });
+              $('body').removeClass('small-navigation');
+              $('.theme-switcher input[type="checkbox"][id="small-navigation"]').prop('checked', false);
+          }
+      }
+      if (id === 'dark') {
+          if ($('body').hasClass('semi-dark')) {
+              $('body').removeClass('semi-dark');
+              $('.theme-switcher input[type="checkbox"][id="semi-dark"]').prop('checked', false);
+          }
+      }
+      if (id === 'semi-dark') {
+          if ($('body').hasClass('dark')) {
+              $('body').removeClass('dark');
+              $('.theme-switcher input[type="checkbox"][id="dark"]').prop('checked', false);
+          }
+      }
+      $('body').toggleClass(id);
+  });
+   $(document).on('click', '.theme-switcher .theme-switcher-button', function () {
+      $('.theme-switcher').toggleClass('open');
+  }); */
+})(jQuery);
+
+/***/ }),
+
+/***/ 0:
+/*!*****************************************************************!*\
+  !*** multi ./resources/js/app.js ./public/assets/sass/app.scss ***!
+  \*****************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+__webpack_require__(/**/"./resources/js/app.js");
+module.exports = __webpack_require__(/**/"./public/assets/sass/app.scss");
+
+
+/***/ })
+
+/******/ });
+
+/******/ (function(modules) { // webpackBootstrap
+/******/        // The module cache
+/******/        var installedModules = {};
+/******/
+/******/        // The require function
+/******/        function __webpack_require__(moduleId) {
+/******/
+/******/                // Check if module is in cache
+/******/                if(installedModules[moduleId]) {
+/******/                        return installedModules[moduleId].exports;
+/******/                }
+/******/                // Create a new module (and put it into the cache)
+/******/                var module = installedModules[moduleId] = {
+/******/                        i: moduleId,
+/******/                        l: false,
+/******/                        exports: {}
 /******/                };
-/******/        })();
-/******/        
-/******/        /* webpack/runtime/hasOwnProperty shorthand */
-/******/        (() => {
-/******/                __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/        })();
-/******/        
-/******/        /* webpack/runtime/make namespace object */
-/******/        (() => {
-/******/                // define __esModule on exports
-/******/                __webpack_require__.r = (exports) => {
-/******/                        if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/                                Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/                        }
-/******/                        Object.defineProperty(exports, '__esModule', { value: true });
-/******/                };
-/******/        })();
-/******/        
-/******/        /* webpack/runtime/jsonp chunk loading */
-/******/        (() => {
-/******/                // no baseURI
-/******/                
-/******/                // object to store loaded and loading chunks
-/******/                // undefined = chunk not loaded, null = chunk preloaded/prefetched
-/******/                // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
-/******/                var installedChunks = {
-/******/                        "/assets/js/app": 0,
-/******/                        "assets/css/app": 0
-/******/                };
-/******/                
-/******/                // no chunk on demand loading
-/******/                
-/******/                // no prefetching
-/******/                
-/******/                // no preloaded
-/******/                
-/******/                // no HMR
-/******/                
-/******/                // no HMR manifest
-/******/                
-/******/                __webpack_require__.O.j = (chunkId) => (installedChunks[chunkId] === 0);
-/******/                
-/******/                // install a JSONP callback for chunk loading
-/******/                var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
-/******/                        var [chunkIds, moreModules, runtime] = data;
-/******/                        // add "moreModules" to the modules object,
-/******/                        // then flag all "chunkIds" as loaded and fire callback
-/******/                        var moduleId, chunkId, i = 0;
-/******/                        if(chunkIds.some((id) => (installedChunks[id] !== 0))) {
-/******/                                for(moduleId in moreModules) {
-/******/                                        if(__webpack_require__.o(moreModules, moduleId)) {
-/******/                                                __webpack_require__.m[moduleId] = moreModules[moduleId];
-/******/                                        }
-/******/                                }
-/******/                                if(runtime) var result = runtime(__webpack_require__);
-/******/                        }
-/******/                        if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
-/******/                        for(;i < chunkIds.length; i++) {
-/******/                                chunkId = chunkIds[i];
-/******/                                if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
-/******/                                        installedChunks[chunkId][0]();
-/******/                                }
-/******/                                installedChunks[chunkIds[i]] = 0;
-/******/                        }
-/******/                        return __webpack_require__.O(result);
+/******/
+/******/                // Execute the module function
+/******/                modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/                // Flag the module as loaded
+/******/                module.l = true;
+/******/
+/******/                // Return the exports of the module
+/******/                return module.exports;
+/******/        }
+/******/
+/******/
+/******/        // expose the modules object (__webpack_modules__)
+/******/        __webpack_require__.m = modules;
+/******/
+/******/        // expose the module cache
+/******/        __webpack_require__.c = installedModules;
+/******/
+/******/        // define getter function for harmony exports
+/******/        __webpack_require__.d = function(exports, name, getter) {
+/******/                if(!__webpack_require__.o(exports, name)) {
+/******/                        Object.defineProperty(exports, name, { enumerable: true, get: getter });
 /******/                }
-/******/                
-/******/                var chunkLoadingGlobal = self["webpackChunk"] = self["webpackChunk"] || [];
-/******/                chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
-/******/                chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
-/******/        })();
-/******/        
+/******/        };
+/******/
+/******/        // define __esModule on exports
+/******/        __webpack_require__.r = function(exports) {
+/******/                if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/                        Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/                }
+/******/                Object.defineProperty(exports, '__esModule', { value: true });
+/******/        };
+/******/
+/******/        // create a fake namespace object
+/******/        // mode & 1: value is a module id, require it
+/******/        // mode & 2: merge all properties of value into the ns
+/******/        // mode & 4: return value when already ns object
+/******/        // mode & 8|1: behave like require
+/******/        __webpack_require__.t = function(value, mode) {
+/******/                if(mode & 1) value = __webpack_require__(value);
+/******/                if(mode & 8) return value;
+/******/                if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/                var ns = Object.create(null);
+/******/                __webpack_require__.r(ns);
+/******/                Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/                if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/                return ns;
+/******/        };
+/******/
+/******/        // getDefaultExport function for compatibility with non-harmony modules
+/******/        __webpack_require__.n = function(module) {
+/******/                var getter = module && module.__esModule ?
+/******/                        function getDefault() { return module['default']; } :
+/******/                        function getModuleExports() { return module; };
+/******/                __webpack_require__.d(getter, 'a', getter);
+/******/                return getter;
+/******/        };
+/******/
+/******/        // Object.prototype.hasOwnProperty.call
+/******/        __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/        // __webpack_public_path__
+/******/        __webpack_require__.p = "/";
+/******/
+/******/
+/******/        // Load entry module and return exports
+/******/        return __webpack_require__(__webpack_require__.s = 0);
+/******/ })
 /************************************************************************/
-/******/        
-/******/        // startup
-/******/        // Load entry module and return exports
-/******/        // This entry module depends on other loaded chunks and execution need to be delayed
-/******/        __webpack_require__.O(undefined, ["assets/css/app"], () => (__webpack_require__("./resources/assets/js/app.js")))
-/******/        var __webpack_exports__ = __webpack_require__.O(undefined, ["assets/css/app"], () => (__webpack_require__("./resources/assets/sass/app.scss")))
-/******/        __webpack_exports__ = __webpack_require__.O(__webpack_exports__);
-/******/        
-/******/ })()
-;
+/******/ ({
+
+/***/ "./public/assets/sass/app.scss":
+/*!*************************************!*\
+  !*** ./public/assets/sass/app.scss ***!
+  \*************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+// removed by extract-text-webpack-plugin
+
+/***/ }),
+
+/***/ "./resources/js/app.js":
+/*!*****************************!*\
+  !*** ./resources/js/app.js ***!
+  \*****************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+(function ($) {
+  var wind_ = $(window),
+      body_ = $('body');
+  feather.replace({
+    'stroke-width': 1.5
+  });
+  $(document).on('click', '[data-toggle="fullscreen"]', function () {
+    $(this).toggleClass('active-fullscreen');
+
+    if (document.fullscreenEnabled) {
+      if ($(this).hasClass("active-fullscreen")) {
+        document.documentElement.requestFullscreen();
+      } else {
+        document.exitFullscreen();
+      }
+    } else {
+      alert("Your browser does not support fullscreen.");
+    }
+
+    return false;
+  });
+  $(document).on('click', '.overlay', function () {
+    $.removeOverlay();
+
+    if (body_.hasClass('horizontal-navigation')) {
+      $('.horizontal-navigation').removeClass('open');
+    } else {
+      $('.navigation').removeClass('open');
+    }
+
+    body_.removeClass('navigation-show');
+  });
+  $(document).on('click', '[data-sidebar-target]', function () {
+    var target = $(this).data('sidebar-target');
+    $('body').addClass('no-scroll');
+    $('.sidebar-group').addClass('show');
+    $('.sidebar-group .sidebar').removeClass('show');
+    $('.sidebar-group .sidebar' + target).addClass('show');
+    return false;
+  });
+  $(document).on('click', '.sidebar-group', function (e) {
+    if ($(e.target).is($('.sidebar-group'))) {
+      $('.sidebar-group').removeClass('show');
+      $('body').removeClass('no-scroll');
+      $('.sidebar-group .sidebar').removeClass('show');
+    }
+  }); // Active pages, automatically show on the menu
+
+  $('.navigation .navigation-menu-body .navigation-menu-group ul li a.active').closest('ul').parent('li').addClass('open').closest('ul').parent('li').addClass('open');
+  $('.navigation .navigation-menu-body .navigation-menu-group ul li a.active').closest('div').addClass('open');
+  $('.navigation .navigation-menu-tab [data-nav-target="#' + $('.navigation .navigation-menu-body .navigation-menu-group ul li a.active').closest('div').attr('id') + '"]').addClass('active');
+  $('body.horizontal-navigation .horizontal-navigation ul li a.active').closest('ul').parent('li').addClass('open').closest('ul').parent('li').addClass('open');
+  /*------------- create/remove overlay -------------*/
+
+  $.createOverlay = function () {
+    if ($('.overlay').length < 1) {
+      body_.addClass('no-scroll').append('<div class="overlay"></div>');
+      $('.overlay').addClass('show');
+    }
+  };
+
+  $.removeOverlay = function () {
+    body_.removeClass('no-scroll');
+    $('.overlay').remove();
+  };
+  /*------------- create/remove overlay -------------*/
+
+
+  $('[data-backround-image]').each(function (e) {
+    $(this).css("background", 'url(' + $(this).data('backround-image') + ')');
+  });
+  /*------------- page loader -------------*/
+
+  wind_.on('load', function () {
+    $('.preloader').fadeOut(400, function () {
+      setTimeout(function () {
+        toastr.options = {
+          timeOut: 2000,
+          progressBar: true,
+          showMethod: "slideDown",
+          hideMethod: "slideUp",
+          showDuration: 200,
+          hideDuration: 200,
+          positionClass: "toast-top-center"
+        };
+        $('.theme-switcher').removeClass('open');
+      }, 500); // $('.theme-switcher').css('opacity', 1);
+    });
+  });
+  /*------------- page loader -------------*/
+
+  /*------------- side menu (sub menü arrow) -------------*/
+
+  wind_.on('load', function () {
+    setTimeout(function () {
+      $('.navigation .navigation-menu-body ul li a').each(function () {
+        var $this = $(this);
+
+        if ($this.next('ul').length) {
+          $this.append('<i class="sub-menu-arrow ti-angle-up"></i>');
+        }
+      });
+      $('.navigation .navigation-menu-body ul li.open>a>.sub-menu-arrow').removeClass('ti-plus').addClass('ti-minus').addClass('rotate-in');
+      $('body.horizontal-navigation .horizontal-navigation ul li a').each(function () {
+        var $this = $(this);
+
+        if ($this.next('ul').length) {
+          $this.append('<i class="sub-menu-arrow ti-angle-right"></i>');
+        }
+      });
+    }, 200);
+  });
+  /*------------- side menu (sub menü arrow) -------------*/
+
+  $(document).on('click', '[data-action="navigation-toggler"]', function () {
+    if (body_.hasClass('horizontal-navigation')) {
+      $('.horizontal-navigation').toggleClass('open');
+    } else {
+      $('.navigation').toggleClass('open');
+    }
+
+    $.createOverlay();
+  });
+  $(document).on('click', '[data-nav-target]', function () {
+    var $this = $(this),
+        target = $this.data('nav-target');
+
+    if (body_.hasClass('navigation-toggle-one')) {
+      body_.addClass('navigation-show');
+    }
+
+    if (body_.hasClass('horizontal-navigation')) {
+      $('.navigation .navigation-menu-body').show();
+    }
+
+    $('.navigation .navigation-menu-body .navigation-menu-group > div').removeClass('open');
+    $('.navigation .navigation-menu-body .navigation-menu-group ' + target).addClass('open');
+    $('[data-nav-target]').removeClass('active');
+    $this.addClass('active');
+    $this.tooltip('hide');
+    return false;
+  });
+  var c = $('.header .header-left .header-logo').clone();
+  $('.navigation .navigation-header').append(c.addClass('navigation-logo').removeClass('header-logo'));
+  $(document).on('click', '.navigation-toggler a', function () {
+    if (wind_.width() < 1200) {
+      $.createOverlay();
+      body_.addClass('navigation-show');
+    } else {
+      if (!body_.hasClass('navigation-toggle-one') && !body_.hasClass('navigation-toggle-two')) {
+        body_.addClass('navigation-toggle-one');
+      } else if (body_.hasClass('navigation-toggle-one') && !body_.hasClass('navigation-toggle-two')) {
+        body_.addClass('navigation-toggle-two');
+        body_.removeClass('navigation-toggle-one');
+      } else if (!body_.hasClass('navigation-toggle-one') && body_.hasClass('navigation-toggle-two')) {
+        body_.removeClass('navigation-toggle-two');
+        body_.removeClass('navigation-toggle-one');
+      }
+    }
+
+    return false;
+  });
+  $(document).on('click', '.header-toggler a', function () {
+    $('.header ul.navbar-nav').toggleClass('open');
+    return false;
+  });
+  $(document).on('click', '*', function (e) {
+    if (!$(e.target).is($('.navigation, .navigation *, .navigation-toggler *')) && body_.hasClass('navigation-toggle-one')) {
+      body_.removeClass('navigation-show');
+    }
+  });
+  $(document).on('click', '*', function (e) {
+    if (!$(e.target).is('.header ul.navbar-nav, .header ul.navbar-nav *, .header-toggler, .header-toggler *')) {
+      $('.header ul.navbar-nav').removeClass('open');
+    }
+  });
+  /*------------- form validation -------------*/
+
+  window.addEventListener('load', function () {
+    // Fetch all the forms we want to apply custom Bootstrap validation styles to
+    var forms = document.getElementsByClassName('needs-validation'); // Loop over them and prevent submission
+
+    Array.prototype.filter.call(forms, function (form) {
+      form.addEventListener('submit', function (event) {
+        if (form.checkValidity() === false) {
+          event.preventDefault();
+          event.stopPropagation();
+        }
+
+        form.classList.add('was-validated');
+      }, false);
+    });
+  }, false);
+  /*------------- form validation -------------*/
+
+  /*------------- responsive html table -------------*/
+
+  var table_responsive_stack = $(".table-responsive-stack");
+  table_responsive_stack.find("th").each(function (i) {
+    $(".table-responsive-stack td:nth-child(" + (i + 1) + ")").prepend('<span class="table-responsive-stack-thead">' + $(this).text() + ":</span> ");
+    $(".table-responsive-stack-thead").hide();
+  });
+  table_responsive_stack.each(function () {
+    var thCount = $(this).find("th").length,
+        rowGrow = 100 / thCount + "%";
+    $(this).find("th, td").css("flex-basis", rowGrow);
+  });
+
+  function flexTable() {
+    if (wind_.width() < 768) {
+      $(".table-responsive-stack").each(function (i) {
+        $(this).find(".table-responsive-stack-thead").show();
+        $(this).find("thead").hide();
+      }); // window is less than 768px
+    } else {
+      $(".table-responsive-stack").each(function (i) {
+        $(this).find(".table-responsive-stack-thead").hide();
+        $(this).find("thead").show();
+      });
+    }
+  }
+
+  flexTable();
+
+  window.onresize = function (event) {
+    flexTable();
+  };
+  /*------------- responsive html table -------------*/
+
+  /*------------- header search -------------*/
+
+
+  $(document).on('click', '[data-toggle="search"], [data-toggle="search"] *', function () {
+    $('.header .header-body .header-search').show().find('.form-control').focus();
+    return false;
+  });
+  $(document).on('click', '.close-header-search, .close-header-search svg', function () {
+    $('.header .header-body .header-search').hide();
+    return false;
+  });
+  $(document).on('click', '*', function (e) {
+    if (!$(e.target).is($('.header, .header *, [data-toggle="search"], [data-toggle="search"] *'))) {
+      $('.header .header-body .header-search').hide();
+    }
+  });
+  /*------------- header search -------------*/
+
+  /*------------- custom accordion -------------*/
+
+  $(document).on('click', '.accordion.custom-accordion .accordion-row a.accordion-header', function () {
+    var $this = $(this);
+    $this.closest('.accordion.custom-accordion').find('.accordion-row').not($this.parent()).removeClass('open');
+    $this.parent('.accordion-row').toggleClass('open');
+    return false;
+  });
+  /*------------- custom accordion -------------*/
+
+  /*------------- responsive table dropdown -------------*/
+
+  var dropdownMenu,
+      table_responsive = $('.table-responsive');
+  table_responsive.on('show.bs.dropdown', function (e) {
+    dropdownMenu = $(e.target).find('.dropdown-menu');
+    body_.append(dropdownMenu.detach());
+    var eOffset = $(e.target).offset();
+    dropdownMenu.css({
+      'display': 'block',
+      'top': eOffset.top + $(e.target).outerHeight(),
+      'left': eOffset.left,
+      'width': '184px',
+      'font-size': '14px'
+    });
+    dropdownMenu.addClass("mobPosDropdown");
+  });
+  table_responsive.on('hide.bs.dropdown', function (e) {
+    $(e.target).append(dropdownMenu.detach());
+    dropdownMenu.hide();
+  });
+  /*------------- responsive table dropdown -------------*/
+
+  /*------------- chat -------------*/
+
+  $(document).on('click', '.chat-block .chat-sidebar .chat-sidebar-content .list-group .list-group-item', function () {
+    $('.chat-block .chat-content').addClass('chat-mobile-open');
+    return false;
+  });
+  $(document).on('click', '.chat-block .chat-content .mobile-chat-close-btn a', function () {
+    $('.chat-block .chat-content').removeClass('chat-mobile-open');
+    return false;
+  });
+  /*------------- chat -------------*/
+
+  /*------------- aside menu toggle -------------*/
+
+  $(document).on('click', '.navigation ul li a', function () {
+    var $this = $(this);
+
+    if ($this.next('ul').length) {
+      var sub_menu_arrow = $this.find('.sub-menu-arrow');
+      sub_menu_arrow.toggleClass('rotate-in');
+      $this.next('ul').toggle(200);
+      $this.parent('li').siblings().find('ul').not($this.parent('li').find('ul')).slideUp(200);
+      $this.next('ul').find('li ul').slideUp(200);
+      $this.next('ul').find('li>a').find('.sub-menu-arrow').removeClass('ti-minus').addClass('ti-plus');
+      $this.next('ul').find('li>a').find('.sub-menu-arrow').removeClass('rotate-in');
+      $this.parent('li').siblings().not($this.parent('li').find('ul')).find('>a').find('.sub-menu-arrow').removeClass('ti-minus').addClass('ti-plus');
+      $this.parent('li').siblings().not($this.parent('li').find('ul')).find('>a').find('.sub-menu-arrow').removeClass('rotate-in');
+
+      if (sub_menu_arrow.hasClass('rotate-in')) {
+        setTimeout(function () {
+          sub_menu_arrow.removeClass('ti-plus').addClass('ti-minus');
+        }, 200);
+      } else {
+        sub_menu_arrow.removeClass('ti-minus').addClass('ti-plus');
+      }
+
+      if (!body_.hasClass('horizontal-side-menu') && wind_.width() >= 1200) {
+        setTimeout(function (e) {
+          $('.navigation .navigation-menu-body').getNiceScroll().resize();
+        }, 300);
+      }
+
+      return false;
+    }
+  });
+  $(document).on('click', '.horizontal-navigation ul li a', function () {
+    var $this = $(this);
+
+    if ($this.next('ul').length) {
+      $this.next('ul').toggle(200);
+      $this.parent('li').siblings().find('ul').not($this.parent('li').find('ul')).slideUp(200);
+      $this.next('ul').find('li ul').slideUp(200);
+      return false;
+    }
+  });
+  /*------------- aside menu toggle -------------*/
+
+  /*------------- other -------------*/
+
+  $(document).on('click', '.dropdown-menu', function (e) {
+    e.stopPropagation();
+  });
+  $('#exampleModal').on('show.bs.modal', function (event) {
+    var button = $(event.relatedTarget),
+        recipient = button.data('whatever'),
+        modal = $(this);
+    modal.find('.modal-title').text('New message to ' + recipient);
+    modal.find('.modal-body input').val(recipient);
+  });
+  $('[data-toggle="tooltip"]').tooltip({
+    container: 'body'
+  });
+  $('[data-toggle="popover"]').popover();
+  $('.carousel').carousel();
+
+  if (wind_.width() >= 992) {
+    $('.card-scroll').niceScroll();
+    $('.table-responsive').niceScroll();
+    $('.sidebar-group .sidebar').niceScroll();
+    $('.app-block .app-content .app-lists').niceScroll();
+    $('.app-block .app-sidebar .app-sidebar-menu').niceScroll();
+    $('.chat-block .chat-sidebar .chat-sidebar-content').niceScroll();
+    var chat_messages = $('.chat-block .chat-content .messages');
+
+    if (chat_messages.length) {
+      chat_messages.niceScroll({
+        horizrailenabled: false
+      });
+      chat_messages.getNiceScroll(0).doScrollTop(chat_messages.get(0).scrollHeight, -1);
+    }
+  }
+
+  if (!body_.hasClass('small-navigation') && !body_.hasClass('horizontal-navigation') && wind_.width() >= 992) {
+    $('.navigation .navigation-menu-body').niceScroll();
+  }
+
+  $('.dropdown-menu ul.list-group').niceScroll();
+  /* Theme Switcher */
+
+  /* var path = window.location.pathname;
+  var page = path.split("/").pop();
+   var theme_switcher_html = '<div class="theme-switcher open"> \n\
+      <div class="theme-switcher-button"> \n\
+          <i class="fa fa-cog"></i> \n\
+      </div> \n\
+      <div class="theme-switcher-panel"> \n\
+          <div class="card"> \n\
+              <div class="card-body"> \n\
+                  <h6 class="card-title">Theme Switcher</h6> \n\
+                  <div class="form-group mb-2"> \n\
+                      <div class="custom-control custom-switch"> \n\
+                          <input type="checkbox" class="custom-control-input" id="dark"> \n\
+                          <label class="custom-control-label" for="dark">Dark</label> \n\
+                      </div> \n\
+                  </div> \n\
+                  <div class="form-group mb-2"> \n\
+                      <div class="custom-control custom-switch"> \n\
+                          <input type="checkbox" class="custom-control-input" id="semi-dark"> \n\
+                          <label class="custom-control-label" for="semi-dark">Semi dark</label> \n\
+                      </div> \n\
+                  </div> \n\
+                  <div class="form-group mb-2"> \n\
+                      <div class="custom-control custom-switch"> \n\
+                          <input type="checkbox" class="custom-control-input" id="shadow-layout"> \n\
+                          <label class="custom-control-label" for="shadow-layout">Shadow layout</label> \n\
+                      </div> \n\
+                  </div> \n\
+                  <div class="form-group mb-2"> \n\
+                      <div class="custom-control custom-switch"> \n\
+                          <input type="checkbox" class="custom-control-input" ' + (page === 'chat.html' || page === 'inbox.html' || page === 'app-todo.html' ? 'disabled' : '') + ' id="sticky-navigation"> \n\
+                          <label class="custom-control-label" for="sticky-navigation">Sticky navigation</label> \n\
+                      </div> \n\
+                  </div> \n\
+                  <div class="form-group mb-2"> \n\
+                      <div class="custom-control custom-switch"> \n\
+                          <input type="checkbox" class="custom-control-input" ' + (page === 'chat.html' || page === 'inbox.html' || page === 'app-todo.html' ? 'disabled' : '') + ' id="small-navigation"> \n\
+                          <label class="custom-control-label" for="small-navigation">Small navigation</label> \n\
+                      </div> \n\
+                  </div> \n\
+                  <div class="form-group mb-2"> \n\
+                      <div class="custom-control custom-switch"> \n\
+                          <input type="checkbox" class="custom-control-input" id="hidden-navigation"> \n\
+                          <label class="custom-control-label" for="hidden-navigation">Hidden navigation</label> \n\
+                      </div> \n\
+                  </div> \n\
+                  <div class="form-group mb-2"> \n\
+                      <div class="custom-control custom-switch"> \n\
+                          <input type="checkbox" class="custom-control-input" ' + (page === 'chat.html' || page === 'inbox.html' || page === 'app-todo.html' ? 'disabled' : '') + ' id="sticky-header"> \n\
+                          <label class="custom-control-label" for="sticky-header">Sticky header</label> \n\
+                      </div> \n\
+                  </div> \n\
+                  <div class="form-group mb-2"> \n\
+                      <div class="custom-control custom-switch"> \n\
+                          <input type="checkbox" class="custom-control-input" id="light-header"> \n\
+                          <label class="custom-control-label" for="light-header">Light header</label> \n\
+                      </div> \n\
+                  </div> \n\
+                  <div class="form-group mb-2"> \n\
+                      <div class="custom-control custom-switch"> \n\
+                          <input type="checkbox" class="custom-control-input" ' + (page === 'chat.html' || page === 'inbox.html' || page === 'app-todo.html' ? 'disabled' : '') + ' id="sticky-footer"> \n\
+                          <label class="custom-control-label" for="sticky-footer">Sticky footer</label> \n\
+                      </div> \n\
+                  </div> \n\
+              </div> \n\
+          </div> \n\
+      </div> \n\
+  </div>';
+   $('body').append(theme_switcher_html);
+   $(document).on('click', '.theme-switcher input[type="checkbox"]', function () {
+      var id = $(this).attr('id');
+      if (id === 'sticky-navigation') {
+          if ($(this).prop('checked')) {
+              $('.navigation').niceScroll().resize();
+          } else {
+              $('.navigation').niceScroll().remove();
+          }
+          if ($('body').hasClass('small-navigation')) {
+              $('.navigation .navigation-menu-body > ul > li').each(function () {
+                  if ($(this).find('> a').next('ul').length) {
+                      // Dropdown add header title
+                      $(this).find('.dropdown-divider').remove();
+                  } else {
+                      // Add tooltip
+                      $(this).find('> a').tooltip('dispose');
+                  }
+              });
+              $('body').removeClass('small-navigation');
+              $('.theme-switcher input[type="checkbox"][id="small-navigation"]').prop('checked', false);
+          }
+          if ($('body').hasClass('hidden-navigation')) {CUSTOMİZABLE
+              $('body').removeClass('hidden-navigation');
+              $('.theme-switcher input[type="checkbox"][id="hidden-navigation"]').prop('checked', false);
+          }
+      }
+      if (id === 'small-navigation') {
+          if ($(this).prop('checked')) {
+              $('.navigation .navigation-menu-body > ul > li').each(function () {
+                  if ($(this).find('> a').next('ul').length) {
+                      // Dropdown add header title
+                      $(this).find('> a').next('ul').prepend('<li class="dropdown-divider">' + $(this).find('> a > span:not(.badge)').text() + '</li>')
+                  } else {
+                      // Add tooltip
+                      $(this).find('> a').attr('title', $(this).find('> a > span:not(.badge)').text());
+                      $(this).find('> a').tooltip({
+                          placement: "right"
+                      });
+                  }
+              });
+          } else {
+              $('.navigation .navigation-menu-body > ul > li').each(function () {
+                  if ($(this).find('> a').next('ul').length) {
+                      // Dropdown add header title
+                      $(this).find('.dropdown-divider').remove();
+                  } else {
+                      // Add tooltip
+                      $(this).find('> a').tooltip('dispose');
+                  }
+              });
+          }
+          if ($('body').hasClass('sticky-navigation')) {
+              $('body').removeClass('sticky-navigation');
+              $('.navigation').niceScroll().remove();
+              $('.theme-switcher input[type="checkbox"][id="sticky-navigation"]').prop('checked', false);
+          }
+          if ($('body').hasClass('hidden-navigation')) {
+              $('body').removeClass('hidden-navigation');
+              $('.theme-switcher input[type="checkbox"][id="hidden-navigation"]').prop('checked', false);
+          }
+      }
+      if (id === 'hidden-navigation') {
+          setTimeout(function () {
+              $('.navigation').niceScroll().resize();
+              $('.app-block .app-content .app-lists').niceScroll().resize();
+              $('.app-block .app-sidebar .app-sidebar-menu').niceScroll().resize();
+              $('.chat-block .chat-sidebar .chat-sidebar-content .tab-content .tab-pane').niceScroll().resize();
+          }, 200);
+          if (!$(this).prop('checked')) {
+              $.removeOverlay();
+              $('.navigation').removeClass('open');
+          }
+          if (page != 'chat.html' && page != 'inbox.html' && page != 'app-todo.html') {
+              if ($('body').hasClass('sticky-navigation')) {
+                  $('body').removeClass('sticky-navigation');
+                  $('.theme-switcher input[type="checkbox"][id="sticky-navigation"]').prop('checked', false);
+              }
+          }
+          if ($('body').hasClass('small-navigation')) {
+              $('.navigation .navigation-menu-body > ul > li').each(function () {
+                  if ($(this).find('> a').next('ul').length) {
+                      // Dropdown add header title
+                      $(this).find('.dropdown-divider').remove();
+                  } else {
+                      // Add tooltip
+                      $(this).find('> a').tooltip('dispose');
+                  }
+              });
+              $('body').removeClass('small-navigation');
+              $('.theme-switcher input[type="checkbox"][id="small-navigation"]').prop('checked', false);
+          }
+      }
+      if (id === 'dark') {
+          if ($('body').hasClass('semi-dark')) {
+              $('body').removeClass('semi-dark');
+              $('.theme-switcher input[type="checkbox"][id="semi-dark"]').prop('checked', false);
+          }
+      }
+      if (id === 'semi-dark') {
+          if ($('body').hasClass('dark')) {
+              $('body').removeClass('dark');
+              $('.theme-switcher input[type="checkbox"][id="dark"]').prop('checked', false);
+          }
+      }
+      $('body').toggleClass(id);
+  });
+   $(document).on('click', '.theme-switcher .theme-switcher-button', function () {
+      $('.theme-switcher').toggleClass('open');
+  }); */
+})(jQuery);
+
+/***/ }),
+
+/***/ 0:
+/*!*****************************************************************!*\
+  !*** multi ./resources/js/app.js ./public/assets/sass/app.scss ***!
+  \*****************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+__webpack_require__(/**/"./resources/js/app.js");
+module.exports = __webpack_require__(/**/"./public/assets/sass/app.scss");
+
+
+/***/ })
+
+/******/ });
+
+'use strict';
+
+(function ($) {
+
+    $(document).on('click', '.layout-builder .layout-builder-toggle', function () {
+        $('.layout-builder').toggleClass('show');
+    });
+
+    $(window).on('load', function () {
+        setTimeout(function () {
+            $('.layout-builder').removeClass('show');
+        }, 500);
+    });
+
+    $('.body').append(`
+    <div class="layout-builder show">
+        <div class="layout-builder-toggle shw">
+            <i class="ti-settings"></i>
+        </div>
+        <div class="layout-builder-toggle hdn">
+            <i class="ti-close"></i>
+        </div>
+        <div class="layout-builder-body">
+            <h5>Customizer</h5>
+            <div class="mb-3">
+                <p>Layout</p>
+                <div class="custom-control custom-radio">
+                  <input type="radio" class="custom-control-input" name="layout" id="horizontal-side-menu" data-layout="horizontal-side-menu">
+                  <label class="custom-control-label" for="horizontal-side-menu">Horizontal Menu</label>
+                </div>
+                <div class="custom-control custom-radio">
+                  <input type="radio" class="custom-control-input" name="layout" id="icon-side-menu" data-layout="icon-side-menu">
+                  <label class="custom-control-label" for="icon-side-menu">Icon Menu</label>
+                </div>
+                <div class="custom-control custom-radio">
+                  <input type="radio" class="custom-control-input" name="layout" id="hidden-side-menu" data-layout="hidden-side-menu">
+                  <label class="custom-control-label" for="hidden-side-menu">Hidden Menu</label>
+                </div>
+                <div class="custom-control custom-radio">
+                  <input type="radio" class="custom-control-input" name="layout" id="layout-container-1" data-layout="layout-container icon-side-menu">
+                  <label class="custom-control-label" for="layout-container-1">Container Layout 1</label>
+                </div>
+                <div class="custom-control custom-radio">
+                  <input type="radio" class="custom-control-input" name="layout" id="layout-container-2" data-layout="layout-container horizontal-side-menu">
+                  <label class="custom-control-label" for="layout-container-2">Container Layout 2</label>
+                </div>
+                <div class="custom-control custom-radio">
+                  <input type="radio" class="custom-control-input" name="layout" id="layout-container-3" data-layout="layout-container hidden-side-menu">
+                  <label class="custom-control-label" for="layout-container-3">Container Layout 3</label>
+                </div>
+                <div class="custom-control custom-radio">
+                  <input type="radio" class="custom-control-input" name="layout" id="dark-1" data-layout="dark">
+                  <label class="custom-control-label" for="dark-1">Dark Layout 1</label>
+                </div>
+                <div class="custom-control custom-radio">
+                  <input type="radio" class="custom-control-input" name="layout" id="dark-2" data-layout="layout-container dark icon-side-menu">
+                  <label class="custom-control-label" for="dark-2">Dark Layout 2</label>
+                </div>
+                <div class="custom-control custom-radio">
+                  <input type="radio" class="custom-control-input" name="layout" id="dark-3" data-layout="layout-container dark horizontal-side-menu">
+                  <label class="custom-control-label" for="dark-3">Dark Layout 3</label>
+                </div>
+                <div class="custom-control custom-radio">
+                  <input type="radio" class="custom-control-input" name="layout" id="dark-4" data-layout="layout-container dark hidden-side-menu">
+                  <label class="custom-control-label" for="dark-4">Dark Layout 4</label>
+                </div>
+            </div>
+            <button id="btn-layout-builder-reset" class="btn btn-danger btn-uppercase">Reset</button>
+            <div class="layout-alert mt-3">
+                <i class="fa fa-warning m-r-5 text-warning"></i>Some theme options can not be displayed in case of combined when they are not relevant each other. For that reason, you are adviced to try all theme options seperately.
+            </div>
+        </div>
+    </div>`);
+
+    var site_layout = localStorage.getItem('site_layout');
+    $('body').addClass(site_layout);
+
+    $('.layout-builder .layout-builder-body input[type="radio"][data-layout="' + $('body').attr('class') + '"]').prop('checked', true);
+
+    $('.layout-builder .layout-builder-body input[type="radio"]').click(function () {
+        var class_names = '';
+
+        $('.layout-builder .layout-builder-body input[type="radio"]:checked').each(function () {
+            class_names += ' ' + $(this).data('layout');
+        });
+
+        localStorage.setItem('site_layout', class_names);
+
+        window.location.href = (window.location.href).replace('#', '');
+    });
+
+    $(document).on('click', '#btn-layout-builder', function () {
+
+    });
+
+    $(document).on('click', '#btn-layout-builder-reset', function () {
+        localStorage.removeItem('site_layout');
+        localStorage.removeItem('site_layout_dark');
+
+        window.location.href = (window.location.href).replace('#', '');
+    });
+
+    $(window).on('load', function () {
+        if ($('body').hasClass('horizontal-side-menu') && $(window).width() > 768) {
+            if ($('body').hasClass('layout-container')) {
+                $('.side-menu .side-menu-body').wrap('<div class="container"></div>');
+            } else {
+                $('.side-menu .side-menu-body').wrap('<div class="container"></div>');
+            }
+            setTimeout(function () {
+                $('.side-menu .side-menu-body > ul').append('<li><a href="#"><span>Other</span></a><ul></ul></li>');
+            }, 100);
+            $('.side-menu .side-menu-body > ul > li').each(function () {
+                var index = $(this).index(),
+                    $this = $(this);
+                if (index > 7) {
+                    setTimeout(function () {
+                        $('.side-menu .side-menu-body > ul > li:last-child > ul').append($this.clone());
+                        $this.addClass('d-none');
+                    }, 100);
+                }
+            });
+        }
+    });
+
+    $(document).on('click', '[data-attr="layout-builder-toggle"]', function () {
+        $('.layout-builder').toggleClass('show');
+        return false;
+    });
+
+})(jQuery);

public/mix-manifest.json

@@ -1 +1 @@
 {
     "/assets/js/app.js": "/assets/js/app.js",
-    "/assets/css/app.css": "/assets/css/app.css",
     "/assets/css/app.min.css": "/assets/css/app.min.css",
     "/assets/media/images/favicon.png": "/assets/media/images/favicon.png",