Index: public/assets/css/app.css
===================================================================
--- public/assets/css/app.css	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ public/assets/css/app.css	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -5907,13 +5907,4 @@
   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,7 +7682,4 @@
   }
 }
-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,7 +9118,4 @@
   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,5 +9753,5 @@
 
   .navigation {
-    width: 75%;
+    width: 20%;
   }
 
@@ -9781,5 +9766,5 @@
 
   .navigation {
-    width: 85%;
+    width: 20%;
   }
 }
Index: public/assets/css/app.min.css
===================================================================
--- public/assets/css/app.min.css	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ public/assets/css/app.min.css	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -6900,13 +6900,4 @@
 }
 
-.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,5 +8884,5 @@
 
   body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover {
-    width: 320px;
+    /*width: 320px;*/
   }
 
@@ -9200,5 +9191,5 @@
     bottom: 0;
     height: auto;
-    width: 320px;
+    /*width: 320px;*/
     background-color: white;
     z-index: 1000;
@@ -9282,9 +9273,4 @@
   }
 }
-
-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,5 +9548,5 @@
   padding: 30px;
   padding-top: 105px;
-  padding-left: 350px;
+  padding-left: 100px;
   padding-bottom: 0;
 }
@@ -10001,5 +9987,5 @@
 
 .header .header-left {
-  width: 320px;
+  /*width: 320px;*/
   padding-left: 30px;
   display: -webkit-box;
@@ -10210,5 +10196,5 @@
   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,5 +10449,5 @@
   -webkit-box-pack: justify;
           justify-content: space-between;
-  margin-left: 320px;
+  margin-left: 100px;
 }
 
@@ -11379,8 +11365,4 @@
 }
 
-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,5 +12258,5 @@
 
   .navigation {
-    width: 75%;
+    width: 20%;
   }
 
@@ -12314,2 +12296,12420 @@
 }
 
+
+@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;
+    }
+}
Index: public/assets/css/custom.css
===================================================================
--- public/assets/css/custom.css	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/css/custom.css	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,118 @@
+.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;
+    }
+}
Index: public/assets/js/Toast.js
===================================================================
--- public/assets/js/Toast.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/Toast.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,58 @@
+/******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+var __webpack_exports__ = {};
+/*!******************************************!*\
+  !*** ./resources/assets/js/Toast.min.js ***!
+  \******************************************/
+
+
+function Toast(t) {
+  if (!t.message) throw new Error("Toast.js - You need to set a message to display");
+  this.options = t, this.options.type = t.type || "default", this.toastContainerEl = document.querySelector(".toastjs-container"), this.toastEl = document.querySelector(".toastjs"), this._init();
+}
+
+Toast.prototype._createElements = function () {
+  var t = this;
+  return new Promise(function (e, o) {
+    t.toastContainerEl = document.createElement("div"), t.toastContainerEl.classList.add("toastjs-container"), t.toastContainerEl.setAttribute("role", "alert"), t.toastContainerEl.setAttribute("aria-hidden", !0), t.toastEl = document.createElement("div"), t.toastEl.classList.add("toastjs"), t.toastContainerEl.appendChild(t.toastEl), document.body.appendChild(t.toastContainerEl), setTimeout(function () {
+      return e();
+    }, 500);
+  });
+}, Toast.prototype._addEventListeners = function () {
+  var t = this;
+
+  if (document.querySelector(".toastjs-btn--close").addEventListener("click", function () {
+    t._close();
+  }), this.options.customButtons) {
+    var e = Array.prototype.slice.call(document.querySelectorAll(".toastjs-btn--custom"));
+    e.map(function (e, o) {
+      e.addEventListener("click", function (e) {
+        return t.options.customButtons[o].onClick(e);
+      });
+    });
+  }
+}, Toast.prototype._close = function () {
+  var t = this;
+  return new Promise(function (e, o) {
+    t.toastContainerEl.setAttribute("aria-hidden", !0), setTimeout(function () {
+      t.toastEl.innerHTML = "", t.toastEl.classList.remove("default", "success", "warning", "danger"), t.focusedElBeforeOpen && t.focusedElBeforeOpen.focus(), e();
+    }, 1e3);
+  });
+}, Toast.prototype._open = function () {
+  this.toastEl.classList.add(this.options.type), this.toastContainerEl.setAttribute("aria-hidden", !1);
+  var t = "";
+  this.options.customButtons && (t = this.options.customButtons.map(function (t, e) {
+    return '<button type="button" class="toastjs-btn toastjs-btn--custom">' + t.text + "</button>";
+  }), t = t.join("")), this.toastEl.innerHTML = "\n        <p>" + this.options.message + '</p>\n        <button type="button" class="toastjs-btn toastjs-btn--close">Close</button>\n        ' + t + "\n    ", this.focusedElBeforeOpen = document.activeElement, document.querySelector(".toastjs-btn--close").focus();
+}, Toast.prototype._init = function () {
+  var t = this;
+  Promise.resolve().then(function () {
+    return t.toastContainerEl ? Promise.resolve() : t._createElements();
+  }).then(function () {
+    return "false" == t.toastContainerEl.getAttribute("aria-hidden") ? t._close() : Promise.resolve();
+  }).then(function () {
+    t._open(), t._addEventListeners();
+  });
+};
+/******/ })()
+;
Index: public/assets/js/app.js
===================================================================
--- public/assets/js/app.js	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ public/assets/js/app.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -1,1007 +1,1502 @@
-/******/ (() => { // 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);
Index: public/assets/js/app.min.js
===================================================================
--- public/assets/js/app.min.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/app.min.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,685 @@
+/******/ (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: {}
+/******/ 		};
+/******/
+/******/ 		// 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 });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// 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);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./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");
+
+
+/***/ })
+
+/******/ });
Index: public/assets/js/appjs/app.js
===================================================================
--- public/assets/js/appjs/app.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/appjs/app.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,1819 @@
+/******/ (() => { // webpackBootstrap
+var __webpack_exports__ = {};
+// This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules.
+(() => {
+/*!************************************!*\
+  !*** ./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");
+    /***/
+  }
+  /******/
+
+});
+})();
+
+// This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules.
+(() => {
+/*!****************************************!*\
+  !*** ./resources/assets/js/app.min.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"
+            };
+            $('.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_30526__) {
+    __nested_webpack_require_30526__(
+    /**/
+    "./resources/js/app.js");
+
+    module.exports = __nested_webpack_require_30526__(
+    /**/
+    "./public/assets/sass/app.scss");
+    /***/
+  }
+  /******/
+
+});
+})();
+
+// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+(() => {
+"use strict";
+/*!***************************************!*\
+  !*** ./resources/assets/js/custom.js ***!
+  \***************************************/
+
+
+(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("\n    <div class=\"layout-builder show\">\n        <div class=\"layout-builder-toggle shw\">\n            <i class=\"ti-settings\"></i>\n        </div>\n        <div class=\"layout-builder-toggle hdn\">\n            <i class=\"ti-close\"></i>\n        </div>\n        <div class=\"layout-builder-body\">\n            <h5>Customizer</h5>\n            <div class=\"mb-3\">\n                <p>Layout</p>\n                <div class=\"custom-control custom-radio\">\n                  <input type=\"radio\" class=\"custom-control-input\" name=\"layout\" id=\"horizontal-side-menu\" data-layout=\"horizontal-side-menu\">\n                  <label class=\"custom-control-label\" for=\"horizontal-side-menu\">Horizontal Menu</label>\n                </div>\n                <div class=\"custom-control custom-radio\">\n                  <input type=\"radio\" class=\"custom-control-input\" name=\"layout\" id=\"icon-side-menu\" data-layout=\"icon-side-menu\">\n                  <label class=\"custom-control-label\" for=\"icon-side-menu\">Icon Menu</label>\n                </div>\n                <div class=\"custom-control custom-radio\">\n                  <input type=\"radio\" class=\"custom-control-input\" name=\"layout\" id=\"hidden-side-menu\" data-layout=\"hidden-side-menu\">\n                  <label class=\"custom-control-label\" for=\"hidden-side-menu\">Hidden Menu</label>\n                </div>\n                <div class=\"custom-control custom-radio\">\n                  <input type=\"radio\" class=\"custom-control-input\" name=\"layout\" id=\"layout-container-1\" data-layout=\"layout-container icon-side-menu\">\n                  <label class=\"custom-control-label\" for=\"layout-container-1\">Container Layout 1</label>\n                </div>\n                <div class=\"custom-control custom-radio\">\n                  <input type=\"radio\" class=\"custom-control-input\" name=\"layout\" id=\"layout-container-2\" data-layout=\"layout-container horizontal-side-menu\">\n                  <label class=\"custom-control-label\" for=\"layout-container-2\">Container Layout 2</label>\n                </div>\n                <div class=\"custom-control custom-radio\">\n                  <input type=\"radio\" class=\"custom-control-input\" name=\"layout\" id=\"layout-container-3\" data-layout=\"layout-container hidden-side-menu\">\n                  <label class=\"custom-control-label\" for=\"layout-container-3\">Container Layout 3</label>\n                </div>\n                <div class=\"custom-control custom-radio\">\n                  <input type=\"radio\" class=\"custom-control-input\" name=\"layout\" id=\"dark-1\" data-layout=\"dark\">\n                  <label class=\"custom-control-label\" for=\"dark-1\">Dark Layout 1</label>\n                </div>\n                <div class=\"custom-control custom-radio\">\n                  <input type=\"radio\" class=\"custom-control-input\" name=\"layout\" id=\"dark-2\" data-layout=\"layout-container dark icon-side-menu\">\n                  <label class=\"custom-control-label\" for=\"dark-2\">Dark Layout 2</label>\n                </div>\n                <div class=\"custom-control custom-radio\">\n                  <input type=\"radio\" class=\"custom-control-input\" name=\"layout\" id=\"dark-3\" data-layout=\"layout-container dark horizontal-side-menu\">\n                  <label class=\"custom-control-label\" for=\"dark-3\">Dark Layout 3</label>\n                </div>\n                <div class=\"custom-control custom-radio\">\n                  <input type=\"radio\" class=\"custom-control-input\" name=\"layout\" id=\"dark-4\" data-layout=\"layout-container dark hidden-side-menu\">\n                  <label class=\"custom-control-label\" for=\"dark-4\">Dark Layout 4</label>\n                </div>\n            </div>\n            <button id=\"btn-layout-builder-reset\" class=\"btn btn-danger btn-uppercase\">Reset</button>\n            <div class=\"layout-alert mt-3\">\n                <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.\n            </div>\n        </div>\n    </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);
+})();
+
+// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+(() => {
+"use strict";
+/*!******************************************!*\
+  !*** ./resources/assets/js/Toast.min.js ***!
+  \******************************************/
+
+
+function Toast(t) {
+  if (!t.message) throw new Error("Toast.js - You need to set a message to display");
+  this.options = t, this.options.type = t.type || "default", this.toastContainerEl = document.querySelector(".toastjs-container"), this.toastEl = document.querySelector(".toastjs"), this._init();
+}
+
+Toast.prototype._createElements = function () {
+  var t = this;
+  return new Promise(function (e, o) {
+    t.toastContainerEl = document.createElement("div"), t.toastContainerEl.classList.add("toastjs-container"), t.toastContainerEl.setAttribute("role", "alert"), t.toastContainerEl.setAttribute("aria-hidden", !0), t.toastEl = document.createElement("div"), t.toastEl.classList.add("toastjs"), t.toastContainerEl.appendChild(t.toastEl), document.body.appendChild(t.toastContainerEl), setTimeout(function () {
+      return e();
+    }, 500);
+  });
+}, Toast.prototype._addEventListeners = function () {
+  var t = this;
+
+  if (document.querySelector(".toastjs-btn--close").addEventListener("click", function () {
+    t._close();
+  }), this.options.customButtons) {
+    var e = Array.prototype.slice.call(document.querySelectorAll(".toastjs-btn--custom"));
+    e.map(function (e, o) {
+      e.addEventListener("click", function (e) {
+        return t.options.customButtons[o].onClick(e);
+      });
+    });
+  }
+}, Toast.prototype._close = function () {
+  var t = this;
+  return new Promise(function (e, o) {
+    t.toastContainerEl.setAttribute("aria-hidden", !0), setTimeout(function () {
+      t.toastEl.innerHTML = "", t.toastEl.classList.remove("default", "success", "warning", "danger"), t.focusedElBeforeOpen && t.focusedElBeforeOpen.focus(), e();
+    }, 1e3);
+  });
+}, Toast.prototype._open = function () {
+  this.toastEl.classList.add(this.options.type), this.toastContainerEl.setAttribute("aria-hidden", !1);
+  var t = "";
+  this.options.customButtons && (t = this.options.customButtons.map(function (t, e) {
+    return '<button type="button" class="toastjs-btn toastjs-btn--custom">' + t.text + "</button>";
+  }), t = t.join("")), this.toastEl.innerHTML = "\n        <p>" + this.options.message + '</p>\n        <button type="button" class="toastjs-btn toastjs-btn--close">Close</button>\n        ' + t + "\n    ", this.focusedElBeforeOpen = document.activeElement, document.querySelector(".toastjs-btn--close").focus();
+}, Toast.prototype._init = function () {
+  var t = this;
+  Promise.resolve().then(function () {
+    return t.toastContainerEl ? Promise.resolve() : t._createElements();
+  }).then(function () {
+    return "false" == t.toastContainerEl.getAttribute("aria-hidden") ? t._close() : Promise.resolve();
+  }).then(function () {
+    t._open(), t._addEventListeners();
+  });
+};
+})();
+
+/******/ })()
+;
Index: public/assets/js/custom.js
===================================================================
--- public/assets/js/custom.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/custom.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,131 @@
+'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);
Index: public/assets/js/examples/charts/apex.js
===================================================================
--- public/assets/js/examples/charts/apex.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/examples/charts/apex.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,614 @@
+'use strict';
+$(document).ready(function () {
+
+    apex_chart_one();
+
+    apex_chart_two();
+
+    apex_chart_three();
+
+    apex_chart_four();
+
+    apex_chart_five();
+
+    apex_chart_six();
+
+    apex_chart_seven();
+
+    apex_chart_eight();
+
+    apex_chart_nine();
+
+    function apex_chart_one() {
+        var lastDate = 0;
+        var data = []
+        var TICKINTERVAL = 86400000
+        let XAXISRANGE = 777600000
+
+        function getDayWiseTimeSeries(baseval, count, yrange) {
+            var i = 0;
+            while (i < count) {
+                var x = baseval;
+                var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+
+                data.push({
+                    x, y
+                });
+                lastDate = baseval
+                baseval += TICKINTERVAL;
+                i++;
+            }
+        }
+
+        getDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 10, {
+            min: 10,
+            max: 90
+        });
+
+        function getNewSeries(baseval, yrange) {
+            var newDate = baseval + TICKINTERVAL;
+            lastDate = newDate;
+
+            for (var i = 0; i < data.length - 10; i++) {
+                // IMPORTANT
+                // we reset the x and y of the data which is out of drawing area
+                // to prevent memory leaks
+                data[i].x = newDate - XAXISRANGE - TICKINTERVAL
+                data[i].y = 0
+            }
+
+            data.push({
+                x: newDate,
+                y: Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min
+            })
+
+        }
+
+        var options = {
+            chart: {
+                height: 350,
+                type: 'line',
+                animations: {
+                    enabled: true,
+                    easing: 'linear',
+                    dynamicAnimation: {
+                        speed: 1000
+                    }
+                },
+                toolbar: {
+                    show: false
+                },
+                zoom: {
+                    enabled: false
+                }
+            },
+            dataLabels: {
+                enabled: false
+            },
+            stroke: {
+                curve: 'smooth'
+            },
+            series: [{
+                data: data
+            }],
+            title: {
+                text: 'Dynamic Updating Chart',
+                align: 'left'
+            },
+            markers: {
+                size: 0
+            },
+            xaxis: {
+                type: 'datetime',
+                range: XAXISRANGE,
+            },
+            yaxis: {
+                max: 100
+            },
+            legend: {
+                show: false
+            },
+        };
+
+        var chart = new ApexCharts(
+            document.querySelector("#apex_chart_one"),
+            options
+        );
+
+        chart.render();
+
+        window.setInterval(function () {
+            getNewSeries(lastDate, {
+                min: 10,
+                max: 90
+            })
+            chart.updateSeries([{
+                data: data
+            }])
+        }, 1000)
+    }
+
+    function apex_chart_two() {
+        var ts2 = 1484418600000;
+        var dates = [];
+        var spikes = [5, -5, 3, -3, 8, -8]
+        for (var i = 0; i < 120; i++) {
+            ts2 = ts2 + 86400000;
+            var innerArr = [ts2, dataSeries[1][i].value];
+            dates.push(innerArr)
+        }
+
+        var options = {
+            chart: {
+                type: 'area',
+                stacked: false,
+                height: 350,
+                zoom: {
+                    type: 'x',
+                    enabled: true
+                },
+                toolbar: {
+                    autoSelected: 'zoom'
+                }
+            },
+            dataLabels: {
+                enabled: false
+            },
+            series: [{
+                name: 'XYZ MOTORS',
+                data: dates
+            }],
+            markers: {
+                size: 0,
+            },
+            title: {
+                text: 'Stock Price Movement',
+                align: 'left'
+            },
+            fill: {
+                type: 'gradient',
+                gradient: {
+                    shadeIntensity: 1,
+                    inverseColors: false,
+                    opacityFrom: 0.5,
+                    opacityTo: 0,
+                    stops: [0, 90, 100]
+                },
+            },
+            yaxis: {
+                min: 20000000,
+                max: 250000000,
+                labels: {
+                    formatter: function (val) {
+                        return (val / 1000000).toFixed(0);
+                    },
+                },
+                title: {
+                    text: 'Price'
+                },
+            },
+            xaxis: {
+                type: 'datetime',
+            },
+
+            tooltip: {
+                shared: false,
+                y: {
+                    formatter: function (val) {
+                        return (val / 1000000).toFixed(0)
+                    }
+                }
+            }
+        }
+
+        var chart = new ApexCharts(
+            document.querySelector("#apex_chart_two"),
+            options
+        );
+
+        chart.render();
+    }
+
+    function apex_chart_three() {
+        var options = {
+            chart: {
+                height: 350,
+                type: 'area',
+            },
+            dataLabels: {
+                enabled: false
+            },
+            stroke: {
+                curve: 'smooth'
+            },
+            series: [{
+                name: 'series1',
+                data: [31, 40, 28, 51, 42, 109, 100]
+            }, {
+                name: 'series2',
+                data: [11, 32, 45, 32, 34, 52, 41]
+            }],
+
+            xaxis: {
+                type: 'datetime',
+                categories: ["2018-09-19T00:00:00", "2018-09-19T01:30:00", "2018-09-19T02:30:00", "2018-09-19T03:30:00", "2018-09-19T04:30:00", "2018-09-19T05:30:00", "2018-09-19T06:30:00"],
+            },
+            tooltip: {
+                x: {
+                    format: 'dd/MM/yy HH:mm'
+                },
+            }
+        }
+
+        var chart = new ApexCharts(
+            document.querySelector("#apex_chart_three"),
+            options
+        );
+
+        chart.render();
+    }
+
+    function apex_chart_four() {
+        var options = {
+            chart: {
+                height: 350,
+                type: 'bar',
+            },
+            plotOptions: {
+                bar: {
+                    horizontal: false,
+                    columnWidth: '55%',
+                    endingShape: 'rounded'
+                },
+            },
+            dataLabels: {
+                enabled: false
+            },
+            stroke: {
+                show: true,
+                width: 2,
+                colors: ['transparent']
+            },
+            series: [{
+                name: 'Net Profit',
+                data: [44, 55, 57, 56, 61, 58, 63, 60, 66]
+            }, {
+                name: 'Revenue',
+                data: [76, 85, 101, 98, 87, 105, 91, 114, 94]
+            }, {
+                name: 'Free Cash Flow',
+                data: [35, 41, 36, 26, 45, 48, 52, 53, 41]
+            }],
+            xaxis: {
+                categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct'],
+            },
+            yaxis: {
+                title: {
+                    text: '$ (thousands)'
+                }
+            },
+            fill: {
+                opacity: 1
+
+            },
+            tooltip: {
+                y: {
+                    formatter: function (val) {
+                        return "$ " + val + " thousands"
+                    }
+                }
+            }
+        }
+
+        var chart = new ApexCharts(
+            document.querySelector("#apex_chart_four"),
+            options
+        );
+
+        chart.render();
+    }
+
+    function apex_chart_five() {
+        var options = {
+            chart: {
+                height: 350,
+                type: 'bar',
+                stacked: true,
+                stackType: '100%'
+            },
+            responsive: [{
+                breakpoint: 480,
+                options: {
+                    legend: {
+                        position: 'bottom',
+                        offsetX: -10,
+                        offsetY: 0
+                    }
+                }
+            }],
+            series: [{
+                name: 'PRODUCT A',
+                data: [44, 55, 41, 67, 22, 43, 21, 49]
+            },{
+                name: 'PRODUCT B',
+                data: [13, 23, 20, 8, 13, 27, 33, 12]
+            },{
+                name: 'PRODUCT C',
+                data: [11, 17, 15, 15, 21, 14, 15, 13]
+            }],
+            xaxis: {
+                categories: ['2011 Q1', '2011 Q2', '2011 Q3', '2011 Q4', '2012 Q1', '2012 Q2', '2012 Q3', '2012 Q4'],
+            },
+            fill: {
+                opacity: 1
+            },
+
+            legend: {
+                position: 'right',
+                offsetX: 0,
+                offsetY: 50
+            },
+        }
+
+        var chart = new ApexCharts(
+            document.querySelector("#apex_chart_five"),
+            options
+        );
+
+        chart.render();
+    }
+
+    function apex_chart_six() {
+        var options = {
+            chart: {
+                height: 380,
+                type: 'bar'
+            },
+            plotOptions: {
+                bar: {
+                    barHeight: '100%',
+                    distributed: true,
+                    horizontal: true,
+                    dataLabels: {
+                        position: 'bottom'
+                    },
+                }
+            },
+            colors: ['#33b2df', '#546E7A', '#d4526e', '#13d8aa', '#A5978B', '#2b908f', '#f9a3a4', '#90ee7e', '#f48024', '#69d2e7'],
+            dataLabels: {
+                enabled: true,
+                textAnchor: 'start',
+                style: {
+                    colors: ['#fff']
+                },
+                formatter: function(val, opt) {
+                    return opt.w.globals.labels[opt.dataPointIndex] + ":  " + val
+                },
+                offsetX: 0,
+                dropShadow: {
+                    enabled: true
+                }
+            },
+            series: [{
+                data: [400, 430, 448, 470, 540, 580, 690, 1100, 1200, 1380]
+            }],
+            stroke: {
+                width: 1,
+                colors: ['#fff']
+            },
+            xaxis: {
+                categories: ['South Korea', 'Canada', 'United Kingdom', 'Netherlands', 'Italy', 'France', 'Japan', 'United States', 'China', 'India'],
+            },
+            yaxis: {
+                labels: {
+                    show: false
+                }
+            },
+            title: {
+                text: 'Custom DataLabels',
+                align: 'center',
+                floating: true
+            },
+            subtitle: {
+                text: 'Category Names as DataLabels inside bars',
+                align: 'center',
+            },
+            tooltip: {
+                theme: 'dark',
+                x: {
+                    show: false
+                },
+                y: {
+                    title: {
+                        formatter: function() {
+                            return ''
+                        }
+                    }
+                }
+            }
+        }
+
+        var chart = new ApexCharts(
+            document.querySelector("#apex_chart_six"),
+            options
+        );
+
+        chart.render();
+    }
+
+    function apex_chart_seven() {
+        var options = {
+            chart: {
+                width: 380,
+                type: 'pie',
+            },
+            labels: ['Team A', 'Team B', 'Team C', 'Team D', 'Team E'],
+            series: [44, 55, 13, 43, 22],
+            responsive: [{
+                breakpoint: 480,
+                options: {
+                    chart: {
+                        width: 200
+                    },
+                    legend: {
+                        position: 'bottom'
+                    }
+                }
+            }]
+        }
+
+        var chart = new ApexCharts(
+            document.querySelector("#apex_chart_seven"),
+            options
+        );
+
+        chart.render();
+    }
+
+    function apex_chart_eight() {
+        function generateData(baseval, count, yrange) {
+            var i = 0;
+            var series = [];
+            while (i < count) {
+                var x = Math.floor(Math.random() * (750 - 1 + 1)) + 1;;
+                var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+                var z = Math.floor(Math.random() * (75 - 15 + 1)) + 15;
+
+                series.push([x, y, z]);
+                baseval += 86400000;
+                i++;
+            }
+            return series;
+        }
+
+
+        var options = {
+            chart: {
+                height: 350,
+                type: 'bubble',
+            },
+            dataLabels: {
+                enabled: false
+            },
+            series: [{
+                name: 'Bubble1',
+                data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {
+                    min: 10,
+                    max: 60
+                })
+            },
+                {
+                    name: 'Bubble2',
+                    data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {
+                        min: 10,
+                        max: 60
+                    })
+                },
+                {
+                    name: 'Bubble3',
+                    data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {
+                        min: 10,
+                        max: 60
+                    })
+                },
+                {
+                    name: 'Bubble4',
+                    data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {
+                        min: 10,
+                        max: 60
+                    })
+                }
+            ],
+            fill: {
+                opacity: 0.8
+            },
+            title: {
+                text: 'Simple Bubble Chart'
+            },
+            xaxis: {
+                tickAmount: 12,
+                type: 'category',
+            },
+            yaxis: {
+                max: 70
+            }
+        }
+
+        var chart = new ApexCharts(
+            document.querySelector("#apex_chart_eight"),
+            options
+        );
+
+        chart.render();
+    }
+
+    function apex_chart_nine() {
+        var options = {
+            chart: {
+                height: 350,
+                type: 'radar',
+                dropShadow: {
+                    enabled: true,
+                    blur: 1,
+                    left: 1,
+                    top: 1
+                }
+            },
+            series: [{
+                name: 'Series 1',
+                data: [80, 50, 30, 40, 100, 20],
+            }, {
+                name: 'Series 2',
+                data: [20, 30, 40, 80, 20, 80],
+            }, {
+                name: 'Series 3',
+                data: [44, 76, 78, 13, 43, 10],
+            }],
+            title: {
+                text: 'Radar Chart - Multi Series'
+            },
+            stroke: {
+                width: 0
+            },
+            fill: {
+                opacity: 0.4
+            },
+            markers: {
+                size: 0
+            },
+            labels: ['2011', '2012', '2013', '2014', '2015', '2016']
+        }
+
+        var chart = new ApexCharts(
+            document.querySelector("#apex_chart_nine"),
+            options
+        );
+
+        chart.render();
+
+        function update() {
+
+            function randomSeries() {
+                var arr = []
+                for(var i = 0; i < 6; i++) {
+                    arr.push(Math.floor(Math.random() * 100))
+                }
+
+                return arr
+            }
+
+
+            chart.updateSeries([{
+                name: 'Series 1',
+                data: randomSeries(),
+            }, {
+                name: 'Series 2',
+                data: randomSeries(),
+            }, {
+                name: 'Series 3',
+                data: randomSeries(),
+            }])
+        }
+    }
+
+});
Index: public/assets/js/examples/charts/chartjs.js
===================================================================
--- public/assets/js/examples/charts/chartjs.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/examples/charts/chartjs.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,228 @@
+'use strict';
+$(document).ready(function () {
+
+    var colors = {
+        primary: $('.colors .bg-primary').css('background-color'),
+        primaryLight: $('.colors .bg-primary-bright').css('background-color'),
+        secondary: $('.colors .bg-secondary').css('background-color'),
+        secondaryLight: $('.colors .bg-secondary-bright').css('background-color'),
+        info: $('.colors .bg-info').css('background-color'),
+        infoLight: $('.colors .bg-info-bright').css('background-color'),
+        success: $('.colors .bg-success').css('background-color'),
+        successLight: $('.colors .bg-success-bright').css('background-color'),
+        danger: $('.colors .bg-danger').css('background-color'),
+        dangerLight: $('.colors .bg-danger-bright').css('background-color'),
+        warning: $('.colors .bg-warning').css('background-color'),
+        warningLight: $('.colors .bg-warning-bright').css('background-color'),
+    };
+
+    chartjs_one();
+
+    chartjs_two();
+
+    chartjs_three();
+
+    chartjs_four();
+
+    chartjs_five();
+
+    chartjs_six();
+
+    function chartjs_one() {
+        var element = document.getElementById("chartjs_one");
+        element.height = 100;
+        new Chart(element, {
+            type: 'bar',
+            data: {
+                labels: ["Africa", "Asia", "Europe", "Latin America", "North America"],
+                datasets: [
+                    {
+                        label: "Population (millions)",
+                        backgroundColor: [
+                            colors.primary,
+                            colors.secondary,
+                            colors.success,
+                            colors.warning,
+                            colors.info
+                        ],
+                        data: [2478,3267,1734,2084,3000]
+                    }
+                ]
+            },
+            options: {
+                legend: { display: false },
+                title: {
+                    display: true,
+                    text: 'Predicted world population (millions) in 2050'
+                }
+            }
+        });
+    }
+
+    function chartjs_two() {
+        var element = document.getElementById("chartjs_two");
+        element.height = 100;
+        new Chart(element, {
+            type: 'line',
+            data: {
+                labels: ["January", "February", "March", "April", "May", "June", "July"],
+                datasets: [{
+                    data: [65, 0, 80, 81, 56, 85, 40],
+                    label: "Africa",
+                    borderColor: colors.primary,
+                    backgroundColor: colors.primaryLight,
+                }, {
+                    data: [25, 55, 20, 31, 96, 35, 80],
+                    label: "Asia",
+                    borderColor: colors.success,
+                    backgroundColor: colors.successLight,
+                }
+                ]
+            },
+            options: {
+                title: {
+                    display: true,
+                    text: 'World population per region (in millions)'
+                }
+            }
+        });
+    }
+
+    function chartjs_three() {
+        var element = document.getElementById("chartjs_three");
+        element.height = 100;
+        new Chart(element, {
+            type: 'pie',
+            data: {
+                labels: ["Africa", "Asia", "Europe", "Latin America", "North America"],
+                datasets: [{
+                    label: "Population (millions)",
+                    borderWidth: 5,
+                    backgroundColor: [
+                        colors.primary,
+                        colors.secondary,
+                        colors.success,
+                        colors.warning,
+                        colors.info
+                    ],
+                    data: [2478,3267,734,1784,933]
+                }]
+            },
+            options: {
+                title: {
+                    display: true,
+                    text: 'Predicted world population (millions) in 2050'
+                }
+            }
+        });
+    }
+
+    function chartjs_four() {
+        var element = document.getElementById("chartjs_four");
+        element.height = 100;
+        new Chart(element, {
+            type: 'radar',
+            data: {
+                labels: ["Africa", "Asia", "Europe", "Latin America", "North America"],
+                datasets: [
+                    {
+                        label: "1950",
+                        fill: true,
+                        backgroundColor: colors.primaryLight,
+                        borderColor: colors.primary,
+                        pointBorderColor: "#fff",
+                        data: [8.77,55.61,21.69,6.62,6.82]
+                    }, {
+                        label: "2050",
+                        fill: true,
+                        backgroundColor: colors.successLight,
+                        borderColor: colors.success,
+                        pointBorderColor: "#fff",
+                        data: [25.48,54.16,7.61,8.06,4.45]
+                    }
+                ]
+            },
+            options: {
+                title: {
+                    display: true,
+                    text: 'Distribution in % of world population'
+                }
+            }
+        });
+    }
+
+    function chartjs_five() {
+        var element = document.getElementById("chartjs_five");
+        element.height = 100;
+        new Chart(element, {
+            type: 'horizontalBar',
+            data: {
+                labels: ["Africa", "Asia", "Europe", "Latin America", "North America"],
+                datasets: [
+                    {
+                        label: "Population (millions)",
+                        backgroundColor: [
+                            colors.primary,
+                            colors.secondary,
+                            colors.success,
+                            colors.warning,
+                            colors.info
+                        ],
+                        data: [2478,5267,734,784,433]
+                    }
+                ]
+            },
+            options: {
+                legend: { display: false },
+                title: {
+                    display: true,
+                    text: 'Predicted world population (millions) in 2050'
+                }
+            }
+        });
+    }
+
+    function chartjs_six() {
+        var element = document.getElementById("chartjs_six");
+        element.height = 100;
+        new Chart(element, {
+            type: 'bar',
+            data: {
+                labels: ["1900", "1950", "1999", "2050"],
+                datasets: [{
+                    label: "Europe",
+                    type: "line",
+                    borderColor: colors.warning,
+                    data: [408,547,675,734],
+                    fill: false
+                }, {
+                    label: "Africa",
+                    type: "line",
+                    borderColor: colors.success,
+                    data: [133,221,783,2478],
+                    fill: false
+                }, {
+                    label: "Europe",
+                    type: "bar",
+                    backgroundColor: colors.secondary,
+                    data: [408,547,675,734],
+                }, {
+                    label: "Africa",
+                    type: "bar",
+                    backgroundColor: colors.primary,
+                    backgroundColorHover: "#3e95cd",
+                    data: [133,221,783,2478]
+                }
+                ]
+            },
+            options: {
+                title: {
+                    display: true,
+                    text: 'Population growth (millions): Europe & Africa'
+                },
+                legend: { display: false }
+            }
+        });
+    }
+
+});
Index: public/assets/js/examples/charts/justgage.js
===================================================================
--- public/assets/js/examples/charts/justgage.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/examples/charts/justgage.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,243 @@
+'use strict';
+$(document).ready(function () {
+
+    var colors = {
+        primary: $('.colors .bg-primary').css('background-color'),
+        primaryLight: $('.colors .bg-primary-bright').css('background-color'),
+        secondary: $('.colors .bg-secondary').css('background-color'),
+        secondaryLight: $('.colors .bg-secondary-bright').css('background-color'),
+        info: $('.colors .bg-info').css('background-color'),
+        infoLight: $('.colors .bg-info-bright').css('background-color'),
+        success: $('.colors .bg-success').css('background-color'),
+        successLight: $('.colors .bg-success-bright').css('background-color'),
+        danger: $('.colors .bg-danger').css('background-color'),
+        dangerLight: $('.colors .bg-danger-bright').css('background-color'),
+        warning: $('.colors .bg-warning').css('background-color'),
+        warningLight: $('.colors .bg-warning-bright').css('background-color'),
+    };
+
+    var valueFontColor = "black";
+
+    if($('body').hasClass('dark')){
+        valueFontColor = "white";
+    }
+
+    function init() {
+        new JustGage({
+            id: "justgage_one",
+            value: 90,
+            min: 0,
+            max: 100,
+            counter: true,
+            donut: true,
+            gaugeWidthScale: 0.3,
+            valueFontColor: valueFontColor,
+            levelColors: [colors.primary],
+            label: "Users",
+        });
+
+        // Delete the extra added element when the page is resized.
+        $('#justgage_one > svg + svg').remove();
+
+        new JustGage({
+            id: "justgage_two",
+            value: 46,
+            min: 0,
+            max: 100,
+            counter: true,
+            donut: true,
+            gaugeWidthScale: 0.3,
+            valueFontColor: valueFontColor,
+            levelColors: [colors.success],
+            label: "Customers",
+        });
+
+        // Delete the extra added element when the page is resized.
+        $('#justgage_two > svg + svg').remove();
+
+        new JustGage({
+            id: "justgage_three",
+            value: 10,
+            min: 0,
+            max: 100,
+            counter: true,
+            donut: true,
+            gaugeWidthScale: 0.3,
+            valueFontColor: valueFontColor,
+            levelColors: [colors.info],
+            label: "Visitor",
+        });
+
+        // Delete the extra added element when the page is resized.
+        $('#justgage_three > svg + svg').remove();
+
+        new JustGage({
+            id: 'justgage_four',
+            value: 155,
+            min: 0,
+            max: 250,
+            symbol: 'mph',
+            pointer: true,
+            gaugeWidthScale: 0.3,
+            pointerOptions: {
+                color: colors.primary,
+                stroke: colors.primary
+            },
+            counter: true,
+            relativeGaugeSize: true,
+            valueFontColor: valueFontColor,
+            levelColors: [colors.warning],
+            donut: true
+        });
+
+        // Delete the extra added element when the page is resized.
+        $('#justgage_four > svg + svg').remove();
+
+        new JustGage({
+            id: 'justgage_five',
+            value: 25,
+            min: 0,
+            max: 100,
+            symbol: '%',
+            pointer: true,
+            pointerOptions: {
+                toplength: -15,
+                bottomlength: 10,
+                bottomwidth: 12,
+                color: colors.primary,
+                stroke: colors.primary,
+                stroke_width: 3,
+                stroke_linecap: 'round'
+            },
+            gaugeWidthScale: 0.3,
+            counter: true,
+            relativeGaugeSize: true,
+            valueFontColor: valueFontColor,
+            levelColors: [colors.danger],
+            donut: true,
+        });
+
+        // Delete the extra added element when the page is resized.
+        $('#justgage_five > svg + svg').remove();
+
+        new JustGage({
+            id: 'justgage_six',
+            value: 86,
+            min: 0,
+            max: 100,
+            symbol: 'kWh',
+            pointer: true,
+            gaugeWidthScale: 0.3,
+            pointerOptions: {
+                toplength: 10,
+                bottomlength: 10,
+                bottomwidth: 8,
+                color: colors.primary
+            },
+            counter: true,
+            relativeGaugeSize: true,
+            valueFontColor: valueFontColor,
+            levelColors: [colors.secondary],
+            donut: true
+        });
+
+        // Delete the extra added element when the page is resized.
+        $('#justgage_six > svg + svg').remove();
+
+        var justgage_seven = new JustGage({
+            id: "justgage_seven",
+            value: 275,
+            min: 0,
+            max: 500,
+            label: "Visitors On Site",
+            valueFontColor: valueFontColor,
+            levelColors: [colors.info],
+        });
+
+        // Delete the extra added element when the page is resized.
+        $('#justgage_seven > svg + svg').remove();
+
+        var justgage_eight = new JustGage({
+            id: "justgage_eight",
+            value: 120,
+            min: 0,
+            max: 500,
+            label: "Memory Usage",
+            pointer: true,
+            pointerOptions: {
+                toplength: -15,
+                bottomlength: 10,
+                bottomwidth: 12,
+                color: colors.primary,
+                stroke: colors.primary,
+                stroke_width: 3,
+                stroke_linecap: 'round'
+            },
+            valueFontColor: valueFontColor
+        });
+
+        // Delete the extra added element when the page is resized.
+        $('#justgage_eight > svg + svg').remove();
+
+        var justgage_nine = new JustGage({
+            id: 'justgage_nine',
+            value: 25,
+            min: 0,
+            max: 100,
+            symbol: '%',
+            pointer: true,
+            pointerOptions: {
+                toplength: -15,
+                bottomlength: 10,
+                bottomwidth: 12,
+                color: colors.primary,
+                stroke: colors.primary,
+                stroke_width: 3,
+                stroke_linecap: 'round'
+            },
+            gaugeWidthScale: 0.3,
+            counter: true,
+            relativeGaugeSize: true,
+            valueFontColor: valueFontColor
+        });
+
+        // Delete the extra added element when the page is resized.
+        $('#justgage_nine > svg + svg').remove();
+
+        var justgage_ten = new JustGage({
+            id: 'justgage_ten',
+            value: 70,
+            min: 0,
+            max: 100,
+            symbol: 'Kg',
+            pointerOptions: {
+                toplength: 8,
+                bottomlength: -20,
+                bottomwidth: 6,
+                color: '#8e8e93'
+            },
+            gaugeWidthScale: 0.3,
+            counter: true,
+            relativeGaugeSize: true,
+            valueFontColor: valueFontColor,
+            levelColors: [colors.success],
+        });
+
+        // Delete the extra added element when the page is resized.
+        $('#justgage_ten > svg + svg').remove();
+
+        setInterval(function () {
+            justgage_seven.refresh(getRandomInt(0, 500));
+            justgage_eight.refresh(getRandomInt(0, 500));
+            justgage_nine.refresh(getRandomInt(0, 100));
+            justgage_ten.refresh(getRandomInt(0, 100));
+        }, 2000);
+    }
+
+    init();
+
+    $(window).on('resize', function () {
+        init();
+    });
+
+});
Index: public/assets/js/examples/charts/morsis.js
===================================================================
--- public/assets/js/examples/charts/morsis.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/examples/charts/morsis.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,49 @@
+'use strict';
+$(document).ready(function () {
+
+    var data = [
+            { y: '2014', a: 50, b: 90},
+            { y: '2015', a: 65,  b: 75},
+            { y: '2016', a: 50,  b: 50},
+            { y: '2017', a: 75,  b: 60},
+            { y: '2018', a: 80,  b: 65},
+            { y: '2019', a: 90,  b: 70},
+            { y: '2020', a: 100, b: 75},
+            { y: '2021', a: 115, b: 75},
+            { y: '2022', a: 120, b: 85},
+            { y: '2023', a: 145, b: 85},
+            { y: '2024', a: 160, b: 95}
+        ],
+        config = {
+            data: data,
+            xkey: 'y',
+            ykeys: ['a', 'b'],
+            labels: ['Total Income', 'Total Outcome'],
+            fillOpacity: 0.6,
+            hideHover: 'auto',
+            behaveLikeLine: true,
+            resize: true,
+            pointFillColors:['#ffffff'],
+            pointStrokeColors: ['black'],
+            lineColors:['gray','red']
+        };
+    config.element = 'area-chart';
+    Morris.Area(config);
+    config.element = 'line-chart';
+    Morris.Line(config);
+    config.element = 'bar-chart';
+    Morris.Bar(config);
+    config.element = 'stacked';
+    config.stacked = true;
+    Morris.Bar(config);
+    Morris.Donut({
+        element: 'pie-chart',
+        data: [
+            {label: "Friends", value: 30},
+            {label: "Allies", value: 15},
+            {label: "Enemies", value: 45},
+            {label: "Neutral", value: 10}
+        ]
+    });
+
+});
Index: public/assets/js/examples/charts/peity.js
===================================================================
--- public/assets/js/examples/charts/peity.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/examples/charts/peity.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,151 @@
+'use strict';
+$(document).ready(function () {
+
+    var colors = {
+        primary: $('.colors .bg-primary').css('background-color'),
+        primaryLight: $('.colors .bg-primary-bright').css('background-color'),
+        secondary: $('.colors .bg-secondary').css('background-color'),
+        secondaryLight: $('.colors .bg-secondary-bright').css('background-color'),
+        info: $('.colors .bg-info').css('background-color'),
+        infoLight: $('.colors .bg-info-bright').css('background-color'),
+        success: $('.colors .bg-success').css('background-color'),
+        successLight: $('.colors .bg-success-bright').css('background-color'),
+        danger: $('.colors .bg-danger').css('background-color'),
+        dangerLight: $('.colors .bg-danger-bright').css('background-color'),
+        warning: $('.colors .bg-warning').css('background-color'),
+        warningLight: $('.colors .bg-warning-bright').css('background-color'),
+    };
+
+    $("span.pie").peity("pie");
+
+    $(".pie-1").peity("pie", {
+        "fill": [colors.primary, colors.primaryLight],
+        "radius": 30
+    });
+
+    $(".pie-2").peity("pie", {
+        "fill": [colors.secondary, colors.secondaryLight],
+        "radius": 30
+    });
+
+    $(".pie-3").peity("pie", {
+        "fill": [colors.success, colors.successLight],
+        "radius": 30
+    });
+
+    $(".pie-4").peity("pie", {
+        "fill": [colors.danger, colors.dangerLight],
+        "radius": 30
+    });
+
+    $(".pie-5").peity("pie", {
+        "fill": [colors.warning, colors.warningLight],
+        "radius": 30
+    });
+
+    $(".pie-6").peity("pie", {
+        "fill": [colors.primary, colors.primaryLight],
+        "radius": 30,
+        "innerRadius": 20
+    });
+
+    $(".pie-7").peity("pie", {
+        "fill": [colors.secondary, colors.secondaryLight],
+        "radius": 30,
+        "innerRadius": 20
+    });
+
+    $(".pie-8").peity("pie", {
+        "fill": [colors.success, colors.successLight],
+        "radius": 30,
+        "innerRadius": 20
+    });
+
+    $(".pie-9").peity("pie", {
+        "fill": [colors.danger, colors.dangerLight],
+        "radius": 30,
+        "innerRadius": 20
+    });
+
+    $(".pie-10").peity("pie", {
+        "fill": [colors.warning, colors.warningLight],
+        "radius": 30,
+        "innerRadius": 20
+    });
+
+    $(".line-1").peity("line", {
+        "fill": colors.primaryLight,
+        "stroke": colors.primary,
+        "height": 80,
+        "width": 100
+    });
+
+    $(".line-2").peity("line", {
+        "fill": colors.secondaryLight,
+        "stroke": colors.secondary,
+        "height": 80,
+        "width": 100
+    });
+
+    $(".line-3").peity("line", {
+        "fill": colors.secondaryLight,
+        "stroke": colors.success,
+        "height": 80,
+        "width": 100
+    });
+
+    $(".line-4").peity("line", {
+        "fill": colors.dangerLight,
+        "stroke": colors.danger,
+        "height": 80,
+        "width": 100
+    });
+
+    $(".line-5").peity("line", {
+        "fill": colors.warningLight,
+        "stroke": colors.warning,
+        "height": 80,
+        "width": 100
+    });
+
+    $(".bar-1").peity("bar", {
+        "fill": [colors.primary, colors.primaryLight],
+        "height": 50,
+        "width": 100
+    });
+
+    $(".bar-2").peity("bar", {
+        "fill": [colors.secondary, colors.secondaryLight],
+        "height": 50,
+        "width": 100
+    });
+
+    $(".bar-3").peity("bar", {
+        "fill": [colors.success, colors.successLight],
+        "height": 50,
+        "width": 100
+    });
+
+    $(".bar-4").peity("bar", {
+        "fill": [colors.danger, colors.dangerLight],
+        "height": 50,
+        "width": 100
+    });
+
+    $(".bar-5").peity("bar", {
+        "fill": [colors.warning, colors.warningLight],
+        "height": 50,
+        "width": 100
+    });
+
+    $('.peity [data-title]').mousemove(function (e) {
+        $('#peity-tooltip').html($(this).data('title')).css({left: e.pageX + 8, top: e.pageY + 8});
+    }).hover(
+        function () {
+            $('#peity-tooltip').addClass('show');
+        }, function () {
+            $('#peity-tooltip').removeClass('show');
+        }
+    );
+
+});
Index: public/assets/js/examples/ckeditor.js
===================================================================
--- public/assets/js/examples/ckeditor.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/examples/ckeditor.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,77 @@
+'use strict';
+$(document).ready(function () {
+
+    if($('#editor-demo1').length) {
+        CKEDITOR.replace('editor-demo1');
+    }
+
+    if($('#editor-demo2').length) {
+        CKEDITOR.replace('editor-demo2', {
+            // Define the toolbar groups as it is a more accessible solution.
+            toolbarGroups: [{
+                "name": "basicstyles",
+                "groups": ["basicstyles"]
+            },
+                {
+                    "name": "links",
+                    "groups": ["links"]
+                },
+                {
+                    "name": "paragraph",
+                    "groups": ["list", "blocks"]
+                },
+                {
+                    "name": "insert",
+                    "groups": ["insert"]
+                }
+            ],
+            // Remove the redundant buttons from toolbar groups defined above.
+            removeButtons: 'Underline,Strike,Subscript,Superscript,Anchor,Styles,Specialchar'
+        });
+    }
+
+    if($('#editor-demo3').length) {
+        CKEDITOR.replace('editor-demo3', {
+            uiColor: '#CCEAEE'
+        });
+    }
+
+    if($('#email-compose-editor').length) {
+        CKEDITOR.replace('email-compose-editor', {
+            toolbarGroups: [{
+                "name": "basicstyles",
+                "groups": ["basicstyles"]
+            },
+                {
+                    "name": "links",
+                    "groups": ["links"]
+                },
+                {
+                    "name": "paragraph",
+                    "groups": ["list", "blocks"]
+                },
+                {
+                    "name": "insert",
+                    "groups": ["insert"]
+                }
+            ],
+            removeButtons: 'Underline,Strike,Subscript,Superscript,Anchor,Styles,Specialchar'
+        });
+    }
+
+});
+
+if($('#editor-demo4').length) {
+    CKEDITOR.disableAutoInline = true;
+    CKEDITOR.inline('editor-demo4');
+}
+
+if($('#editor-demo5').length) {
+    CKEDITOR.disableAutoInline = true;
+    CKEDITOR.inline('editor-demo5');
+}
+
+if($('#editor-demo6').length) {
+    CKEDITOR.disableAutoInline = true;
+    CKEDITOR.inline('editor-demo6');
+}
Index: public/assets/js/examples/clockpicker.js
===================================================================
--- public/assets/js/examples/clockpicker.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/examples/clockpicker.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,30 @@
+'use strict';
+$(document).ready(function () {
+
+    $('.clockpicker-demo').clockpicker({
+        donetext: 'Done'
+    });
+
+    $('.clockpicker-autoclose-demo').clockpicker({
+        autoclose: true
+    });
+
+    var input = $('.clockpicker-minutes-demo').clockpicker({
+        placement: 'bottom',
+        align: 'left',
+        autoclose: true,
+        'default': 'now'
+    });
+
+    $(document).on('click', '#check-minutes', function (e) {
+        e.stopPropagation();
+        input.clockpicker('show')
+            .clockpicker('toggleView', 'minutes');
+    });
+
+    $('.create-event-demo').clockpicker({
+        donetext: 'Done',
+        autoclose: true
+    });
+
+});
Index: public/assets/js/examples/colorpicker.js
===================================================================
--- public/assets/js/examples/colorpicker.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/examples/colorpicker.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,45 @@
+'use strict';
+$(document).ready(function () {
+
+    $('.sample-selector').colorpicker();
+
+    $('.sample-selector-2').colorpicker().on('changeColor', function (e) {
+        $('.main-content')[0].style.backgroundColor = e.color.toString('rgba');
+    });
+
+    $('.sample-selector-3').colorpicker({
+        color: "transparent",
+        format: "hex"
+    });
+
+    $('.sample-selector-4').colorpicker({
+        horizontal: true
+    });
+
+    $('.sample-selector-5').colorpicker({
+        colorSelectors: {
+            'black': '#000000',
+            'white': '#ffffff',
+            'red': '#FF0000',
+            'default': '#777777',
+            'primary': '#337ab7',
+            'success': '#5cb85c',
+            'info': '#5bc0de',
+            'warning': '#f0ad4e',
+            'danger': '#d9534f'
+        }
+    });
+
+    $('.sample-selector-rgb').colorpicker({
+        format: 'rgb'
+    });
+
+    $('.sample-selector-hex').colorpicker({
+        format: 'hex'
+    });
+
+    $('.sample-selector-rgba').colorpicker({
+        format: 'rgba'
+    });
+
+});
Index: public/assets/js/examples/dashboard.js
===================================================================
--- public/assets/js/examples/dashboard.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/examples/dashboard.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,1841 @@
+'use strict';
+$(document).ready(function () {
+
+    var colors = {
+        primary: $('.colors .bg-primary').css('background-color').replace('rgb', '').replace(')', '').replace('(', '').split(','),
+        primaryLight: $('.colors .bg-primary-bright').css('background-color').replace('rgb', '').replace(')', '').replace('(', '').split(','),
+        secondary: $('.colors .bg-secondary').css('background-color').replace('rgb', '').replace(')', '').replace('(', '').split(','),
+        secondaryLight: $('.colors .bg-secondary-bright').css('background-color').replace('rgb', '').replace(')', '').replace('(', '').split(','),
+        info: $('.colors .bg-info').css('background-color').replace('rgb', '').replace(')', '').replace('(', '').split(','),
+        infoLight: $('.colors .bg-info-bright').css('background-color').replace('rgb', '').replace(')', '').replace('(', '').split(','),
+        success: $('.colors .bg-success').css('background-color').replace('rgb', '').replace(')', '').replace('(', '').split(','),
+        successLight: $('.colors .bg-success-bright').css('background-color').replace('rgb', '').replace(')', '').replace('(', '').split(','),
+        danger: $('.colors .bg-danger').css('background-color').replace('rgb', '').replace(')', '').replace('(', '').split(','),
+        dangerLight: $('.colors .bg-danger-bright').css('background-color').replace('rgb', '').replace(')', '').replace('(', '').split(','),
+        warning: $('.colors .bg-warning').css('background-color').replace('rgb', '').replace(')', '').replace('(', '').split(','),
+        warningLight: $('.colors .bg-warning-bright').css('background-color').replace('rgb', '').replace(')', '').replace('(', '').split(',')
+    };
+
+    var rgbToHex = function (rgb) {
+        var hex = Number(rgb).toString(16);
+        if (hex.length < 2) {
+            hex = "0" + hex;
+        }
+        return hex;
+    };
+
+    var fullColorHex = function (r, g, b) {
+        var red = rgbToHex(r);
+        var green = rgbToHex(g);
+        var blue = rgbToHex(b);
+        return red + green + blue;
+    };
+
+    colors.primary = '#' + fullColorHex(colors.primary[0], colors.primary[1], colors.primary[2]);
+    colors.secondary = '#' + fullColorHex(colors.secondary[0], colors.secondary[1], colors.secondary[2]);
+    colors.info = '#' + fullColorHex(colors.info[0], colors.info[1], colors.info[2]);
+    colors.success = '#' + fullColorHex(colors.success[0], colors.success[1], colors.success[2]);
+    colors.danger = '#' + fullColorHex(colors.danger[0], colors.danger[1], colors.danger[2]);
+    colors.warning = '#' + fullColorHex(colors.warning[0], colors.warning[1], colors.warning[2]);
+
+    /**
+     *  Slick slide example
+     **/
+
+    if ($('.slick-single-item').length) {
+        $('.slick-single-item').slick({
+            autoplay: true,
+            autoplaySpeed: 3000,
+            infinite: true,
+            slidesToShow: 4,
+            slidesToScroll: 4,
+            prevArrow: '.slick-single-arrows a:eq(0)',
+            nextArrow: '.slick-single-arrows a:eq(1)',
+            responsive: [
+                {
+                    breakpoint: 1300,
+                    settings: {
+                        slidesToShow: 3,
+                        slidesToScroll: 3,
+                    }
+                },
+                {
+                    breakpoint: 992,
+                    settings: {
+                        slidesToShow: 3,
+                        slidesToScroll: 3,
+                    }
+                },
+                {
+                    breakpoint: 768,
+                    settings: {
+                        slidesToShow: 2,
+                        slidesToScroll: 2
+                    }
+                },
+                {
+                    breakpoint: 540,
+                    settings: {
+                        slidesToShow: 1,
+                        slidesToScroll: 1
+                    }
+                }
+            ]
+        });
+    }
+
+    if ($('.reportrange').length > 0) {
+        var start = moment().subtract(29, 'days');
+        var end = moment();
+
+        function cb(start, end) {
+            $('.reportrange .text').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
+        }
+
+        $('.reportrange').daterangepicker({
+            startDate: start,
+            endDate: end,
+            ranges: {
+                'Today': [moment(), moment()],
+                'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
+                'Last 7 Days': [moment().subtract(6, 'days'), moment()],
+                'Last 30 Days': [moment().subtract(29, 'days'), moment()],
+                'This Month': [moment().startOf('month'), moment().endOf('month')],
+                'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
+            }
+        }, cb);
+
+        cb(start, end);
+    }
+
+    var chartColors = {
+        primary: {
+            base: '#3f51b5',
+            light: '#c0c5e4'
+        },
+        danger: {
+            base: '#f2125e',
+            light: '#fcd0df'
+        },
+        success: {
+            base: '#0acf97',
+            light: '#cef5ea'
+        },
+        warning: {
+            base: '#ff8300',
+            light: '#ffe6cc'
+        },
+        info: {
+            base: '#00bcd4',
+            light: '#e1efff'
+        },
+        dark: '#37474f',
+        facebook: '#3b5998',
+        twitter: '#55acee',
+        linkedin: '#0077b5',
+        instagram: '#517fa4',
+        whatsapp: '#25D366',
+        dribbble: '#ea4c89',
+        google: '#DB4437',
+        borderColor: '#e8e8e8',
+        fontColor: '#999'
+    };
+
+    if ($('body').hasClass('dark')) {
+        chartColors.borderColor = 'rgba(255, 255, 255, .1)';
+        chartColors.fontColor = 'rgba(255, 255, 255, .4)';
+    }
+
+    /// Chartssssss
+
+    chart_demo_1();
+
+    chart_demo_2();
+
+    chart_demo_3();
+
+    chart_demo_4();
+
+    chart_demo_5();
+
+    chart_demo_6();
+
+    chart_demo_7();
+
+    chart_demo_8();
+
+    chart_demo_9();
+
+    chart_demo_10();
+
+    function chart_demo_1() {
+        if ($('#chart_demo_1').length) {
+            var element = document.getElementById("chart_demo_1");
+            element.height = 146;
+            new Chart(element, {
+                type: 'bar',
+                data: {
+                    labels: ["2012", "2013", "2014", "2015", "2016", "2017", "2018", "2019"],
+                    datasets: [
+                        {
+                            label: "Total Sales",
+                            backgroundColor: colors.primary,
+                            data: [133, 221, 783, 978, 214, 421, 211, 577]
+                        }, {
+                            label: "Average",
+                            backgroundColor: colors.info,
+                            data: [408, 947, 675, 734, 325, 672, 632, 213]
+                        }
+                    ]
+                },
+                options: {
+                    legend: {
+                        display: false
+                    },
+                    scales: {
+                        xAxes: [{
+                            ticks: {
+                                fontSize: 11,
+                                fontColor: chartColors.fontColor
+                            },
+                            gridLines: {
+                                display: false,
+                            }
+                        }],
+                        yAxes: [{
+                            ticks: {
+                                fontSize: 11,
+                                fontColor: chartColors.fontColor
+                            },
+                            gridLines: {
+                                color: chartColors.borderColor
+                            }
+                        }],
+                    }
+                }
+            })
+        }
+    }
+
+    function chart_demo_2() {
+        if ($('#chart_demo_2').length) {
+            var ctx = document.getElementById('chart_demo_2').getContext('2d');
+            new Chart(ctx, {
+                type: 'line',
+                data: {
+                    labels: ["Jun 2016", "Jul 2016", "Aug 2016", "Sep 2016", "Oct 2016", "Nov 2016", "Dec 2016", "Jan 2017", "Feb 2017", "Mar 2017", "Apr 2017", "May 2017"],
+                    datasets: [{
+                        label: "Rainfall",
+                        backgroundColor: chartColors.primary.light,
+                        borderColor: chartColors.primary.base,
+                        data: [26.4, 39.8, 66.8, 66.4, 40.6, 55.2, 77.4, 69.8, 57.8, 76, 110.8, 142.6],
+                    }]
+                },
+                options: {
+                    legend: {
+                        display: false,
+                        labels: {
+                            fontColor: chartColors.fontColor
+                        }
+                    },
+                    title: {
+                        display: true,
+                        text: 'Precipitation in Toronto',
+                        fontColor: chartColors.fontColor,
+                    },
+                    scales: {
+                        yAxes: [{
+                            gridLines: {
+                                color: chartColors.borderColor
+                            },
+                            ticks: {
+                                fontColor: chartColors.fontColor,
+                                beginAtZero: true
+                            },
+                            scaleLabel: {
+                                display: true,
+                                labelString: 'Precipitation in mm',
+                                fontColor: chartColors.fontColor,
+                            }
+                        }],
+                        xAxes: [{
+                            gridLines: {
+                                color: chartColors.borderColor
+                            },
+                            ticks: {
+                                fontColor: chartColors.fontColor,
+                                beginAtZero: true
+                            }
+                        }]
+                    }
+                }
+            });
+        }
+    }
+
+    function chart_demo_3() {
+        if ($('#chart_demo_3').length) {
+            var element = document.getElementById("chart_demo_3"),
+                ctx = element.getContext("2d");
+
+
+            new Chart(ctx, {
+                type: 'line',
+                data: {
+                    labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
+                    datasets: [{
+                        label: 'Success',
+                        borderColor: colors.success,
+                        data: [-10, 30, -20, 0, 25, 44, 30, 15, 20, 10, 5, -5],
+                        pointRadius: 5,
+                        pointHoverRadius: 7,
+                        borderDash: [2, 2],
+                        fill: false
+                    }, {
+                        label: 'Return',
+                        fill: false,
+                        borderDash: [2, 2],
+                        borderColor: colors.danger,
+                        data: [20, 0, 22, 39, -10, 19, -7, 0, 15, 0, -10, 5],
+                        pointRadius: 5,
+                        pointHoverRadius: 7
+                    }]
+                },
+                options: {
+                    responsive: true,
+                    legend: {
+                        display: false,
+                        labels: {
+                            fontColor: chartColors.fontColor
+                        }
+                    },
+                    title: {
+                        display: false,
+                        fontColor: chartColors.fontColor
+                    },
+                    scales: {
+                        xAxes: [{
+                            gridLines: {
+                                display: false,
+                                color: chartColors.borderColor
+                            },
+                            ticks: {
+                                fontColor: chartColors.fontColor,
+                                display: false
+                            }
+                        }],
+                        yAxes: [{
+                            gridLines: {
+                                color: chartColors.borderColor
+                            },
+                            ticks: {
+                                fontColor: chartColors.fontColor,
+                                min: -50,
+                                max: 50
+                            }
+                        }],
+                    }
+                }
+            });
+
+        }
+    }
+
+    function chart_demo_4() {
+        if ($('#chart_demo_4').length) {
+            var ctx = document.getElementById("chart_demo_4").getContext("2d");
+            var densityData = {
+                backgroundColor: chartColors.primary.light,
+                data: [10, 20, 40, 60, 80, 40, 60, 80, 40, 80, 20, 59]
+            };
+            new Chart(ctx, {
+                type: 'bar',
+                data: {
+                    labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
+                    datasets: [densityData]
+                },
+                options: {
+                    scaleFontColor: "#FFFFFF",
+                    legend: {
+                        display: false,
+                        labels: {
+                            fontColor: chartColors.fontColor
+                        }
+                    },
+                    scales: {
+                        xAxes: [{
+                            gridLines: {
+                                color: chartColors.borderColor
+                            },
+                            ticks: {
+                                fontColor: chartColors.fontColor
+                            }
+                        }],
+                        yAxes: [{
+                            gridLines: {
+                                color: chartColors.borderColor
+                            },
+                            ticks: {
+                                fontColor: chartColors.fontColor,
+                                min: 0,
+                                max: 100,
+                                beginAtZero: true
+                            }
+                        }]
+                    }
+                }
+            });
+        }
+    }
+
+    function chart_demo_5() {
+        if ($('#chart_demo_5').length) {
+            var ctx = document.getElementById('chart_demo_5').getContext('2d');
+            window.myBar = new Chart(ctx, {
+                type: 'bar',
+                data: {
+                    labels: ['January', 'February', 'March', 'April', 'May'],
+                    datasets: [
+                        {
+                            label: 'Dataset 1',
+                            backgroundColor: [
+                                chartColors.info.base,
+                                chartColors.success.base,
+                                chartColors.danger.base,
+                                chartColors.dark,
+                                chartColors.warning.base,
+                            ],
+                            yAxisID: 'y-axis-1',
+                            data: [33, 56, -40, 25, 45]
+                        },
+                        {
+                            label: 'Dataset 2',
+                            backgroundColor: chartColors.info.base,
+                            yAxisID: 'y-axis-2',
+                            data: [23, 86, -40, 5, 45]
+                        }
+                    ]
+                },
+                options: {
+                    legend: {
+                        labels: {
+                            fontColor: chartColors.fontColor
+                        }
+                    },
+                    responsive: true,
+                    title: {
+                        display: true,
+                        text: 'Chart.js Bar Chart - Multi Axis',
+                        fontColor: chartColors.fontColor
+                    },
+                    tooltips: {
+                        mode: 'index',
+                        intersect: true
+                    },
+                    scales: {
+                        xAxes: [{
+                            gridLines: {
+                                color: chartColors.borderColor
+                            },
+                            ticks: {
+                                fontColor: chartColors.fontColor
+                            }
+                        }],
+                        yAxes: [
+                            {
+                                type: 'linear',
+                                display: true,
+                                position: 'left',
+                                id: 'y-axis-1',
+                            },
+                            {
+                                gridLines: {
+                                    color: chartColors.borderColor
+                                },
+                                ticks: {
+                                    fontColor: chartColors.fontColor
+                                }
+                            },
+                            {
+                                type: 'linear',
+                                display: true,
+                                position: 'right',
+                                id: 'y-axis-2',
+                                gridLines: {
+                                    drawOnChartArea: false
+                                },
+                                ticks: {
+                                    fontColor: chartColors.fontColor
+                                }
+                            }
+                        ],
+                    }
+                }
+            });
+        }
+    }
+
+    function chart_demo_6() {
+        if ($('#chart_demo_6').length) {
+            var ctx = document.getElementById("chart_demo_6").getContext("2d");
+            var speedData = {
+                labels: ["0s", "10s", "20s", "30s", "40s", "50s", "60s"],
+                datasets: [{
+                    label: "Car Speed (mph)",
+                    borderColor: chartColors.primary.base,
+                    backgroundColor: 'rgba(0, 0, 0, 0',
+                    data: [0, 59, 75, 20, 20, 55, 40]
+                }]
+            };
+            var chartOptions = {
+                legend: {
+                    scaleFontColor: "#FFFFFF",
+                    position: 'top',
+                    labels: {
+                        fontColor: chartColors.fontColor
+                    }
+                },
+                scales: {
+                    xAxes: [{
+                        gridLines: {
+                            color: chartColors.borderColor
+                        },
+                        ticks: {
+                            fontColor: chartColors.fontColor
+                        }
+                    }],
+                    yAxes: [{
+                        gridLines: {
+                            color: chartColors.borderColor
+                        },
+                        ticks: {
+                            fontColor: chartColors.fontColor
+                        }
+                    }]
+                }
+            };
+            new Chart(ctx, {
+                type: 'line',
+                data: speedData,
+                options: chartOptions
+            });
+        }
+    }
+
+    function chart_demo_7() {
+        if ($('#chart_demo_7').length) {
+            var config = {
+                type: 'pie',
+                data: {
+                    datasets: [{
+                        borderWidth: 3,
+                        borderColor: $('body').hasClass('dark') ? "#313852" : "rgba(255, 255, 255, 1)",
+                        data: [
+                            1242,
+                            742,
+                            442,
+                            1742
+                        ],
+                        backgroundColor: [
+                            colors.danger,
+                            colors.info,
+                            colors.warning,
+                            colors.success
+                        ],
+                        label: 'Dataset 1'
+                    }],
+                    labels: [
+                        'Organic Search',
+                        'Email',
+                        'Refferal',
+                        'Social Media',
+                    ]
+                },
+                options: {
+                    responsive: true,
+                    legend: {
+                        display: false
+                    }
+                }
+            };
+
+            var ctx = document.getElementById('chart_demo_7').getContext('2d');
+            new Chart(ctx, config);
+        }
+    }
+
+    function chart_demo_8() {
+        if ($('#chart_demo_8').length) {
+            new Chart(document.getElementById("chart_demo_8"), {
+                type: 'radar',
+                data: {
+                    labels: ["Africa", "Asia", "Europe", "Latin America", "North America"],
+                    datasets: [
+                        {
+                            label: "1950",
+                            fill: true,
+                            backgroundColor: "rgba(179,181,198,0.2)",
+                            borderColor: "rgba(179,181,198,1)",
+                            pointBorderColor: "#fff",
+                            pointBackgroundColor: "rgba(179,181,198,1)",
+                            data: [-8.77, -55.61, 21.69, 6.62, 6.82]
+                        }, {
+                            label: "2050",
+                            fill: true,
+                            backgroundColor: "rgba(255,99,132,0.2)",
+                            borderColor: "rgba(255,99,132,1)",
+                            pointBorderColor: "#fff",
+                            pointBackgroundColor: "rgba(255,99,132,1)",
+                            data: [-25.48, 54.16, 7.61, 8.06, 4.45]
+                        }
+                    ]
+                },
+                options: {
+                    legend: {
+                        labels: {
+                            fontColor: chartColors.fontColor
+                        }
+                    },
+                    scale: {
+                        gridLines: {
+                            color: chartColors.borderColor
+                        }
+                    },
+                    title: {
+                        display: true,
+                        text: 'Distribution in % of world population',
+                        fontColor: chartColors.fontColor
+                    }
+                }
+            });
+        }
+    }
+
+    function chart_demo_9() {
+        if ($('#chart_demo_9').length) {
+            new Chart(document.getElementById("chart_demo_9"), {
+                type: 'horizontalBar',
+                data: {
+                    labels: ["Africa", "Asia", "Europe", "Latin America", "North America"],
+                    datasets: [
+                        {
+                            label: "Population (millions)",
+                            backgroundColor: colors.primary,
+                            data: [2478, 2267, 734, 1284, 1933]
+                        }
+                    ]
+                },
+                options: {
+                    legend: {
+                        display: false
+                    },
+                    scales: {
+                        xAxes: [{
+                            gridLines: {
+                                color: chartColors.borderColor
+                            },
+                            ticks: {
+                                fontColor: chartColors.fontColor,
+                                display: false
+                            }
+                        }],
+                        yAxes: [{
+                            gridLines: {
+                                color: chartColors.borderColor,
+                                display: false
+                            },
+                            ticks: {
+                                fontColor: chartColors.fontColor
+                            },
+                            barPercentage: 0.5
+                        }]
+                    }
+                }
+            });
+        }
+    }
+
+    function chart_demo_10() {
+        if ($('#chart_demo_10').length) {
+            var element = document.getElementById("chart_demo_10");
+            new Chart(element, {
+                type: 'bar',
+                data: {
+                    labels: ["1900", "1950", "1999", "2050"],
+                    datasets: [
+                        {
+                            label: "Europe",
+                            type: "line",
+                            borderColor: "#8e5ea2",
+                            data: [408, 547, 675, 734],
+                            fill: false
+                        },
+                        {
+                            label: "Africa",
+                            type: "line",
+                            borderColor: "#3e95cd",
+                            data: [133, 221, 783, 2478],
+                            fill: false
+                        },
+                        {
+                            label: "Europe",
+                            type: "bar",
+                            backgroundColor: chartColors.primary.base,
+                            data: [408, 547, 675, 734],
+                        },
+                        {
+                            label: "Africa",
+                            type: "bar",
+                            backgroundColor: chartColors.primary.light,
+                            data: [133, 221, 783, 2478]
+                        }
+                    ]
+                },
+                options: {
+                    title: {
+                        display: true,
+                        text: 'Population growth (millions): Europe & Africa',
+                        fontColor: chartColors.fontColor
+                    },
+                    legend: {
+                        display: true,
+                        labels: {
+                            fontColor: chartColors.fontColor
+                        }
+                    },
+                    scales: {
+                        xAxes: [{
+                            gridLines: {
+                                color: chartColors.borderColor
+                            },
+                            ticks: {
+                                fontColor: chartColors.fontColor
+                            }
+                        }],
+                        yAxes: [{
+                            gridLines: {
+                                color: chartColors.borderColor
+                            },
+                            ticks: {
+                                fontColor: chartColors.fontColor
+                            }
+                        }]
+                    }
+                }
+            });
+        }
+    }
+
+    if ($('#circle-1').length) {
+        $('#circle-1').circleProgress({
+            startAngle: 1.55,
+            value: 0.65,
+            size: 90,
+            thickness: 10,
+            fill: {
+                color: colors.primary
+            }
+        });
+    }
+
+    if ($('#sales-circle-graphic').length) {
+        $('#sales-circle-graphic').circleProgress({
+            startAngle: 1.55,
+            value: 0.65,
+            size: 180,
+            thickness: 30,
+            fill: {
+                color: colors.primary
+            }
+        });
+    }
+
+    if ($('#circle-2').length) {
+        $('#circle-2').circleProgress({
+            startAngle: 1.55,
+            value: 0.35,
+            size: 90,
+            thickness: 10,
+            fill: {
+                color: colors.warning
+            }
+        });
+    }
+
+    ////////////////////////////////////////////
+
+    if ($(".dashboard-pie-1").length) {
+        $(".dashboard-pie-1").peity("pie", {
+            fill: [colors.primaryLight, colors.primary],
+            radius: 30
+        });
+    }
+
+    if ($(".dashboard-pie-2").length) {
+        $(".dashboard-pie-2").peity("pie", {
+            fill: [colors.successLight, colors.success],
+            radius: 30
+        });
+    }
+
+    if ($(".dashboard-pie-3").length) {
+        $(".dashboard-pie-3").peity("pie", {
+            fill: [colors.warningLight, colors.warning],
+            radius: 30
+        });
+    }
+
+    if ($(".dashboard-pie-4").length) {
+        $(".dashboard-pie-4").peity("pie", {
+            fill: [colors.infoLight, colors.info],
+            radius: 30
+        });
+    }
+
+    ////////////////////////////////////////////
+
+    function bar_chart() {
+        if ($('#chart-ticket-status').length > 0) {
+            var dataSource = [
+                {country: "USA", hydro: 59.8, oil: 937.6, gas: 582, coal: 564.3, nuclear: 187.9},
+                {country: "China", hydro: 74.2, oil: 308.6, gas: 35.1, coal: 956.9, nuclear: 11.3},
+                {country: "Russia", hydro: 40, oil: 128.5, gas: 361.8, coal: 105, nuclear: 32.4},
+                {country: "Japan", hydro: 22.6, oil: 241.5, gas: 64.9, coal: 120.8, nuclear: 64.8},
+                {country: "India", hydro: 19, oil: 119.3, gas: 28.9, coal: 204.8, nuclear: 3.8},
+                {country: "Germany", hydro: 6.1, oil: 123.6, gas: 77.3, coal: 85.7, nuclear: 37.8}
+            ];
+
+            // Return with commas in between
+            var numberWithCommas = function (x) {
+                return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+            };
+
+            var dataPack1 = [40, 47, 44, 38, 27, 40, 47, 44, 38, 27, 40, 27];
+            var dataPack2 = [10, 12, 7, 5, 4, 10, 12, 7, 5, 4, 10, 12];
+            var dataPack3 = [17, 11, 22, 18, 12, 17, 11, 22, 18, 12, 17, 11];
+            var dates = ["Jan", "Jan", "Jan", "Apr", "May", "Jun", "Jul", "Aug", "Sept", "Oct", "Nov", "Dec"];
+
+            var bar_ctx = document.getElementById('chart-ticket-status');
+
+            bar_ctx.height = 115;
+
+            new Chart(bar_ctx, {
+                    type: 'bar',
+                    data: {
+                        labels: dates,
+                        datasets: [
+                            {
+                                label: 'New Tickets',
+                                data: dataPack1,
+                                backgroundColor: colors.primary,
+                                hoverBorderWidth: 0
+                            },
+                            {
+                                label: 'Solved Tickets',
+                                data: dataPack2,
+                                backgroundColor: colors.success,
+                                hoverBorderWidth: 0
+                            },
+                            {
+                                label: 'Pending Tickets',
+                                data: dataPack3,
+                                backgroundColor: colors.info,
+                                hoverBorderWidth: 0
+                            },
+                        ]
+                    },
+                    options: {
+                        legend: {
+                            display: false
+                        },
+                        animation: {
+                            duration: 10,
+                        },
+                        tooltips: {
+                            mode: 'label',
+                            callbacks: {
+                                label: function (tooltipItem, data) {
+                                    return data.datasets[tooltipItem.datasetIndex].label + ": " + numberWithCommas(tooltipItem.yLabel);
+                                }
+                            }
+                        },
+                        scales: {
+                            xAxes: [{
+                                stacked: true,
+                                gridLines: {display: false},
+                                ticks: {
+                                    fontSize: 11,
+                                    fontColor: chartColors.fontColor
+                                }
+                            }],
+                            yAxes: [{
+                                stacked: true,
+                                ticks: {
+                                    callback: function (value) {
+                                        return numberWithCommas(value);
+                                    },
+                                    fontSize: 11,
+                                    fontColor: chartColors.fontColor
+                                },
+                            }],
+                        }
+                    },
+                    plugins: [{
+                        beforeInit: function (chart) {
+                            chart.data.labels.forEach(function (value, index, array) {
+                                var a = [];
+                                a.push(value.slice(0, 5));
+                                var i = 1;
+                                while (value.length > (i * 5)) {
+                                    a.push(value.slice(i * 5, (i + 1) * 5));
+                                    i++;
+                                }
+                                array[index] = a;
+                            })
+                        }
+                    }]
+                }
+            );
+        }
+    }
+
+    bar_chart();
+
+    function online_users() {
+        if ($('#online-users').length > 0) {
+            var lastDate = 0;
+            var data = []
+            var TICKINTERVAL = 86400000
+            let XAXISRANGE = 777600000
+
+            function getDayWiseTimeSeries(baseval, count, yrange) {
+                var i = 0;
+                while (i < count) {
+                    var x = baseval;
+                    var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+
+                    data.push({
+                        x, y
+                    });
+                    lastDate = baseval
+                    baseval += TICKINTERVAL;
+                    i++;
+                }
+            }
+
+            getDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 10, {
+                min: 10,
+                max: 90
+            })
+
+            function getNewSeries(baseval, yrange) {
+                var newDate = baseval + TICKINTERVAL;
+                lastDate = newDate
+
+                for (var i = 0; i < data.length - 10; i++) {
+                    // IMPORTANT
+                    // we reset the x and y of the data which is out of drawing area
+                    // to prevent memory leaks
+                    data[i].x = newDate - XAXISRANGE - TICKINTERVAL
+                    data[i].y = 0
+                }
+
+                data.push({
+                    x: newDate,
+                    y: Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min
+                })
+            }
+
+            function resetData() {
+                // Alternatively, you can also reset the data at certain intervals to prevent creating a huge series
+                data = data.slice(data.length - 10, data.length);
+            }
+
+            var options = {
+                series: [{
+                    data: data.slice()
+                }],
+                chart: {
+                    id: 'realtime',
+                    height: 330,
+                    type: 'line',
+                    fontFamily: 'Inter',
+                    toolbar: {
+                        show: false
+                    },
+                    zoom: {
+                        enabled: false
+                    }
+                },
+                dataLabels: {
+                    enabled: false
+                },
+                stroke: {
+                    curve: 'smooth',
+                    width: 3,
+                    colors: ['#ffffff'],
+                },
+                xaxis: {
+                    labels: {
+                        show: false,
+                    },
+                    type: 'datetime',
+                    range: XAXISRANGE,
+                    axisBorder: {
+                        show: false,
+                    }
+                },
+                yaxis: {
+                    show: false,
+                    max: 100
+                },
+                grid: {
+                    show: false,
+                }
+            };
+
+            var chart = new ApexCharts(document.querySelector("#online-users"), options);
+            chart.render();
+
+            window.setInterval(function () {
+                getNewSeries(lastDate, {
+                    min: 10,
+                    max: 90
+                });
+
+                chart.updateSeries([{
+                    data: data
+                }])
+            }, 1000)
+        }
+    }
+
+    online_users();
+
+    function customerGrowth() {
+        if ($('#customer-growth').length > 0) {
+            var options = {
+                chart: {
+                    height: 350,
+                    type: 'area',
+                    offsetX: -20,
+                    offsetY: -10,
+                    width: '103%',
+                    fontFamily: 'Inter',
+                    toolbar: {
+                        show: false,
+                    }
+                },
+                dataLabels: {
+                    enabled: false
+                },
+                colors: [colors.primary],
+                stroke: {
+                    curve: 'smooth',
+                    width: 2,
+                },
+                series: [{
+                    name: 'Sales',
+                    data: [80, 40, 60, 90, 50, 100, 90, 80, 45, 75, 50, 100]
+                }],
+                fill: {
+                    type: 'gradient',
+                    gradient: {
+                        opacityFrom: 0.6,
+                        opacityTo: 0,
+                    }
+                },
+                xaxis: {
+                    categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
+                }
+            };
+
+            var chart = new ApexCharts(
+                document.querySelector("#customer-growth"),
+                options
+            );
+
+            chart.render();
+        }
+    }
+
+    customerGrowth();
+
+    function device_session_chart() {
+        if ($('#device_session_chart').length) {
+
+            var data = [
+                {
+                    name: "Mobile",
+                    data: [90, 152, 138, 145, 120, 123, 140]
+                },
+                {
+                    name: "Tablet",
+                    data: [125, 90, 128, 135, 150, 123, 180]
+                },
+                {
+                    name: "Desktop",
+                    data: [50, 200, 138, 135, 100, 123, 90]
+                }
+            ];
+
+            var options = {
+                chart: {
+                    type: 'area',
+                    fontFamily: 'Inter',
+                    height: 300,
+                    offsetX: -18,
+                    width: '103%',
+                    stacked: true,
+                    events: {
+                        selection: function (chart, e) {
+                            // console.log(new Date(e.xaxis.min))
+                        }
+                    },
+                    toolbar: {
+                        show: false,
+                    }
+
+                },
+                colors: [colors.primary, colors.secondary, colors.success],
+                dataLabels: {
+                    enabled: false
+                },
+                stroke: {
+                    curve: 'smooth',
+                    width: 1
+                },
+                series: data,
+                fill: {
+                    type: 'gradient',
+                    gradient: {
+                        opacityFrom: .6,
+                        opacityTo: 0,
+                    }
+                },
+                legend: {
+                    show: false
+                },
+                xaxis: {
+                    categories: [
+                        "01 Jan",
+                        "02 Jan",
+                        "03 Jan",
+                        "04 Jan",
+                        "05 Jan",
+                        "06 Jan",
+                        "07 Jan"
+                    ]
+                }
+            };
+
+            var chart = new ApexCharts(
+                document.querySelector("#device_session_chart"),
+                options
+            );
+
+            chart.render();
+
+            /*
+              // this function will generate output in this format
+              // data = [
+                  [timestamp, 23],
+                  [timestamp, 33],
+                  [timestamp, 12]
+                  ...
+              ]
+              */
+            function generateDayWiseTimeSeries(baseval, count, yrange) {
+                var i = 0;
+                var series = [];
+                while (i < count) {
+                    var x = baseval;
+                    var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+
+                    series.push([x, y]);
+                    baseval += 86400000;
+                    i++;
+                }
+                return series;
+            }
+        }
+    }
+
+    device_session_chart();
+
+    function analytics_tab1() {
+        if ($('#analytics-tab-1').length) {
+            var options = {
+                series: [{
+                    name: 'Users',
+                    data: [20, 25, 15, 12, 25, 20, 22]
+                }],
+                chart: {
+                    height: 280,
+                    type: 'line',
+                    offsetX: -20,
+                    offsetY: 20,
+                    width: '102%',
+                    fontFamily: 'Inter',
+                    toolbar: {
+                        show: false,
+                    }
+                },
+                stroke: {
+                    width: 3,
+                    curve: 'smooth'
+                },
+                xaxis: {
+                    type: 'datetime',
+                    categories: [
+                        "01 Jan",
+                        "02 Jan",
+                        "03 Jan",
+                        "04 Jan",
+                        "05 Jan",
+                        "06 Jan",
+                        "07 Jan"
+                    ]
+                },
+                fill: {
+                    type: 'gradient',
+                    gradient: {
+                        shade: 'dark',
+                        gradientToColors: [colors.secondary],
+                        shadeIntensity: 1,
+                        type: 'horizontal',
+                        opacityFrom: 1,
+                        opacityTo: 1,
+                        stops: [0, 100, 100, 100]
+                    },
+                }
+            };
+
+            var chart = new ApexCharts(document.querySelector("#analytics-tab-1"), options);
+            chart.render();
+        }
+    }
+
+    analytics_tab1();
+
+    function analytics_tab2() {
+        if ($('#analytics-tab-2').length) {
+            var options = {
+                series: [{
+                    name: 'Conversations',
+                    data: [10, 35, 10, 22, 25, 10, 30]
+                }],
+                chart: {
+                    height: 280,
+                    type: 'line',
+                    offsetX: -20,
+                    offsetY: 20,
+                    width: '102%',
+                    fontFamily: 'Inter',
+                    toolbar: {
+                        show: false,
+                    }
+                },
+                stroke: {
+                    width: 3,
+                    curve: 'smooth'
+                },
+                xaxis: {
+                    type: 'datetime',
+                    categories: [
+                        "01 Jan",
+                        "02 Jan",
+                        "03 Jan",
+                        "04 Jan",
+                        "05 Jan",
+                        "06 Jan",
+                        "07 Jan"
+                    ]
+                },
+                fill: {
+                    type: 'gradient',
+                    gradient: {
+                        shade: 'dark',
+                        gradientToColors: [colors.secondary],
+                        shadeIntensity: 1,
+                        type: 'horizontal',
+                        opacityFrom: 1,
+                        opacityTo: 1,
+                        stops: [0, 100, 100, 100]
+                    },
+                }
+            };
+
+            var chart = new ApexCharts(document.querySelector("#analytics-tab-2"), options);
+            chart.render();
+        }
+    }
+
+    analytics_tab2();
+
+    function analytics_tab3() {
+        if ($('#analytics-tab-3').length) {
+            var options = {
+                series: [{
+                    name: 'Bounce Rate',
+                    data: [20.5, 30.6, 25.6, 22.6, 25.1, 15.5, 18.0]
+                }],
+                chart: {
+                    height: 280,
+                    type: 'line',
+                    offsetX: -20,
+                    offsetY: 20,
+                    width: '102%',
+                    fontFamily: 'Inter',
+                    toolbar: {
+                        show: false,
+                    }
+                },
+                stroke: {
+                    width: 3,
+                    curve: 'smooth'
+                },
+                xaxis: {
+                    type: 'datetime',
+                    categories: [
+                        "01 Jan",
+                        "02 Jan",
+                        "03 Jan",
+                        "04 Jan",
+                        "05 Jan",
+                        "06 Jan",
+                        "07 Jan"
+                    ]
+                },
+                fill: {
+                    type: 'gradient',
+                    gradient: {
+                        shade: 'dark',
+                        gradientToColors: [colors.secondary],
+                        shadeIntensity: 1,
+                        type: 'horizontal',
+                        opacityFrom: 1,
+                        opacityTo: 1,
+                        stops: [0, 100, 100, 100]
+                    },
+                },
+                tooltip: {
+                    y: {
+                        formatter: function (val) {
+                            return "%" + val
+                        }
+                    }
+                }
+            };
+
+            var chart = new ApexCharts(document.querySelector("#analytics-tab-3"), options);
+            chart.render();
+        }
+    }
+
+    analytics_tab3();
+
+    function analytics_tab4() {
+        if ($('#analytics-tab-4').length) {
+            var options = {
+                series: [{
+                    name: 'Session Duration',
+                    data: [25, 30, 25, 32, 25, 30, 18]
+                }],
+                chart: {
+                    height: 280,
+                    type: 'line',
+                    offsetX: -20,
+                    offsetY: 20,
+                    width: '102%',
+                    fontFamily: 'Inter',
+                    toolbar: {
+                        show: false,
+                    }
+                },
+                stroke: {
+                    width: 3,
+                    curve: 'smooth'
+                },
+                xaxis: {
+                    type: 'datetime',
+                    categories: [
+                        "01 Jan 2020 18:50",
+                        "02 Jan 2020 18:50",
+                        "03 Jan 2020 18:50",
+                        "04 Jan 2020 18:50",
+                        "05 Jan 2020 18:50",
+                        "06 Jan 2020 18:50",
+                        "07 Jan 2020 18:50"
+                    ]
+                },
+                fill: {
+                    type: 'gradient',
+                    gradient: {
+                        shade: 'dark',
+                        gradientToColors: [colors.secondary],
+                        shadeIntensity: 1,
+                        type: 'horizontal',
+                        opacityFrom: 1,
+                        opacityTo: 1,
+                        stops: [0, 100, 100, 100]
+                    },
+                }
+            };
+
+            var chart = new ApexCharts(document.querySelector("#analytics-tab-4"), options);
+            chart.render();
+        }
+    }
+
+    analytics_tab4();
+
+    function chart1() {
+        if ($('#chart1').length) {
+            var options = {
+                chart: {
+                    type: 'bar',
+                    toolbar: {
+                        show: false
+                    }
+                },
+                plotOptions: {
+                    bar: {
+                        horizontal: false,
+                        columnWidth: '55%',
+                        backgroundBarColors: ['red']
+                    },
+                },
+                dataLabels: {
+                    enabled: false
+                },
+                stroke: {
+                    show: true,
+                    width: 1,
+                    colors: ['transparent']
+                },
+                colors: [colors.secondary, colors.info, colors.warning],
+                series: [{
+                    name: 'Net Profit',
+                    data: [44, 55, 57, 56, 61, 58, 63, 60, 66]
+                }, {
+                    name: 'Revenue',
+                    data: [76, 85, 101, 98, 87, 105, 91, 114, 94]
+                }, {
+                    name: 'Free Cash Flow',
+                    data: [35, 41, 36, 26, 45, 48, 52, 53, 41]
+                }],
+                xaxis: {
+                    categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct'],
+                },
+                legend: {
+                    position: 'bottom',
+                    offsetY: -10
+                },
+                tooltip: {
+                    y: {
+                        formatter: function (val) {
+                            return "$ " + val + " thousands"
+                        }
+                    }
+                }
+            };
+
+            var chart = new ApexCharts(
+                document.querySelector("#chart1"),
+                options
+            );
+
+            chart.render();
+        }
+    }
+
+    chart1();
+
+    function widget_chart1() {
+        if ($('#widget-chart1').length) {
+            var ctx = document.getElementById("widget-chart1");
+            ctx.height = 50;
+            new Chart(ctx.getContext('2d'), {
+                type: 'line',
+                data: {
+                    labels: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sst", "Sun"],
+                    datasets: [{
+                        label: 'data-2',
+                        data: [5, 15, 5, 20, 5, 15, 5],
+                        backgroundColor: "rgba(0,0,255,0)",
+                        borderWidth: 1,
+                        borderColor: colors.success,
+                        pointBorder: false,
+                    }]
+                },
+                options: {
+                    elements: {
+                        point: {
+                            radius: 0
+                        }
+                    },
+                    tooltips: {
+                        enabled: false
+                    },
+                    legend: {
+                        display: false
+                    },
+                    scales: {
+                        yAxes: [{
+                            display: false,
+                        }],
+                        xAxes: [{
+                            display: false
+                        }]
+                    },
+                }
+            });
+        }
+    }
+
+    widget_chart1();
+
+    function widget_chart2() {
+        if ($('#widget-chart2').length) {
+            var ctx = document.getElementById("widget-chart2");
+            ctx.height = 50;
+            var barChart = new Chart(ctx.getContext('2d'), {
+                type: 'line',
+                data: {
+                    labels: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sst", "Sun"],
+                    datasets: [{
+                        label: 'data-2',
+                        data: [5, 10, 10, 10, 5, 15, 10],
+                        backgroundColor: "rgba(0,0,255,0)",
+                        borderColor: colors.warning,
+                        borderWidth: 1,
+                        pointBorder: false,
+                    }]
+                },
+                options: {
+                    elements: {
+                        point: {
+                            radius: 0
+                        }
+                    },
+                    tooltips: {
+                        enabled: false
+                    },
+                    legend: {
+                        display: false
+                    },
+                    scales: {
+                        yAxes: [{
+                            display: false
+                        }],
+                        xAxes: [{
+                            display: false
+                        }]
+                    },
+                }
+            });
+        }
+    }
+
+    widget_chart2();
+
+    function widget_chart3() {
+        if ($('#widget-chart3').length) {
+            var ctx = document.getElementById("widget-chart3");
+            ctx.height = 50;
+            var barChart = new Chart(ctx.getContext('2d'), {
+                type: 'line',
+                data: {
+                    labels: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sst", "Sun"],
+                    datasets: [{
+                        label: 'data-2',
+                        data: [10, 5, 15, 5, 15, 5, 15],
+                        backgroundColor: "rgba(0,0,255,0)",
+                        borderColor: colors.danger,
+                        borderWidth: 1,
+                        pointBorder: false,
+                    }]
+                },
+                options: {
+                    elements: {
+                        point: {
+                            radius: 0
+                        }
+                    },
+                    tooltips: {
+                        enabled: false
+                    },
+                    legend: {
+                        display: false
+                    },
+                    scales: {
+                        yAxes: [{
+                            display: false
+                        }],
+                        xAxes: [{
+                            display: false
+                        }]
+                    },
+                }
+            });
+        }
+    }
+
+    widget_chart3();
+
+    function contactsStatuses() {
+        if ($('#contacts-statuses').length) {
+            var chart = new ApexCharts(
+                document.querySelector("#contacts-statuses"), {
+                    chart: {
+                        width: "100%",
+                        type: 'donut',
+                    },
+                    dataLabels: {
+                        enabled: false
+                    },
+                    stroke: {
+                        width: 3,
+                        colors: $('body').hasClass('dark') ? "#313852" : "rgba(255, 255, 255, 1)",
+                    },
+                    series: [44, 55, 13, 33],
+                    labels: ['New Contact', 'NR1', 'NR2', 'NR3'],
+                    colors: [colors.warning, colors.info, colors.success, colors.danger],
+                    legend: {
+                        position: 'bottom',
+                    }
+                }
+            );
+
+            chart.render();
+        }
+    }
+
+    contactsStatuses();
+
+    function revenue() {
+        if ($('#revenue').length) {
+            var ts2 = 1484418600000;
+            var dates = [];
+            for (var i = 0; i < 120; i++) {
+                ts2 = ts2 + 86400000;
+                var innerArr = [ts2, dataSeries[1][i].value];
+                dates.push(innerArr)
+            }
+
+            var options = {
+                chart: {
+                    type: 'area',
+                    fontFamily: "Inter",
+                    offsetX: -18,
+                    stacked: false,
+                    height: 390,
+                    width: '103%',
+                    toolbar: {
+                        show: false
+                    }
+                },
+                dataLabels: {
+                    enabled: false
+                },
+                series: [{
+                    name: 'Number of orders',
+                    data: dates
+                }],
+                stroke: {
+                    colors: [colors.primary],
+                    width: 2
+                },
+                fill: {
+                    type: 'gradient',
+                    gradient: {
+                        opacityFrom: 0.6,
+                        opacityTo: 0,
+                    }
+                },
+                yaxis: {
+                    labels: {
+                        formatter: function (val) {
+                            return (val / 1000000).toFixed(0);
+                        },
+                    }
+                },
+                xaxis: {
+                    type: 'datetime',
+                },
+
+                tooltip: {
+                    shared: false,
+                    y: {
+                        formatter: function (val) {
+                            return (val / 1000000).toFixed(0)
+                        }
+                    }
+                }
+            };
+
+            var chart = new ApexCharts(
+                document.querySelector("#revenue"),
+                options
+            );
+
+            chart.render();
+        }
+    }
+
+    revenue();
+
+    function hotProducts() {
+        if ($('#hot-products').length) {
+            var options = {
+                series: [44, 55, 13, 36, 30],
+                chart: {
+                    type: 'donut',
+                    fontFamily: "Inter",
+                    offsetY: 30,
+                    height: 250,
+                },
+                colors: [colors.primary, colors.secondary, colors.success, colors.warning, colors.danger],
+                labels: ['Iphone', 'Samsung', 'Huawei', 'General Mobile', 'Xiaomi'],
+                dataLabels: {
+                    enabled: false,
+
+                },
+                stroke: {
+                    colors: $('body').hasClass('dark') ? "#313852" : "#ffffff",
+                },
+                legend: {
+                    show: false
+                }
+            };
+
+            var chart = new ApexCharts(document.querySelector("#hot-products"), options);
+            chart.render();
+        }
+    }
+
+    hotProducts();
+
+    function activityChart() {
+        if ($('#ecommerce-activity-chart').length) {
+            var options = {
+                chart: {
+                    type: 'bar',
+                    fontFamily: "Inter",
+                    offsetX: -18,
+                    height: 312,
+                    width: '103%',
+                    toolbar: {
+                        show: false
+                    }
+                },
+                series: [{
+                    name: 'Comments',
+                    data: [44, 55, 57, 56, 61, 58, 63, 60, 66]
+                }, {
+                    name: 'Product View',
+                    data: [76, 85, 101, 98, 87, 105, 91, 114, 94]
+                }],
+                colors: [colors.secondary, colors.info],
+                plotOptions: {
+                    bar: {
+                        horizontal: false,
+                        columnWidth: '50%',
+                        endingShape: 'rounded'
+                    },
+                },
+                dataLabels: {
+                    enabled: false
+                },
+                stroke: {
+                    show: true,
+                    width: 8,
+                    colors: ['transparent']
+                },
+                xaxis: {
+                    categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct'],
+                },
+                fill: {
+                    opacity: 1
+                },
+                legend: {
+                    position: "top",
+                }
+            };
+
+            var chart = new ApexCharts(
+                document.querySelector("#ecommerce-activity-chart"),
+                options
+            );
+
+            chart.render();
+        }
+    }
+
+    activityChart();
+
+    function projectTasks() {
+        if ($('#project-tasks').length) {
+            var options = {
+                colors: [colors.primary, colors.success, colors.info, colors.warning],
+                chart: {
+                    height: 350,
+                    type: 'bar',
+                    stacked: true,
+                    offsetY: -30,
+                    fontFamily: 'Inter',
+                    toolbar: {
+                        show: false
+                    },
+                    zoom: {
+                        enabled: false
+                    }
+                },
+                plotOptions: {
+                    bar: {
+                        horizontal: false,
+                    },
+                },
+                series: [{
+                    name: 'Project A',
+                    data: [44, 55, 41, 67, 22, 43]
+                }, {
+                    name: 'Project B',
+                    data: [13, 23, 20, 8, 13, 27]
+                }, {
+                    name: 'Project C',
+                    data: [11, 17, 15, 15, 21, 14]
+                }, {
+                    name: 'Project D',
+                    data: [21, 7, 25, 13, 22, 8]
+                }],
+                xaxis: {
+                    type: 'datetime',
+                    categories: ['01/01/2011 GMT', '01/02/2011 GMT', '01/03/2011 GMT', '01/04/2011 GMT', '01/05/2011 GMT', '01/06/2011 GMT'],
+                },
+                legend: {
+                    position: 'bottom',
+                    offsetY: -10
+                },
+                fill: {
+                    opacity: 1
+                },
+            };
+
+            var chart = new ApexCharts(
+                document.querySelector("#project-tasks"),
+                options
+            );
+
+            chart.render();
+        }
+    }
+
+    setInterval(function () {
+        $('#online-users-text').text(Math.round(Math.random() * 100));
+    }, 2000);
+
+    projectTasks();
+
+});
Index: public/assets/js/examples/datatable.js
===================================================================
--- public/assets/js/examples/datatable.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/examples/datatable.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,13 @@
+'use strict';
+$(document).ready(function () {
+
+    $('#example1').DataTable({
+        responsive: true
+    });
+
+    $('#example2').DataTable({
+        "scrollY": "400px",
+        "scrollCollapse": true
+    });
+
+});
Index: public/assets/js/examples/datepicker.js
===================================================================
--- public/assets/js/examples/datepicker.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/examples/datepicker.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,49 @@
+'use strict';
+$(document).ready(function () {
+
+    $('input[name="single-date-picker"]').daterangepicker({
+        singleDatePicker: true,
+        showDropdowns: true
+    });
+
+    $('input[name="simple-date-range-picker"]').daterangepicker();
+
+    $('input[name="simple-date-range-picker-callback"]').daterangepicker({
+        opens: 'left'
+    }, function (start, end, label) {
+        swal("A new date selection was made", start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD'), "success")
+    });
+
+    $('input[name="datetimes"]').daterangepicker({
+        timePicker: true,
+        startDate: moment().startOf('hour'),
+        endDate: moment().startOf('hour').add(32, 'hour'),
+        locale: {
+            format: 'M/DD hh:mm A'
+        }
+    });
+
+    /**
+     * datefilter
+     */
+    var datefilter = $('input[name="datefilter"]');
+    datefilter.daterangepicker({
+        autoUpdateInput: false,
+        locale: {
+            cancelLabel: 'Clear'
+        }
+    });
+
+    datefilter.on('apply.daterangepicker', function(ev, picker) {
+        $(this).val(picker.startDate.format('MM/DD/YYYY') + ' - ' + picker.endDate.format('MM/DD/YYYY'));
+    });
+
+    $('input.create-event-datepicker').daterangepicker({
+        singleDatePicker: true,
+        showDropdowns: true,
+        autoUpdateInput: false
+    }).on('apply.daterangepicker', function(ev, picker) {
+        $(this).val(picker.startDate.format('MM/DD/YYYY'));
+    });
+
+});
Index: public/assets/js/examples/dropzone.js
===================================================================
--- public/assets/js/examples/dropzone.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/examples/dropzone.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,6 @@
+'use strict';
+$(document).ready(function () {
+
+    new Dropzone("#my-awesome-dropzone", {});
+
+});
Index: public/assets/js/examples/form-validator.js
===================================================================
--- public/assets/js/examples/form-validator.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/examples/form-validator.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,17 @@
+(function () {
+    'use strict';
+    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
+        var validation = 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);
+})();
Index: public/assets/js/examples/form-wizard.js
===================================================================
--- public/assets/js/examples/form-wizard.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/examples/form-wizard.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,46 @@
+'use strict';
+$(document).ready(function () {
+
+    $('#wizard1').steps({
+        headerTag: 'h3',
+        bodyTag: 'section',
+        autoFocus: true,
+        titleTemplate: '<span class="wizard-index">#index#</span> #title#'
+    });
+
+    $('#wizard2').steps({
+        headerTag: 'h3',
+        bodyTag: 'section',
+        autoFocus: true,
+        titleTemplate: '<span class="wizard-index">#index#</span> #title#',
+        onStepChanging: function (event, currentIndex, newIndex) {
+            if (currentIndex < newIndex) {
+                var form = document.getElementById('form1'),
+                    form2 = document.getElementById('form2');
+
+                if (currentIndex === 0) {
+                    if (form.checkValidity() === false) {
+                        event.preventDefault();
+                        event.stopPropagation();
+                        form.classList.add('was-validated');
+                    } else {
+                        return true;
+                    }
+                } else if (currentIndex === 1) {
+                    if (form2.checkValidity() === false) {
+                        event.preventDefault();
+                        event.stopPropagation();
+                        form2.classList.add('was-validated');
+                    } else {
+                        return true;
+                    }
+                } else {
+                    return true;
+                }
+            } else {
+                return true;
+            }
+        }
+    });
+
+});
Index: public/assets/js/examples/fullcalendar.js
===================================================================
--- public/assets/js/examples/fullcalendar.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/examples/fullcalendar.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,120 @@
+'use strict';
+$(document).ready(function () {
+
+    var events = [
+        {
+            title: 'Travel',
+            start: '2019-10-30:00:00',
+            constraint: 'businessHours',
+            className: 'bg-danger',
+            icon: "camera",
+            description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu pellentesque nibh. In nisl nulla, convallis ac nulla eget, pellentesque pellentesque magna.',
+        },
+        {
+            title: 'Team Assing',
+            start: '2019-10-15:00:00',
+            constraint: 'availableForMeeting',
+            className: 'bg-primary',
+            description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu pellentesque nibh. In nisl nulla, convallis ac nulla eget, pellentesque pellentesque magna.',
+        },
+        {
+            title: 'Friend',
+            start: '2019-10-10:00:00',
+            end: '2019-10-11:00:00',
+            className: 'bg-info',
+            icon: "user-o",
+            description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu pellentesque nibh. In nisl nulla, convallis ac nulla eget, pellentesque pellentesque magna.',
+        },
+        {
+            title: 'Holidays',
+            start: '2019-10-10:00:00',
+            end: '2019-10-12:00:00',
+            className: 'bg-success',
+            description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu pellentesque nibh. In nisl nulla, convallis ac nulla eget, pellentesque pellentesque magna.',
+        },
+        {
+            title: 'Company',
+            start: '2019-10-03:00:00',
+            className: 'bg-warning',
+            icon: "building-o",
+            description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu pellentesque nibh. In nisl nulla, convallis ac nulla eget, pellentesque pellentesque magna.',
+        },
+        {
+            id: 'availableForMeeting',
+            start: '2019-03-13T10:00:00',
+            end: '2019-03-13T16:00:00',
+            rendering: 'background',
+            description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu pellentesque nibh. In nisl nulla, convallis ac nulla eget, pellentesque pellentesque magna.',
+        },
+        {
+            start: '2019-03-24',
+            end: '2019-03-29',
+            overlap: false,
+            rendering: 'background',
+            color: '#ff9f89',
+            description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu pellentesque nibh. In nisl nulla, convallis ac nulla eget, pellentesque pellentesque magna.',
+        },
+        {
+            start: '2019-03-06',
+            end: '2019-03-29',
+            overlap: false,
+            rendering: 'background',
+            color: '#ff9f89',
+            description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu pellentesque nibh. In nisl nulla, convallis ac nulla eget, pellentesque pellentesque magna.',
+        }
+    ];
+
+    $('#external-events .fc-event').each(function () {
+
+        // store data so the calendar knows to render an event upon drop
+        $(this).data('event', {
+            title: $.trim($(this).text()), // use the element's text as the event title
+            stick: true, // maintain when user navigates (see docs on the renderEvent method),
+            color: $(this).find('i').css("color"),
+            icon: $(this).find('i').data('icon')
+        });
+
+        // make the event draggable using jQuery UI
+        $(this).draggable({
+            zIndex: 999,
+            revert: true,      // will cause the event to go back to its
+            revertDuration: 0  //  original position after the drag
+        });
+
+    });
+
+    $('#calendar-demo').fullCalendar({
+        header: {
+            left: 'prev,next today',
+            center: 'title',
+            right: 'month,agendaWeek,agendaDay,listMonth'
+        },
+        editable: true,
+        droppable: true,
+        drop: function () {
+            // is the "remove after drop" checkbox checked?
+            if ($('#drop-remove').is(':checked')) {
+                // if so, remove the element from the "Draggable Events" list
+                $(this).remove();
+            }
+        },
+        weekNumbers: true,
+        eventLimit: true, // allow "more" link when too many events
+        events: events,
+        eventRender: function (event, element) {
+            if (event.icon) {
+                element.find(".fc-title").prepend("<i class='mr-1 fa fa-" + event.icon + "'></i>");
+            }
+        },
+        dayClick: function () {
+            $('#createEventModal').modal();
+        },
+        eventClick: function (event, jsEvent, view) {
+            var modal = $('#viewEventModal');
+            modal.find('.event-icon').html("<i class='fa fa-" + event.icon + "'></i>");
+            modal.find('.event-title').html(event.title);
+            modal.find('.event-body').html(event.description);
+            modal.modal();
+        },
+    });
+});
Index: public/assets/js/examples/input-mask.js
===================================================================
--- public/assets/js/examples/input-mask.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/examples/input-mask.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,14 @@
+'use strict';
+$(document).ready(function () {
+
+    $('[data-input-mask="phone"]').mask('(000) 000-0000');
+
+    $('[data-input-mask="money"]').mask('#.##0,00', {reverse: true});
+
+    $('[data-input-mask="date"]').mask('0000/00/00');
+
+    $('[data-input-mask="time"]').mask('00:00:00');
+
+    $('[data-input-mask="ip_address"]').mask('099.099.099.099');
+
+});
Index: public/assets/js/examples/lightbox.js
===================================================================
--- public/assets/js/examples/lightbox.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/examples/lightbox.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,37 @@
+'use strict';
+$(document).ready(function () {
+
+    $('.image-popup').magnificPopup({
+        type: 'image',
+        zoom: {
+            enabled: true,
+            duration: 300,
+            easing: 'ease-in-out',
+            opener: function(openerElement) {
+                return openerElement.is('img') ? openerElement : openerElement.find('img');
+            }
+        }
+    });
+
+    var magnificPopupGalleryConfig = {
+        type: 'image',
+        gallery: {
+            enabled: true
+        },
+        zoom: {
+            enabled: true,
+            duration: 300,
+            easing: 'ease-in-out',
+            opener: function(openerElement) {
+                return openerElement.is('img') ? openerElement : openerElement.find('img');
+            }
+        }
+    };
+
+    $('.image-popup-gallery-item').magnificPopup(magnificPopupGalleryConfig);
+
+    $('.chat-app-wrapper .chat-app .chat-body .chat-body-messages .message-items .message-item:not(.outgoing-message).message-item-media ul a').magnificPopup(magnificPopupGalleryConfig);
+
+    $('.chat-app-wrapper .chat-app .chat-body .chat-body-messages .message-items .message-item.outgoing-message.message-item-media ul a').magnificPopup(magnificPopupGalleryConfig);
+
+});
Index: public/assets/js/examples/pages/analytics-dashboard.js
===================================================================
--- public/assets/js/examples/pages/analytics-dashboard.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/examples/pages/analytics-dashboard.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,23 @@
+$(function () {
+    var start = moment().subtract(29, 'days');
+    var end = moment();
+
+    function cb(start, end) {
+        $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
+    }
+
+    $('#reportrange').daterangepicker({
+        startDate: start,
+        endDate: end,
+        ranges: {
+            'Today': [moment(), moment()],
+            'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
+            'Last 7 Days': [moment().subtract(6, 'days'), moment()],
+            'Last 30 Days': [moment().subtract(29, 'days'), moment()],
+            'This Month': [moment().startOf('month'), moment().endOf('month')],
+            'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
+        }
+    }, cb);
+
+    cb(start, end);
+});
Index: public/assets/js/examples/pages/calendar.js
===================================================================
--- public/assets/js/examples/pages/calendar.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/examples/pages/calendar.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,42 @@
+$(function () {
+    $(document).on('click', '.app-block .app-content .app-action .action-left input[type="checkbox"]', function () {
+        $('.app-lists ul li input[type="checkbox"]').prop('checked', $(this).prop('checked'));
+        if ($(this).prop('checked')) {
+            $('.app-lists ul li input[type="checkbox"]').closest('li').addClass('active');
+        } else {
+            $('.app-lists ul li input[type="checkbox"]').closest('li').removeClass('active');
+        }
+    });
+
+    $(document).on('click', '.app-lists ul li input[type="checkbox"]', function () {
+        if ($(this).prop('checked')) {
+            $(this).closest('li').addClass('active');
+        } else {
+            $(this).closest('li').removeClass('active');
+        }
+    });
+
+    $(document).on('click', '.app-block .app-content .app-content-body .app-lists ul.list-group li.list-group-item', function (e) {
+        if (!$(e.target).is('.custom-control, .custom-control *, a, a *')) {
+            $('.app-detail').addClass('show').one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function () {
+                $('.app-block .app-content .app-content-body .app-detail .app-detail-article').niceScroll().resize();
+            });
+        }
+    });
+
+    $(document).on('click', 'a.app-detail-close-button', function () {
+        $('.app-detail').removeClass('show');
+        return false;
+    });
+
+    $(document).on('click', '.app-sidebar-menu-button', function () {
+        $('.app-block .app-sidebar, .app-content-overlay').addClass('show');
+        // $('.app-block .app-sidebar .app-sidebar-menu').niceScroll().resize();
+        return false;
+    });
+
+    $(document).on('click', '.app-content-overlay', function () {
+        $('.app-block .app-sidebar, .app-content-overlay').removeClass('show');
+        return false;
+    });
+});
Index: public/assets/js/examples/pages/customers.js
===================================================================
--- public/assets/js/examples/pages/customers.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/examples/pages/customers.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,12 @@
+$(function () {
+    $(document).ready(function () {
+        $('#myTable').DataTable({
+            'columnDefs': [
+                {
+                    "orderable": false,
+                    "targets": 5
+                }
+            ]
+        });
+    });
+});
Index: public/assets/js/examples/pages/ecommerce-dashboard.js
===================================================================
--- public/assets/js/examples/pages/ecommerce-dashboard.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/examples/pages/ecommerce-dashboard.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,32 @@
+$(function () {
+    $('#recent-orders').DataTable({
+        lengthMenu: [5, 10],
+        "columnDefs": [{
+            "targets": 6,
+            "orderable": false
+        }]
+    });
+
+    var start = moment().subtract(29, 'days');
+    var end = moment();
+
+    function cb(start, end) {
+        $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
+    }
+
+    $('#reportrange').daterangepicker({
+        startDate: start,
+        endDate: end,
+        opens: 'left',
+        ranges: {
+            'Today': [moment(), moment()],
+            'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
+            'Last 7 Days': [moment().subtract(6, 'days'), moment()],
+            'Last 30 Days': [moment().subtract(29, 'days'), moment()],
+            'This Month': [moment().startOf('month'), moment().endOf('month')],
+            'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
+        }
+    }, cb);
+
+    cb(start, end);
+});
Index: public/assets/js/examples/pages/gallery.js
===================================================================
--- public/assets/js/examples/pages/gallery.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/examples/pages/gallery.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,49 @@
+$(function () {
+
+    $(window).on('load', function () {
+        var $container = $('.gallery-container');
+
+        $container.isotope({
+            filter: '*',
+            animationOptions: {
+                duration: 750,
+                easing: 'linear',
+                queue: false
+            }
+        });
+
+        $('.gallery-filter a').click(function () {
+            var $this = $(this);
+
+            $('.gallery-filter .active').removeClass('active');
+            $this.addClass('active');
+
+            var selector = $this.attr('data-filter');
+            $container.isotope({
+                filter: selector,
+                animationOptions: {
+                    duration: 300,
+                    easing: 'linear',
+                    queue: false
+                }
+            });
+            return false;
+        });
+    });
+
+    $('.image-popup-gallery-item').magnificPopup({
+        type: 'image',
+        gallery: {
+            enabled: true
+        },
+        zoom: {
+            enabled: true,
+            duration: 300,
+            easing: 'ease-in-out',
+            opener: function (openerElement) {
+                return openerElement.is('img') ? openerElement : openerElement.find('img');
+            }
+        }
+    });
+
+});
Index: public/assets/js/examples/pages/orders.js
===================================================================
--- public/assets/js/examples/pages/orders.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/examples/pages/orders.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,55 @@
+$(function () {
+    var table = $('#orders').DataTable({
+        'columnDefs': [
+            {
+                'targets': 0,
+                'className': 'dt-body-center',
+                'render': function (data, type, full, meta) {
+                    return '<div class="custom-control custom-checkbox">' +
+                        '<input type="checkbox" class="custom-control-input" id="customCheck' + meta.row + '">' +
+                        '<label class="custom-control-label" for="customCheck' + meta.row + '"></label>' +
+                        '</div>';
+                }
+            },
+            {
+                "orderable": false,
+                "targets": [0, 7]
+            }
+        ],
+        'order': [1, 'asc']
+    });
+
+    $('#orders-select-all').on('click', function () {
+        // Check/uncheck all checkboxes in the table
+        var rows = table.rows({'search': 'applied'}).nodes();
+        $('input[type="checkbox"]', rows)
+            .prop('checked', this.checked);
+        if (this.checked) {
+            $('input[type="checkbox"]', rows).closest('tr').addClass('tr-selected');
+        } else {
+            $('input[type="checkbox"]', rows).closest('tr').removeClass('tr-selected');
+        }
+    });
+
+    // Handle click on checkbox to set state of "Select all" control
+    $('#orders tbody').on('change', 'input[type="checkbox"]', function () {
+        // If checkbox is not checked
+        if (!this.checked) {
+            var el = $('#orders-select-all').get(0);
+            // If "Select all" control is checked and has 'indeterminate' property
+            if (el && el.checked && ('indeterminate' in el)) {
+                // Set visual state of "Select all" control
+                // as 'indeterminate'
+                el.indeterminate = true;
+            }
+        }
+    });
+
+    $('.custom-control-input').click(function () {
+        if ($(this).prop('checked')) {
+            $(this).closest('td').closest('tr').addClass('tr-selected');
+        } else {
+            $(this).closest('td').closest('tr').removeClass('tr-selected');
+        }
+    });
+});
Index: public/assets/js/examples/pages/product-detail.js
===================================================================
--- public/assets/js/examples/pages/product-detail.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/examples/pages/product-detail.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,17 @@
+$(document).ready(function () {
+    $('.slider-for').slick({
+        slidesToShow: 1,
+        slidesToScroll: 1,
+        arrows: false,
+        fade: true,
+        asNavFor: '.slider-nav'
+    });
+
+    $('.slider-nav').slick({
+        slidesToShow: 4,
+        slidesToScroll: 1,
+        asNavFor: '.slider-for',
+        centerMode: true,
+        focusOnSelect: true
+    });
+});
Index: public/assets/js/examples/pages/product-grid.js
===================================================================
--- public/assets/js/examples/pages/product-grid.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/examples/pages/product-grid.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,20 @@
+$(function () {
+    // Add to cart example
+    $(document).on('click', '.add-to-card', function () {
+        $(this)
+            .removeClass('btn-primary')
+            .addClass('btn-success')
+            .text('View Cart');
+    });
+
+    // Range slider example
+    $("#rangeSlider-example").ionRangeSlider({
+        type: "double",
+        min: 10,
+        max: 5000,
+        from: 2000,
+        to: 4000,
+        skin: "round",
+        prefix: '$'
+    });
+});
Index: public/assets/js/examples/pages/product-list.js
===================================================================
--- public/assets/js/examples/pages/product-list.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/examples/pages/product-list.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,20 @@
+$(function () {
+    // Add to cart example
+    $(document).on('click', '.add-to-card', function () {
+        $(this)
+            .removeClass('btn-primary')
+            .addClass('btn-success')
+            .text('View Cart');
+    });
+
+    // Range slider example
+    $("#rangeSlider-example").ionRangeSlider({
+        type: "double",
+        min: 10,
+        max: 5000,
+        from: 2000,
+        to: 4000,
+        skin: "round",
+        prefix: '$'
+    });
+})
Index: public/assets/js/examples/pages/project-grid.js
===================================================================
--- public/assets/js/examples/pages/project-grid.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/examples/pages/project-grid.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,9 @@
+$(function () {
+    $('.single-datepicker').daterangepicker({
+        opens: 'left'
+    });
+
+    $('.select2').select2({
+        placeholder: 'Select'
+    });
+});
Index: public/assets/js/examples/pages/project-list.js
===================================================================
--- public/assets/js/examples/pages/project-list.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/examples/pages/project-list.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,55 @@
+$(document).ready(function () {
+    var table = $('#project-list').DataTable({
+        'columnDefs': [
+            {
+                'targets': 0,
+                'className': 'dt-body-center',
+                'render': function (data, type, full, meta) {
+                    return '<div class="custom-control custom-checkbox">' +
+                        '<input type="checkbox" class="custom-control-input" id="customCheck' + meta.row + '">' +
+                        '<label class="custom-control-label" for="customCheck' + meta.row + '"></label>' +
+                        '</div>';
+                }
+            },
+            {
+                "orderable": false,
+                "targets": [0, 7]
+            }
+        ],
+        'order': [1, 'asc']
+    });
+
+    $(document).on('click', '#projects-select-all', function () {
+        // Check/uncheck all checkboxes in the table
+        var rows = table.rows({'search': 'applied'}).nodes();
+        $('input[type="checkbox"]', rows)
+            .prop('checked', this.checked);
+        if (this.checked) {
+            $('input[type="checkbox"]', rows).closest('tr').addClass('tr-selected');
+        } else {
+            $('input[type="checkbox"]', rows).closest('tr').removeClass('tr-selected');
+        }
+    });
+
+    // Handle click on checkbox to set state of "Select all" control
+    $('#projects tbody').on('change', 'input[type="checkbox"]', function () {
+        // If checkbox is not checked
+        if (!this.checked) {
+            var el = $('#projects-select-all').get(0);
+            // If "Select all" control is checked and has 'indeterminate' property
+            if (el && el.checked && ('indeterminate' in el)) {
+                // Set visual state of "Select all" control
+                // as 'indeterminate'
+                el.indeterminate = true;
+            }
+        }
+    });
+
+    $(document).on('click', '.custom-control-input', function () {
+        if ($(this).prop('checked')) {
+            $(this).closest('td').closest('tr').addClass('tr-selected');
+        } else {
+            $(this).closest('td').closest('tr').removeClass('tr-selected');
+        }
+    });
+});
Index: public/assets/js/examples/pages/projects-dashboard.js
===================================================================
--- public/assets/js/examples/pages/projects-dashboard.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/examples/pages/projects-dashboard.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,10 @@
+$(function () {
+    $('.slick-js').slick({
+        speed: 500,
+        arrows: false,
+        slidesToShow: 1,
+        slidesToScroll: 1,
+        autoplay: true,
+        autoplaySpeed: 2000
+    });
+});
Index: public/assets/js/examples/pages/user-list.js
===================================================================
--- public/assets/js/examples/pages/user-list.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/examples/pages/user-list.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,55 @@
+$(document).ready(function () {
+    var table = $('#user-list').DataTable({
+        'columnDefs': [
+            {
+                'targets': 0,
+                'className': 'dt-body-center',
+                // 'render': function (data, type, full, meta) {
+                //     return '<div class="custom-control custom-checkbox">' +
+                //         '<input type="checkbox" class="custom-control-input" id="customCheck' + meta.row + '">' +
+                //         '<label class="custom-control-label" for="customCheck' + meta.row + '"></label>' +
+                //         '</div>';
+                // }
+            },
+            {
+                "orderable": false,
+                "targets": []
+            }
+        ],
+        'order': [1, 'asc']
+    });
+
+//     $(document).on('click', '#user-list-select-all', function () {
+//         // Check/uncheck all checkboxes in the table
+//         var rows = table.rows({'search': 'applied'}).nodes();
+//         $('input[type="checkbox"]', rows)
+//             .prop('checked', this.checked);
+//         if (this.checked) {
+//             $('input[type="checkbox"]', rows).closest('tr').addClass('tr-selected');
+//         } else {
+//             $('input[type="checkbox"]', rows).closest('tr').removeClass('tr-selected');
+//         }
+//     });
+//
+//     // Handle click on checkbox to set state of "Select all" control
+//     $('#user-list tbody').on('change', 'input[type="checkbox"]', function () {
+//         // If checkbox is not checked
+//         if (!this.checked) {
+//             var el = $('#user-list-select-all').get(0);
+//             // If "Select all" control is checked and has 'indeterminate' property
+//             if (el && el.checked && ('indeterminate' in el)) {
+//                 // Set visual state of "Select all" control
+//                 // as 'indeterminate'
+//                 el.indeterminate = true;
+//             }
+//         }
+//     });
+//
+//     $(document).on('click', '.custom-control-input', function () {
+//         if ($(this).prop('checked')) {
+//             $(this).closest('td').closest('tr').addClass('tr-selected');
+//         } else {
+//             $(this).closest('td').closest('tr').removeClass('tr-selected');
+//         }
+//     });
+ });
Index: public/assets/js/examples/range-slider.js
===================================================================
--- public/assets/js/examples/range-slider.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/examples/range-slider.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,66 @@
+'use strict';
+$(document).ready(function () {
+
+    $("#demo_1").ionRangeSlider({
+        min: 100,
+        max: 1000,
+        from: 550,
+        skin: "round"
+    });
+
+    $("#demo_2").ionRangeSlider({
+        type: "double",
+        grid: true,
+        min: 0,
+        max: 1000,
+        from: 200,
+        to: 800,
+        prefix: "$",
+        skin: "round"
+    });
+
+    $("#demo_3").ionRangeSlider({
+        type: "double",
+        grid: true,
+        min: -1000,
+        max: 1000,
+        from: -500,
+        to: 500,
+        step: 250,
+        skin: "round"
+    });
+
+    $("#demo_4").ionRangeSlider({
+        type: "double",
+        grid: true,
+        min: -12.8,
+        max: 12.8,
+        from: -3.2,
+        to: 3.2,
+        step: 0.1,
+        skin: "round"
+    });
+
+    $("#demo_5").ionRangeSlider({
+        grid: true,
+        from: new Date().getMonth(),
+        values: [
+            "Jan", "Feb", "Mar", "Apr", "May", "Jun",
+            "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"
+        ],
+        skin: "round"
+    });
+
+    $("#demo_6").ionRangeSlider({
+        min: 0,
+        max: 10000,
+        from: 777,
+        step: 1,            // default 1 (set step)
+        grid: true,         // default false (enable grid)
+        grid_num: 4,        // default 4 (set number of grid cells)
+        grid_snap: false,    // default false (snap grid to step)
+        skin: "round"
+    });
+
+
+});
Index: public/assets/js/examples/select2.js
===================================================================
--- public/assets/js/examples/select2.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/examples/select2.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,8 @@
+'use strict';
+$(document).ready(function () {
+
+    $('.js-example-basic-single').select2({
+        placeholder: 'Select'
+    });
+
+});
Index: public/assets/js/examples/slick.js
===================================================================
--- public/assets/js/examples/slick.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/examples/slick.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,70 @@
+'use strict';
+$(document).ready(function () {
+
+    $('.slick-single').slick();
+
+    $('.slick-multiple').slick({
+        infinite: true,
+        slidesToShow: 4,
+        slidesToScroll: 4
+    });
+
+    $('.slick-autoplay').slick({
+        slidesToShow: 3,
+        slidesToScroll: 1,
+        autoplay: true,
+        autoplaySpeed: 2000,
+    });
+
+    $('.slick-center-mode').slick({
+        centerMode: true,
+        centerPadding: '60px',
+        slidesToShow: 3,
+        responsive: [
+            {
+                breakpoint: 768,
+                settings: {
+                    arrows: false,
+                    centerMode: true,
+                    centerPadding: '40px',
+                    slidesToShow: 3
+                }
+            },
+            {
+                breakpoint: 480,
+                settings: {
+                    arrows: false,
+                    centerMode: true,
+                    centerPadding: '40px',
+                    slidesToShow: 1
+                }
+            }
+        ]
+    });
+
+    $('.slick-fade-effect').slick({
+        dots: true,
+        infinite: true,
+        speed: 500,
+        fade: true,
+        cssEase: 'linear'
+    });
+
+    $('.slider-for').slick({
+        slidesToShow: 1,
+        slidesToScroll: 1,
+        arrows: false,
+        fade: true,
+        asNavFor: '.slider-nav'
+    });
+
+    $('.slider-nav').slick({
+        slidesToShow: 4,
+        slidesToScroll: 1,
+        asNavFor: '.slider-for',
+        centerMode: true,
+        focusOnSelect: true
+    });
+
+
+});
Index: public/assets/js/examples/sweet-alert.js
===================================================================
--- public/assets/js/examples/sweet-alert.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/examples/sweet-alert.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,85 @@
+'use strict';
+$(document).ready(function () {
+    $('.sweet-basic').on('click', function () {
+        swal('Hello world!');
+    });
+    $('.sweet-success').on('click', function () {
+        swal("Good job!", "You clicked the button!", "success");
+    });
+    $('.sweet-warning').on('click', function () {
+        swal("Good job!", "You clicked the button!", "warning");
+    });
+    $('.sweet-error').on('click', function () {
+        swal("Good job!", "You clicked the button!", "error");
+    });
+    $('.sweet-info').on('click', function () {
+        swal("Good job!", "You clicked the button!", "info");
+    });
+
+    $('.sweet-multiple').on('click', function () {
+        swal({
+            title: "Are you sure?",
+            text: "Once deleted, you will not be able to recover this imaginary file!",
+            icon: "warning",
+            buttons: true,
+            dangerMode: true,
+        })
+            .then((willDelete) => {
+                if (willDelete) {
+                    swal("Poof! Your imaginary file has been deleted!", {
+                        icon: "success",
+                    });
+                } else {
+                    swal("Your imaginary file is safe!", {
+                        icon: "error",
+                    });
+                }
+            });
+    });
+    $('.sweet-prompt').on('click', function () {
+        swal("Write something here:", {
+            content: "input",
+        })
+            .then((value) => {
+                swal(`You typed: ${value}`);
+            });
+    });
+    $('.sweet-ajax').on('click', function () {
+        swal({
+            text: 'Search for a movie. e.g. "La La Land".',
+            content: "input",
+            button: {
+                text: "Search!",
+                closeModal: false,
+            },
+        })
+            .then(name => {
+                if (!name) throw null;
+                return fetch(`https://itunes.apple.com/search?term=${name}&entity=movie`);
+            })
+            .then(results => {
+                return results.json();
+            })
+            .then(json => {
+                const movie = json.results[0];
+                if (!movie) {
+                    return swal("No movie was found!");
+                }
+                const name = movie.trackName;
+                const imageURL = movie.artworkUrl100;
+                swal({
+                    title: "Top result:",
+                    text: name,
+                    icon: imageURL,
+                });
+            })
+            .catch(err => {
+                if (err) {
+                    swal("Oh noes!", "The AJAX request failed!", "error");
+                } else {
+                    swal.stopLoading();
+                    swal.close();
+                }
+            });
+    });
+});
Index: public/assets/js/examples/tagsinput.js
===================================================================
--- public/assets/js/examples/tagsinput.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/examples/tagsinput.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,6 @@
+'use strict';
+$(document).ready(function () {
+
+    $("input.tagsinput").tagsinput('items');
+
+});
Index: public/assets/js/examples/toast.js
===================================================================
--- public/assets/js/examples/toast.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/examples/toast.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,35 @@
+'use strict';
+$(document).ready(function () {
+
+    var doc = $(document);
+
+    toastr.options = {
+        timeOut: 3000,
+        progressBar: true,
+        showMethod: "slideDown",
+        hideMethod: "slideUp",
+        showDuration: 200,
+        hideDuration: 200
+    };
+
+    doc.on('click', '.toastr-examples a.btn-success', function () {
+        toastr.success('Successfully completed');
+        return false;
+    });
+
+    doc.on('click', '.toastr-examples a.btn-danger', function () {
+        toastr.error('Something went wrong');
+        return false;
+    });
+
+    doc.on('click', '.toastr-examples a.btn-info', function () {
+        toastr.info('This is an informational message');
+        return false;
+    });
+
+    doc.on('click', '.toastr-examples a.btn-warning', function () {
+        toastr.warning('You are currently not authorized');
+        return false;
+    });
+
+});
Index: public/assets/js/examples/tour.js
===================================================================
--- public/assets/js/examples/tour.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/examples/tour.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,18 @@
+'use strict';
+$(document).ready(function () {
+
+    $(document).on('click', 'a.tour', function () {
+        var enjoyhint_instance = new EnjoyHint({});
+
+        enjoyhint_instance.set([
+            {
+                'next .header': 'Quick toolbar.',
+            },
+            {
+                'next .navigation': 'Navigation to navigate the page.',
+            }
+        ]);
+        enjoyhint_instance.run();
+    });
+
+});
Index: public/assets/js/examples/treeview.js
===================================================================
--- public/assets/js/examples/treeview.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/examples/treeview.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,49 @@
+'use strict';
+$(document).ready(function () {
+
+    $('#jstree_demo1').jstree({'core' : {
+            'data' : [
+                {
+                    "text" : "Same but with checkboxes",
+                    "children" : [
+                        { "text" : "initially selected", "state" : { "selected" : true } },
+                        { "text" : "custom icon URL", "icon" : "//jstree.com/tree-icon.png" },
+                        { "text" : "initially open", "state" : { "opened" : true }, "children" : [ "Another node" ] },
+                        { "text" : "custom icon class", "icon" : "glyphicon glyphicon-leaf" }
+                    ]
+                },
+                "And wholerow selection"
+            ]
+        }});
+
+    $('#jstree_demo2').jstree({'plugins':["wholerow"], 'core' : {
+            'data' : [
+                {
+                    "text" : "Same but with checkboxes",
+                    "children" : [
+                        { "text" : "initially selected", "state" : { "selected" : true } },
+                        { "text" : "custom icon URL", "icon" : "//jstree.com/tree-icon.png" },
+                        { "text" : "initially open", "state" : { "opened" : true }, "children" : [ "Another node" ] },
+                        { "text" : "custom icon class", "icon" : "glyphicon glyphicon-leaf" }
+                    ]
+                },
+                "And wholerow selection"
+            ]
+        }});
+
+    $('#jstree_demo3').jstree({'plugins':["wholerow", "checkbox"], 'core' : {
+            'data' : [
+                {
+                    "text" : "Same but with checkboxes",
+                    "children" : [
+                        { "text" : "initially selected", "state" : { "selected" : true } },
+                        { "text" : "custom icon URL", "icon" : "//jstree.com/tree-icon.png" },
+                        { "text" : "initially open", "state" : { "opened" : true }, "children" : [ "Another node" ] },
+                        { "text" : "custom icon class", "icon" : "glyphicon glyphicon-leaf" }
+                    ]
+                },
+                "And wholerow selection"
+            ]
+        }});
+
+});
Index: public/assets/js/examples/vmap.js
===================================================================
--- public/assets/js/examples/vmap.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/js/examples/vmap.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,35 @@
+'use strict';
+$(document).ready(function () {
+
+    function vmap_init(item) {
+        if ($('#vmap_' + item).length > 0) {
+            $('#vmap_' + item).vectorMap({
+                map: item,
+                backgroundColor: '#fff',
+                color: '#ffffff',
+                hoverOpacity: 0.7,
+                borderColor: '#fff',
+                selectedColor: '#666666',
+                enableZoom: false,
+                showTooltip: true,
+                scaleColors: ['#C8EEFF', '#006491'],
+                normalizeFunction: 'polynomial',
+                onRegionClick: function (element, code, region) {
+                    var message = 'You clicked "'
+                        + region
+                        + '" which has the code: '
+                        + code.toUpperCase();
+
+                    alert(message);
+                }
+            });
+        }
+    }
+
+    vmap_init('world_en');
+
+    vmap_init('canada_en');
+
+    vmap_init('usa_en');
+
+});
Index: public/assets/plugins/noty/css/noty.min.css
===================================================================
--- public/assets/plugins/noty/css/noty.min.css	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/plugins/noty/css/noty.min.css	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,258 @@
+.noty_theme__sunset.noty_bar {
+  margin: 4px 0;
+  overflow: hidden;
+  border-radius: 2px;
+  position: relative; }
+  .noty_theme__sunset.noty_bar .noty_body {
+    padding: 10px;
+    font-size: 14px;
+    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }
+  .noty_theme__sunset.noty_bar .noty_buttons {
+    padding: 10px; }
+
+.noty_theme__sunset.noty_type__alert,
+.noty_theme__sunset.noty_type__notification {
+  background-color: #073B4C;
+  color: #fff; }
+  .noty_theme__sunset.noty_type__alert .noty_progressbar,
+  .noty_theme__sunset.noty_type__notification .noty_progressbar {
+    background-color: #fff; }
+
+.noty_theme__sunset.noty_type__warning {
+  background-color: #FFD166;
+  color: #fff; }
+
+.noty_theme__sunset.noty_type__error {
+  background-color: #EF476F;
+  color: #fff; }
+  .noty_theme__sunset.noty_type__error .noty_progressbar {
+    opacity: .4; }
+
+.noty_theme__sunset.noty_type__info,
+.noty_theme__sunset.noty_type__information {
+  background-color: #118AB2;
+  color: #fff; }
+  .noty_theme__sunset.noty_type__info .noty_progressbar,
+  .noty_theme__sunset.noty_type__information .noty_progressbar {
+    opacity: .6; }
+
+.noty_theme__sunset.noty_type__success {
+  background-color: #06D6A0;
+  color: #fff; }
+
+.noty_layout_mixin, #noty_layout__top, #noty_layout__topLeft, #noty_layout__topCenter, #noty_layout__topRight, #noty_layout__bottom, #noty_layout__bottomLeft, #noty_layout__bottomCenter, #noty_layout__bottomRight, #noty_layout__center, #noty_layout__centerLeft, #noty_layout__centerRight {
+  position: fixed;
+  margin: 0;
+  padding: 0;
+  z-index: 9999999;
+  -webkit-transform: translateZ(0) scale(1, 1);
+          transform: translateZ(0) scale(1, 1);
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
+  -webkit-font-smoothing: subpixel-antialiased;
+  filter: blur(0);
+  -webkit-filter: blur(0);
+  max-width: 90%; }
+
+#noty_layout__top {
+  top: 0;
+  left: 5%;
+  width: 90%; }
+
+#noty_layout__topLeft {
+  top: 20px;
+  left: 20px;
+  width: 325px; }
+
+#noty_layout__topCenter {
+  top: 5%;
+  left: 50%;
+  width: 325px;
+  -webkit-transform: translate(-webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
+          transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1); }
+
+#noty_layout__topRight {
+  top: 20px;
+  right: 20px;
+  width: 325px; }
+
+#noty_layout__bottom {
+  bottom: 0;
+  left: 5%;
+  width: 90%; }
+
+#noty_layout__bottomLeft {
+  bottom: 20px;
+  left: 20px;
+  width: 325px; }
+
+#noty_layout__bottomCenter {
+  bottom: 5%;
+  left: 50%;
+  width: 325px;
+  -webkit-transform: translate(-webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
+          transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1); }
+
+#noty_layout__bottomRight {
+  bottom: 20px;
+  right: 20px;
+  width: 325px; }
+
+#noty_layout__center {
+  top: 50%;
+  left: 50%;
+  width: 325px;
+  -webkit-transform: translate(-webkit-calc(-50% - .5px), -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
+          transform: translate(calc(-50% - .5px), calc(-50% - .5px)) translateZ(0) scale(1, 1); }
+
+#noty_layout__centerLeft {
+  top: 50%;
+  left: 20px;
+  width: 325px;
+  -webkit-transform: translate(0, -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
+          transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1); }
+
+#noty_layout__centerRight {
+  top: 50%;
+  right: 20px;
+  width: 325px;
+  -webkit-transform: translate(0, -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
+          transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1); }
+
+.noty_progressbar {
+  display: none; }
+
+.noty_has_timeout.noty_has_progressbar .noty_progressbar {
+  display: block;
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  height: 3px;
+  width: 100%;
+  background-color: #646464;
+  opacity: 0.2;
+  filter: alpha(opacity=10); }
+
+.noty_bar {
+  -webkit-backface-visibility: hidden;
+  -webkit-transform: translate(0, 0) translateZ(0) scale(1, 1);
+  -ms-transform: translate(0, 0) scale(1, 1);
+      transform: translate(0, 0) scale(1, 1);
+  -webkit-font-smoothing: subpixel-antialiased;
+  overflow: hidden; }
+
+.noty_effects_open {
+  opacity: 0;
+  -webkit-transform: translate(50%);
+      -ms-transform: translate(50%);
+          transform: translate(50%);
+  -webkit-animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
+          animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
+  -webkit-animation-fill-mode: forwards;
+          animation-fill-mode: forwards; }
+
+.noty_effects_close {
+  -webkit-animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
+          animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
+  -webkit-animation-fill-mode: forwards;
+          animation-fill-mode: forwards; }
+
+.noty_fix_effects_height {
+  -webkit-animation: noty_anim_height 75ms ease-out;
+          animation: noty_anim_height 75ms ease-out; }
+
+.noty_close_with_click {
+  cursor: pointer; }
+
+.noty_close_button {
+  position: absolute;
+  top: 2px;
+  right: 2px;
+  font-weight: bold;
+  width: 20px;
+  height: 20px;
+  text-align: center;
+  line-height: 20px;
+  background-color: rgba(0, 0, 0, 0.05);
+  border-radius: 2px;
+  cursor: pointer;
+  -webkit-transition: all .2s ease-out;
+  transition: all .2s ease-out; }
+
+.noty_close_button:hover {
+  background-color: rgba(0, 0, 0, 0.1); }
+
+.noty_modal {
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  background-color: #000;
+  z-index: 10000;
+  opacity: .3;
+  left: 0;
+  top: 0; }
+
+.noty_modal.noty_modal_open {
+  opacity: 0;
+  -webkit-animation: noty_modal_in .3s ease-out;
+          animation: noty_modal_in .3s ease-out; }
+
+.noty_modal.noty_modal_close {
+  -webkit-animation: noty_modal_out .3s ease-out;
+          animation: noty_modal_out .3s ease-out;
+  -webkit-animation-fill-mode: forwards;
+          animation-fill-mode: forwards; }
+
+@-webkit-keyframes noty_modal_in {
+  100% {
+    opacity: .3; } }
+
+@keyframes noty_modal_in {
+  100% {
+    opacity: .3; } }
+
+@-webkit-keyframes noty_modal_out {
+  100% {
+    opacity: 0; } }
+
+@keyframes noty_modal_out {
+  100% {
+    opacity: 0; } }
+
+@keyframes noty_modal_out {
+  100% {
+    opacity: 0; } }
+
+@-webkit-keyframes noty_anim_in {
+  100% {
+    -webkit-transform: translate(0);
+            transform: translate(0);
+    opacity: 1; } }
+
+@keyframes noty_anim_in {
+  100% {
+    -webkit-transform: translate(0);
+            transform: translate(0);
+    opacity: 1; } }
+
+@-webkit-keyframes noty_anim_out {
+  100% {
+    -webkit-transform: translate(50%);
+            transform: translate(50%);
+    opacity: 0; } }
+
+@keyframes noty_anim_out {
+  100% {
+    -webkit-transform: translate(50%);
+            transform: translate(50%);
+    opacity: 0; } }
+
+@-webkit-keyframes noty_anim_height {
+  100% {
+    height: 0; } }
+
+@keyframes noty_anim_height {
+  100% {
+    height: 0; } }
+
+/*# sourceMappingURL=noty.css.map*/
Index: public/assets/plugins/noty/js/noty.min.js
===================================================================
--- public/assets/plugins/noty/js/noty.min.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ public/assets/plugins/noty/js/noty.min.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,17 @@
+/* 
+  @package NOTY - Dependency-free notification library 
+  @version version: 3.2.0-beta 
+  @contributors https://github.com/needim/noty/graphs/contributors 
+  @documentation Examples and Documentation - https://ned.im/noty 
+  @license Licensed under the MIT licenses: http://www.opensource.org/licenses/mit-license.php 
+*/
+
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define("Noty",[],e):"object"==typeof exports?exports.Noty=e():t.Noty=e()}(this,function(){return function(t){function e(o){if(n[o])return n[o].exports;var i=n[o]={i:o,l:!1,exports:{}};return t[o].call(i.exports,i,i.exports,e),i.l=!0,i.exports}var n={};return e.m=t,e.c=n,e.i=function(t){return t},e.d=function(t,n,o){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:o})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=6)}([function(t,e,n){"use strict";function o(t,e,n){var o=void 0;if(!n){for(o in e)if(e.hasOwnProperty(o)&&e[o]===t)return!0}else for(o in e)if(e.hasOwnProperty(o)&&e[o]===t)return!0;return!1}function i(t){t=t||window.event,void 0!==t.stopPropagation?t.stopPropagation():t.cancelBubble=!0}function r(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e="noty_"+t+"_";return e+="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(t){var e=16*Math.random()|0;return("x"===t?e:3&e|8).toString(16)})}function s(t){var e=t.offsetHeight,n=window.getComputedStyle(t);return e+=parseInt(n.marginTop)+parseInt(n.marginBottom)}function u(t,e,n){var o=arguments.length>3&&void 0!==arguments[3]&&arguments[3];e=e.split(" ");for(var i=0;i<e.length;i++)document.addEventListener?t.addEventListener(e[i],n,o):document.attachEvent&&t.attachEvent("on"+e[i],n)}function a(t,e){return("string"==typeof t?t:f(t)).indexOf(" "+e+" ")>=0}function c(t,e){var n=f(t),o=n+e;a(n,e)||(t.className=o.substring(1))}function l(t,e){var n=f(t),o=void 0;a(t,e)&&(o=n.replace(" "+e+" "," "),t.className=o.substring(1,o.length-1))}function d(t){t.parentNode&&t.parentNode.removeChild(t)}function f(t){return(" "+(t&&t.className||"")+" ").replace(/\s+/gi," ")}function h(){function t(){b.PageHidden=document[s],o()}function e(){b.PageHidden=!0,o()}function n(){b.PageHidden=!1,o()}function o(){b.PageHidden?i():r()}function i(){setTimeout(function(){Object.keys(b.Store).forEach(function(t){b.Store.hasOwnProperty(t)&&b.Store[t].options.visibilityControl&&b.Store[t].stop()})},100)}function r(){setTimeout(function(){Object.keys(b.Store).forEach(function(t){b.Store.hasOwnProperty(t)&&b.Store[t].options.visibilityControl&&b.Store[t].resume()}),b.queueRenderAll()},100)}var s=void 0,a=void 0;void 0!==document.hidden?(s="hidden",a="visibilitychange"):void 0!==document.msHidden?(s="msHidden",a="msvisibilitychange"):void 0!==document.webkitHidden&&(s="webkitHidden",a="webkitvisibilitychange"),a&&u(document,a,t),u(window,"blur",e),u(window,"focus",n)}function p(t){if(t.hasSound){var e=document.createElement("audio");t.options.sounds.sources.forEach(function(t){var n=document.createElement("source");n.src=t,n.type="audio/"+m(t),e.appendChild(n)}),t.barDom?t.barDom.appendChild(e):document.querySelector("body").appendChild(e),e.volume=t.options.sounds.volume,t.soundPlayed||(e.play(),t.soundPlayed=!0),e.onended=function(){d(e)}}}function m(t){return t.match(/\.([^.]+)$/)[1]}Object.defineProperty(e,"__esModule",{value:!0}),e.css=e.deepExtend=e.animationEndEvents=void 0;var v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t};e.inArray=o,e.stopPropagation=i,e.generateID=r,e.outerHeight=s,e.addListener=u,e.hasClass=a,e.addClass=c,e.removeClass=l,e.remove=d,e.classList=f,e.visibilityChangeFlow=h,e.createAudioElements=p;var y=n(1),b=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e.default=t,e}(y);e.animationEndEvents="webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend",e.deepExtend=function t(e){e=e||{};for(var n=1;n<arguments.length;n++){var o=arguments[n];if(o)for(var i in o)o.hasOwnProperty(i)&&(Array.isArray(o[i])?e[i]=o[i]:"object"===v(o[i])&&null!==o[i]?e[i]=t(e[i],o[i]):e[i]=o[i])}return e},e.css=function(){function t(t){return t.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,function(t,e){return e.toUpperCase()})}function e(t){var e=document.body.style;if(t in e)return t;for(var n=i.length,o=t.charAt(0).toUpperCase()+t.slice(1),r=void 0;n--;)if((r=i[n]+o)in e)return r;return t}function n(n){return n=t(n),r[n]||(r[n]=e(n))}function o(t,e,o){e=n(e),t.style[e]=o}var i=["Webkit","O","Moz","ms"],r={};return function(t,e){var n=arguments,i=void 0,r=void 0;if(2===n.length)for(i in e)e.hasOwnProperty(i)&&void 0!==(r=e[i])&&e.hasOwnProperty(i)&&o(t,i,r);else o(t,n[1],n[2])}}()},function(t,e,n){"use strict";function o(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"global",e=0,n=x;return E.hasOwnProperty(t)&&(n=E[t].maxVisible,Object.keys(P).forEach(function(n){P[n].options.queue!==t||P[n].closed||e++})),{current:e,maxVisible:n}}function i(t){E.hasOwnProperty(t.options.queue)||(E[t.options.queue]={maxVisible:x,queue:[]}),E[t.options.queue].queue.push(t)}function r(t){if(E.hasOwnProperty(t.options.queue)){var e=[];Object.keys(E[t.options.queue].queue).forEach(function(n){E[t.options.queue].queue[n].id!==t.id&&e.push(E[t.options.queue].queue[n])}),E[t.options.queue].queue=e}}function s(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"global";if(E.hasOwnProperty(t)){var e=E[t].queue.shift();e&&e.show()}}function u(){Object.keys(E).forEach(function(t){s(t)})}function a(t){var e=k.generateID("ghost"),n=document.createElement("div");n.setAttribute("id",e),k.css(n,{height:k.outerHeight(t.barDom)+"px"}),t.barDom.insertAdjacentHTML("afterend",n.outerHTML),k.remove(t.barDom),n=document.getElementById(e),k.addClass(n,"noty_fix_effects_height"),k.addListener(n,k.animationEndEvents,function(){k.remove(n)})}function c(t){m(t);var e='<div class="noty_body">'+t.options.text+"</div>"+d(t)+'<div class="noty_progressbar"></div>';t.barDom=document.createElement("div"),t.barDom.setAttribute("id",t.id),k.addClass(t.barDom,"noty_bar noty_type__"+t.options.type+" noty_theme__"+t.options.theme),t.barDom.innerHTML=e,b(t,"onTemplate")}function l(t){return!(!t.options.buttons||!Object.keys(t.options.buttons).length)}function d(t){if(l(t)){var e=document.createElement("div");return k.addClass(e,"noty_buttons"),Object.keys(t.options.buttons).forEach(function(n){e.appendChild(t.options.buttons[n].dom)}),t.options.buttons.forEach(function(t){e.appendChild(t.dom)}),e.outerHTML}return""}function f(t){t.options.modal&&(0===C&&p(),e.DocModalCount=C+=1)}function h(t){if(t.options.modal&&C>0&&(e.DocModalCount=C-=1,C<=0)){var n=document.querySelector(".noty_modal");n&&(k.removeClass(n,"noty_modal_open"),k.addClass(n,"noty_modal_close"),k.addListener(n,k.animationEndEvents,function(){k.remove(n)}))}}function p(){var t=document.querySelector("body"),e=document.createElement("div");k.addClass(e,"noty_modal"),t.insertBefore(e,t.firstChild),k.addClass(e,"noty_modal_open"),k.addListener(e,k.animationEndEvents,function(){k.removeClass(e,"noty_modal_open")})}function m(t){if(t.options.container)return void(t.layoutDom=document.querySelector(t.options.container));var e="noty_layout__"+t.options.layout;t.layoutDom=document.querySelector("div#"+e),t.layoutDom||(t.layoutDom=document.createElement("div"),t.layoutDom.setAttribute("id",e),t.layoutDom.setAttribute("role","alert"),t.layoutDom.setAttribute("aria-live","polite"),k.addClass(t.layoutDom,"noty_layout"),document.querySelector("body").appendChild(t.layoutDom))}function v(t){t.options.timeout&&(t.options.progressBar&&t.progressDom&&k.css(t.progressDom,{transition:"width "+t.options.timeout+"ms linear",width:"0%"}),clearTimeout(t.closeTimer),t.closeTimer=setTimeout(function(){t.close()},t.options.timeout))}function y(t){t.options.timeout&&t.closeTimer&&(clearTimeout(t.closeTimer),t.closeTimer=-1,t.options.progressBar&&t.progressDom&&k.css(t.progressDom,{transition:"width 0ms linear",width:"100%"}))}function b(t,e){t.listeners.hasOwnProperty(e)&&t.listeners[e].forEach(function(e){"function"==typeof e&&e.apply(t)})}function w(t){b(t,"afterShow"),v(t),k.addListener(t.barDom,"mouseenter",function(){y(t)}),k.addListener(t.barDom,"mouseleave",function(){v(t)})}function g(t){delete P[t.id],t.closing=!1,b(t,"afterClose"),k.remove(t.barDom),0!==t.layoutDom.querySelectorAll(".noty_bar").length||t.options.container||k.remove(t.layoutDom),(k.inArray("docVisible",t.options.titleCount.conditions)||k.inArray("docHidden",t.options.titleCount.conditions))&&D.decrement(),s(t.options.queue)}Object.defineProperty(e,"__esModule",{value:!0}),e.Defaults=e.Store=e.Queues=e.DefaultMaxVisible=e.docTitle=e.DocModalCount=e.PageHidden=void 0,e.getQueueCounts=o,e.addToQueue=i,e.removeFromQueue=r,e.queueRender=s,e.queueRenderAll=u,e.ghostFix=a,e.build=c,e.hasButtons=l,e.handleModal=f,e.handleModalClose=h,e.queueClose=v,e.dequeueClose=y,e.fire=b,e.openFlow=w,e.closeFlow=g;var _=n(0),k=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e.default=t,e}(_),C=(e.PageHidden=!1,e.DocModalCount=0),S={originalTitle:null,count:0,changed:!1,timer:-1},D=e.docTitle={increment:function(){S.count++,D._update()},decrement:function(){if(--S.count<=0)return void D._clear();D._update()},_update:function(){var t=document.title;S.changed?document.title="("+S.count+") "+S.originalTitle:(S.originalTitle=t,document.title="("+S.count+") "+t,S.changed=!0)},_clear:function(){S.changed&&(S.count=0,document.title=S.originalTitle,S.changed=!1)}},x=e.DefaultMaxVisible=5,E=e.Queues={global:{maxVisible:x,queue:[]}},P=e.Store={};e.Defaults={type:"alert",layout:"topRight",theme:"mint",text:"",timeout:!1,progressBar:!0,closeWith:["click"],animation:{open:"noty_effects_open",close:"noty_effects_close"},id:!1,force:!1,killer:!1,queue:"global",container:!1,buttons:[],callbacks:{beforeShow:null,onShow:null,afterShow:null,onClose:null,afterClose:null,onClick:null,onHover:null,onTemplate:null},sounds:{sources:[],volume:1,conditions:[]},titleCount:{conditions:[]},modal:!1,visibilityControl:!1}},function(t,e,n){"use strict";function o(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(e,"__esModule",{value:!0}),e.NotyButton=void 0;var i=n(0),r=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e.default=t,e}(i);e.NotyButton=function t(e,n,i){var s=this,u=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};return o(this,t),this.dom=document.createElement("button"),this.dom.innerHTML=e,this.id=u.id=u.id||r.generateID("button"),this.cb=i,Object.keys(u).forEach(function(t){s.dom.setAttribute(t,u[t])}),r.addClass(this.dom,n||"noty_btn"),this}},function(t,e,n){"use strict";function o(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(e,"__esModule",{value:!0});var i=function(){function t(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}return function(e,n,o){return n&&t(e.prototype,n),o&&t(e,o),e}}();e.Push=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"/service-worker.js";return o(this,t),this.subData={},this.workerPath=e,this.listeners={onPermissionGranted:[],onPermissionDenied:[],onSubscriptionSuccess:[],onSubscriptionCancel:[],onWorkerError:[],onWorkerSuccess:[],onWorkerNotSupported:[]},this}return i(t,[{key:"on",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:function(){};return"function"==typeof e&&this.listeners.hasOwnProperty(t)&&this.listeners[t].push(e),this}},{key:"fire",value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];this.listeners.hasOwnProperty(t)&&this.listeners[t].forEach(function(t){"function"==typeof t&&t.apply(e,n)})}},{key:"create",value:function(){console.log("NOT IMPLEMENTED YET")}},{key:"isSupported",value:function(){var t=!1;try{t=window.Notification||window.webkitNotifications||navigator.mozNotification||window.external&&void 0!==window.external.msIsSiteMode()}catch(t){}return t}},{key:"getPermissionStatus",value:function(){var t="default";if(window.Notification&&window.Notification.permissionLevel)t=window.Notification.permissionLevel;else if(window.webkitNotifications&&window.webkitNotifications.checkPermission)switch(window.webkitNotifications.checkPermission()){case 1:t="default";break;case 0:t="granted";break;default:t="denied"}else window.Notification&&window.Notification.permission?t=window.Notification.permission:navigator.mozNotification?t="granted":window.external&&void 0!==window.external.msIsSiteMode()&&(t=window.external.msIsSiteMode()?"granted":"default");return t.toString().toLowerCase()}},{key:"getEndpoint",value:function(t){var e=t.endpoint,n=t.subscriptionId;return n&&-1===e.indexOf(n)&&(e+="/"+n),e}},{key:"isSWRegistered",value:function(){try{return"activated"===navigator.serviceWorker.controller.state}catch(t){return!1}}},{key:"unregisterWorker",value:function(){var t=this;"serviceWorker"in navigator&&navigator.serviceWorker.getRegistrations().then(function(e){var n=!0,o=!1,i=void 0;try{for(var r,s=e[Symbol.iterator]();!(n=(r=s.next()).done);n=!0){r.value.unregister(),t.fire("onSubscriptionCancel")}}catch(t){o=!0,i=t}finally{try{!n&&s.return&&s.return()}finally{if(o)throw i}}})}},{key:"requestSubscription",value:function(){var t=this,e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],n=this,o=this.getPermissionStatus(),i=function(o){"granted"===o?(t.fire("onPermissionGranted"),"serviceWorker"in navigator?navigator.serviceWorker.register(t.workerPath).then(function(){navigator.serviceWorker.ready.then(function(t){n.fire("onWorkerSuccess"),t.pushManager.subscribe({userVisibleOnly:e}).then(function(t){var e=t.getKey("p256dh"),o=t.getKey("auth");n.subData={endpoint:n.getEndpoint(t),p256dh:e?window.btoa(String.fromCharCode.apply(null,new Uint8Array(e))):null,auth:o?window.btoa(String.fromCharCode.apply(null,new Uint8Array(o))):null},n.fire("onSubscriptionSuccess",[n.subData])}).catch(function(t){n.fire("onWorkerError",[t])})})}):n.fire("onWorkerNotSupported")):"denied"===o&&(t.fire("onPermissionDenied"),t.unregisterWorker())};"default"===o?window.Notification&&window.Notification.requestPermission?window.Notification.requestPermission(i):window.webkitNotifications&&window.webkitNotifications.checkPermission&&window.webkitNotifications.requestPermission(i):i(o)}}]),t}()},function(t,e,n){(function(e,o){/*!
+ * @overview es6-promise - a tiny implementation of Promises/A+.
+ * @copyright Copyright (c) 2014 Yehuda Katz, Tom Dale, Stefan Penner and contributors (Conversion to ES6 API by Jake Archibald)
+ * @license   Licensed under MIT license
+ *            See https://raw.githubusercontent.com/stefanpenner/es6-promise/master/LICENSE
+ * @version   4.1.1
+ */
+!function(e,n){t.exports=n()}(0,function(){"use strict";function t(t){var e=typeof t;return null!==t&&("object"===e||"function"===e)}function i(t){return"function"==typeof t}function r(t){z=t}function s(t){U=t}function u(){return void 0!==R?function(){R(c)}:a()}function a(){var t=setTimeout;return function(){return t(c,1)}}function c(){for(var t=0;t<I;t+=2){(0,X[t])(X[t+1]),X[t]=void 0,X[t+1]=void 0}I=0}function l(t,e){var n=arguments,o=this,i=new this.constructor(f);void 0===i[tt]&&A(i);var r=o._state;return r?function(){var t=n[r-1];U(function(){return P(r,i,t,o._result)})}():S(o,i,t,e),i}function d(t){var e=this;if(t&&"object"==typeof t&&t.constructor===e)return t;var n=new e(f);return g(n,t),n}function f(){}function h(){return new TypeError("You cannot resolve a promise with itself")}function p(){return new TypeError("A promises callback cannot return that same promise.")}function m(t){try{return t.then}catch(t){return it.error=t,it}}function v(t,e,n,o){try{t.call(e,n,o)}catch(t){return t}}function y(t,e,n){U(function(t){var o=!1,i=v(n,e,function(n){o||(o=!0,e!==n?g(t,n):k(t,n))},function(e){o||(o=!0,C(t,e))},"Settle: "+(t._label||" unknown promise"));!o&&i&&(o=!0,C(t,i))},t)}function b(t,e){e._state===nt?k(t,e._result):e._state===ot?C(t,e._result):S(e,void 0,function(e){return g(t,e)},function(e){return C(t,e)})}function w(t,e,n){e.constructor===t.constructor&&n===l&&e.constructor.resolve===d?b(t,e):n===it?(C(t,it.error),it.error=null):void 0===n?k(t,e):i(n)?y(t,e,n):k(t,e)}function g(e,n){e===n?C(e,h()):t(n)?w(e,n,m(n)):k(e,n)}function _(t){t._onerror&&t._onerror(t._result),D(t)}function k(t,e){t._state===et&&(t._result=e,t._state=nt,0!==t._subscribers.length&&U(D,t))}function C(t,e){t._state===et&&(t._state=ot,t._result=e,U(_,t))}function S(t,e,n,o){var i=t._subscribers,r=i.length;t._onerror=null,i[r]=e,i[r+nt]=n,i[r+ot]=o,0===r&&t._state&&U(D,t)}function D(t){var e=t._subscribers,n=t._state;if(0!==e.length){for(var o=void 0,i=void 0,r=t._result,s=0;s<e.length;s+=3)o=e[s],i=e[s+n],o?P(n,o,i,r):i(r);t._subscribers.length=0}}function x(){this.error=null}function E(t,e){try{return t(e)}catch(t){return rt.error=t,rt}}function P(t,e,n,o){var r=i(n),s=void 0,u=void 0,a=void 0,c=void 0;if(r){if(s=E(n,o),s===rt?(c=!0,u=s.error,s.error=null):a=!0,e===s)return void C(e,p())}else s=o,a=!0;e._state!==et||(r&&a?g(e,s):c?C(e,u):t===nt?k(e,s):t===ot&&C(e,s))}function T(t,e){try{e(function(e){g(t,e)},function(e){C(t,e)})}catch(e){C(t,e)}}function O(){return st++}function A(t){t[tt]=st++,t._state=void 0,t._result=void 0,t._subscribers=[]}function M(t,e){this._instanceConstructor=t,this.promise=new t(f),this.promise[tt]||A(this.promise),F(e)?(this.length=e.length,this._remaining=e.length,this._result=new Array(this.length),0===this.length?k(this.promise,this._result):(this.length=this.length||0,this._enumerate(e),0===this._remaining&&k(this.promise,this._result))):C(this.promise,q())}function q(){return new Error("Array Methods must be provided an Array")}function j(t){return new M(this,t).promise}function N(t){var e=this;return new e(F(t)?function(n,o){for(var i=t.length,r=0;r<i;r++)e.resolve(t[r]).then(n,o)}:function(t,e){return e(new TypeError("You must pass an array to race."))})}function L(t){var e=this,n=new e(f);return C(n,t),n}function H(){throw new TypeError("You must pass a resolver function as the first argument to the promise constructor")}function W(){throw new TypeError("Failed to construct 'Promise': Please use the 'new' operator, this object constructor cannot be called as a function.")}function Q(t){this[tt]=O(),this._result=this._state=void 0,this._subscribers=[],f!==t&&("function"!=typeof t&&H(),this instanceof Q?T(this,t):W())}function V(){var t=void 0;if(void 0!==o)t=o;else if("undefined"!=typeof self)t=self;else try{t=Function("return this")()}catch(t){throw new Error("polyfill failed because global object is unavailable in this environment")}var e=t.Promise;if(e){var n=null;try{n=Object.prototype.toString.call(e.resolve())}catch(t){}if("[object Promise]"===n&&!e.cast)return}t.Promise=Q}var B=void 0;B=Array.isArray?Array.isArray:function(t){return"[object Array]"===Object.prototype.toString.call(t)};var F=B,I=0,R=void 0,z=void 0,U=function(t,e){X[I]=t,X[I+1]=e,2===(I+=2)&&(z?z(c):Z())},Y="undefined"!=typeof window?window:void 0,K=Y||{},G=K.MutationObserver||K.WebKitMutationObserver,$="undefined"==typeof self&&void 0!==e&&"[object process]"==={}.toString.call(e),J="undefined"!=typeof Uint8ClampedArray&&"undefined"!=typeof importScripts&&"undefined"!=typeof MessageChannel,X=new Array(1e3),Z=void 0;Z=$?function(){return function(){return e.nextTick(c)}}():G?function(){var t=0,e=new G(c),n=document.createTextNode("");return e.observe(n,{characterData:!0}),function(){n.data=t=++t%2}}():J?function(){var t=new MessageChannel;return t.port1.onmessage=c,function(){return t.port2.postMessage(0)}}():void 0===Y?function(){try{var t=n(9);return R=t.runOnLoop||t.runOnContext,u()}catch(t){return a()}}():a();var tt=Math.random().toString(36).substring(16),et=void 0,nt=1,ot=2,it=new x,rt=new x,st=0;return M.prototype._enumerate=function(t){for(var e=0;this._state===et&&e<t.length;e++)this._eachEntry(t[e],e)},M.prototype._eachEntry=function(t,e){var n=this._instanceConstructor,o=n.resolve;if(o===d){var i=m(t);if(i===l&&t._state!==et)this._settledAt(t._state,e,t._result);else if("function"!=typeof i)this._remaining--,this._result[e]=t;else if(n===Q){var r=new n(f);w(r,t,i),this._willSettleAt(r,e)}else this._willSettleAt(new n(function(e){return e(t)}),e)}else this._willSettleAt(o(t),e)},M.prototype._settledAt=function(t,e,n){var o=this.promise;o._state===et&&(this._remaining--,t===ot?C(o,n):this._result[e]=n),0===this._remaining&&k(o,this._result)},M.prototype._willSettleAt=function(t,e){var n=this;S(t,void 0,function(t){return n._settledAt(nt,e,t)},function(t){return n._settledAt(ot,e,t)})},Q.all=j,Q.race=N,Q.resolve=d,Q.reject=L,Q._setScheduler=r,Q._setAsap=s,Q._asap=U,Q.prototype={constructor:Q,then:l,catch:function(t){return this.then(null,t)}},Q.polyfill=V,Q.Promise=Q,Q})}).call(e,n(7),n(8))},function(t,e){},function(t,e,n){"use strict";function o(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e.default=t,e}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(e,"__esModule",{value:!0});var r=function(){function t(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}return function(e,n,o){return n&&t(e.prototype,n),o&&t(e,o),e}}();n(5);var s=n(4),u=function(t){return t&&t.__esModule?t:{default:t}}(s),a=n(0),c=o(a),l=n(1),d=o(l),f=n(2),h=n(3),p=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return i(this,t),this.options=c.deepExtend({},d.Defaults,e),d.Store[this.options.id]?d.Store[this.options.id]:(this.id=this.options.id||c.generateID("bar"),this.closeTimer=-1,this.barDom=null,this.layoutDom=null,this.progressDom=null,this.showing=!1,this.shown=!1,this.closed=!1,this.closing=!1,this.killable=this.options.timeout||this.options.closeWith.length>0,this.hasSound=this.options.sounds.sources.length>0,this.soundPlayed=!1,this.listeners={beforeShow:[],onShow:[],afterShow:[],onClose:[],afterClose:[],onClick:[],onHover:[],onTemplate:[]},this.promises={show:null,close:null},this.on("beforeShow",this.options.callbacks.beforeShow),this.on("onShow",this.options.callbacks.onShow),this.on("afterShow",this.options.callbacks.afterShow),this.on("onClose",this.options.callbacks.onClose),this.on("afterClose",this.options.callbacks.afterClose),this.on("onClick",this.options.callbacks.onClick),this.on("onHover",this.options.callbacks.onHover),this.on("onTemplate",this.options.callbacks.onTemplate),this)}return r(t,[{key:"on",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:function(){};return"function"==typeof e&&this.listeners.hasOwnProperty(t)&&this.listeners[t].push(e),this}},{key:"show",value:function(){var e=this;if(this.showing||this.shown)return this;!0===this.options.killer?t.closeAll():"string"==typeof this.options.killer&&t.closeAll(this.options.killer);var n=d.getQueueCounts(this.options.queue);if(n.current>=n.maxVisible||d.PageHidden&&this.options.visibilityControl)return d.addToQueue(this),d.PageHidden&&this.hasSound&&c.inArray("docHidden",this.options.sounds.conditions)&&c.createAudioElements(this),d.PageHidden&&c.inArray("docHidden",this.options.titleCount.conditions)&&d.docTitle.increment(),this;if(d.Store[this.id]=this,d.fire(this,"beforeShow"),this.showing=!0,this.closing)return this.showing=!1,this;if(d.build(this),d.handleModal(this),this.options.force?this.layoutDom.insertBefore(this.barDom,this.layoutDom.firstChild):this.layoutDom.appendChild(this.barDom),this.hasSound&&!this.soundPlayed&&c.inArray("docVisible",this.options.sounds.conditions)&&c.createAudioElements(this),c.inArray("docVisible",this.options.titleCount.conditions)&&d.docTitle.increment(),this.shown=!0,this.closed=!1,d.hasButtons(this)&&Object.keys(this.options.buttons).forEach(function(t){var n=e.barDom.querySelector("#"+e.options.buttons[t].id);c.addListener(n,"click",function(n){c.stopPropagation(n),e.options.buttons[t].cb(e)})}),this.progressDom=this.barDom.querySelector(".noty_progressbar"),c.inArray("click",this.options.closeWith)&&(c.addClass(this.barDom,"noty_close_with_click"),c.addListener(this.barDom,"click",function(t){c.stopPropagation(t),d.fire(e,"onClick"),e.close()},!1)),c.addListener(this.barDom,"mouseenter",function(){d.fire(e,"onHover")},!1),this.options.timeout&&c.addClass(this.barDom,"noty_has_timeout"),this.options.progressBar&&c.addClass(this.barDom,"noty_has_progressbar"),c.inArray("button",this.options.closeWith)){c.addClass(this.barDom,"noty_close_with_button");var o=document.createElement("div");c.addClass(o,"noty_close_button"),o.innerHTML="×",this.barDom.appendChild(o),c.addListener(o,"click",function(t){c.stopPropagation(t),e.close()},!1)}return d.fire(this,"onShow"),null===this.options.animation.open?this.promises.show=new u.default(function(t){t()}):"function"==typeof this.options.animation.open?this.promises.show=new u.default(this.options.animation.open.bind(this)):(c.addClass(this.barDom,this.options.animation.open),this.promises.show=new u.default(function(t){c.addListener(e.barDom,c.animationEndEvents,function(){c.removeClass(e.barDom,e.options.animation.open),t()})})),this.promises.show.then(function(){var t=e;setTimeout(function(){d.openFlow(t)},100)}),this}},{key:"stop",value:function(){return d.dequeueClose(this),this}},{key:"resume",value:function(){return d.queueClose(this),this}},{key:"setTimeout",value:function(t){function e(e){return t.apply(this,arguments)}return e.toString=function(){return t.toString()},e}(function(t){if(this.stop(),this.options.timeout=t,this.barDom){this.options.timeout?c.addClass(this.barDom,"noty_has_timeout"):c.removeClass(this.barDom,"noty_has_timeout");var e=this;setTimeout(function(){e.resume()},100)}return this})},{key:"setText",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return this.barDom&&(this.barDom.querySelector(".noty_body").innerHTML=t),e&&(this.options.text=t),this}},{key:"setType",value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(this.barDom){c.classList(this.barDom).split(" ").forEach(function(t){"noty_type__"===t.substring(0,11)&&c.removeClass(e.barDom,t)}),c.addClass(this.barDom,"noty_type__"+t)}return n&&(this.options.type=t),this}},{key:"setTheme",value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(this.barDom){c.classList(this.barDom).split(" ").forEach(function(t){"noty_theme__"===t.substring(0,12)&&c.removeClass(e.barDom,t)}),c.addClass(this.barDom,"noty_theme__"+t)}return n&&(this.options.theme=t),this}},{key:"close",value:function(){var t=this;return this.closed?this:this.shown?(d.fire(this,"onClose"),this.closing=!0,null===this.options.animation.close||!1===this.options.animation.close?this.promises.close=new u.default(function(t){t()}):"function"==typeof this.options.animation.close?this.promises.close=new u.default(this.options.animation.close.bind(this)):(c.addClass(this.barDom,this.options.animation.close),this.promises.close=new u.default(function(e){c.addListener(t.barDom,c.animationEndEvents,function(){t.options.force?c.remove(t.barDom):d.ghostFix(t),e()})})),this.promises.close.then(function(){d.closeFlow(t),d.handleModalClose(t)}),this.closed=!0,this):(d.removeFromQueue(this),this)}}],[{key:"closeAll",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return Object.keys(d.Store).forEach(function(e){t?d.Store[e].options.queue===t&&d.Store[e].killable&&d.Store[e].close():d.Store[e].killable&&d.Store[e].close()}),this}},{key:"clearQueue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"global";return d.Queues.hasOwnProperty(t)&&(d.Queues[t].queue=[]),this}},{key:"overrideDefaults",value:function(t){return d.Defaults=c.deepExtend({},d.Defaults,t),this}},{key:"setMaxVisible",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:d.DefaultMaxVisible,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"global";return d.Queues.hasOwnProperty(e)||(d.Queues[e]={maxVisible:t,queue:[]}),d.Queues[e].maxVisible=t,this}},{key:"button",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=arguments[2],o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};return new f.NotyButton(t,e,n,o)}},{key:"version",value:function(){return"3.2.0-beta"}},{key:"Push",value:function(t){return new h.Push(t)}},{key:"Queues",get:function(){return d.Queues}},{key:"PageHidden",get:function(){return d.PageHidden}}]),t}();e.default=p,"undefined"!=typeof window&&c.visibilityChangeFlow(),t.exports=e.default},function(t,e){function n(){throw new Error("setTimeout has not been defined")}function o(){throw new Error("clearTimeout has not been defined")}function i(t){if(l===setTimeout)return setTimeout(t,0);if((l===n||!l)&&setTimeout)return l=setTimeout,setTimeout(t,0);try{return l(t,0)}catch(e){try{return l.call(null,t,0)}catch(e){return l.call(this,t,0)}}}function r(t){if(d===clearTimeout)return clearTimeout(t);if((d===o||!d)&&clearTimeout)return d=clearTimeout,clearTimeout(t);try{return d(t)}catch(e){try{return d.call(null,t)}catch(e){return d.call(this,t)}}}function s(){m&&h&&(m=!1,h.length?p=h.concat(p):v=-1,p.length&&u())}function u(){if(!m){var t=i(s);m=!0;for(var e=p.length;e;){for(h=p,p=[];++v<e;)h&&h[v].run();v=-1,e=p.length}h=null,m=!1,r(t)}}function a(t,e){this.fun=t,this.array=e}function c(){}var l,d,f=t.exports={};!function(){try{l="function"==typeof setTimeout?setTimeout:n}catch(t){l=n}try{d="function"==typeof clearTimeout?clearTimeout:o}catch(t){d=o}}();var h,p=[],m=!1,v=-1;f.nextTick=function(t){var e=new Array(arguments.length-1);if(arguments.length>1)for(var n=1;n<arguments.length;n++)e[n-1]=arguments[n];p.push(new a(t,e)),1!==p.length||m||i(u)},a.prototype.run=function(){this.fun.apply(null,this.array)},f.title="browser",f.browser=!0,f.env={},f.argv=[],f.version="",f.versions={},f.on=c,f.addListener=c,f.once=c,f.off=c,f.removeListener=c,f.removeAllListeners=c,f.emit=c,f.prependListener=c,f.prependOnceListener=c,f.listeners=function(t){return[]},f.binding=function(t){throw new Error("process.binding is not supported")},f.cwd=function(){return"/"},f.chdir=function(t){throw new Error("process.chdir is not supported")},f.umask=function(){return 0}},function(t,e){var n;n=function(){return this}();try{n=n||Function("return this")()||(0,eval)("this")}catch(t){"object"==typeof window&&(n=window)}t.exports=n},function(t,e){}])});
+//# sourceMappingURL=noty.min.js.map
Index: public/mix-manifest.json
===================================================================
--- public/mix-manifest.json	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ public/mix-manifest.json	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -1,5 +1,4 @@
 {
     "/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",
