Index: app/Helpers/Alert.php
===================================================================
--- app/Helpers/Alert.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ app/Helpers/Alert.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,14 @@
+<?php
+
+namespace App\Helpers;
+
+class Alert
+{
+    public static function flash($message, $type = "success")
+    {
+        return request()->session()->flash("alert", [
+            "message" => $message,
+            "type" => $type
+        ]);
+    }
+}
Index: app/Http/Controllers/Dashboard/DepartmentsController.php
===================================================================
--- app/Http/Controllers/Dashboard/DepartmentsController.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ app/Http/Controllers/Dashboard/DepartmentsController.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,75 @@
+<?php
+
+namespace App\Http\Controllers\Dashboard;
+
+use App\Helpers\Alert;
+use App\Http\Requests\Dashboard\NewDepartmentRequest;
+use App\Http\Requests\Dashboard\UpdateDepartmentRequest;
+use App\Models\Department;
+use App\Models\User;
+use Illuminate\Http\Request;
+use App\Http\Controllers\Controller;
+use Illuminate\Support\Facades\Auth;
+
+class DepartmentsController extends Controller
+{
+    public function index()
+    {
+        return view("dashboard.departments.index")->with([
+            "departments" => Department::all()
+        ]);
+    }
+
+    public function create()
+    {
+        return view("dashboard.departments.create");
+    }
+
+    public function editShow($id)
+    {
+        return view("dashboard.departments.edit")->with([
+            "department" => Department::findOrFail($id)
+        ]);
+    }
+
+    public function edit(UpdateDepartmentRequest $request, $id)
+    {
+        $department = Department::findOrFail($id);
+
+        $department->name = $request->name;
+        $department->code = $request->code;
+
+        $department->save();
+
+        Alert::flash("Department edited successfully");
+
+        return redirect()->route("dashboard.departments.index");
+    }
+
+    public function store(NewDepartmentRequest $request)
+    {
+        $department = new Department();
+
+        $department->name = $request->name;
+        $department->code = $request->code;
+
+        $department->user_id = auth()->id();
+
+        $department->save();
+
+        Alert::flash("New Department added successfully");
+
+        return redirect()->route("dashboard.departments.index");
+    }
+
+    public function destroy(Request $request, $id)
+    {
+        $department = Department::find($id);
+
+        $department->delete();
+
+        Alert::flash($department->name . " deleted successfully");
+
+        return redirect()->route("dashboard.departments.index");
+    }
+}
Index: app/Http/Controllers/Dashboard/IndexController.php
===================================================================
--- app/Http/Controllers/Dashboard/IndexController.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ app/Http/Controllers/Dashboard/IndexController.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,23 @@
+<?php
+
+namespace App\Http\Controllers\Dashboard;
+
+use App\Helpers\Alert;
+use App\Models\User;
+use App\Http\Controllers\Controller;
+
+class IndexController extends Controller
+{
+    public function index()
+    {
+        $counters = array(
+            "users" => User::count(),
+        );
+
+        Alert::flash("test");
+
+        return view("dashboard.index")->with([
+            "counters" => $counters,
+        ]);
+    }
+}
Index: app/Http/Controllers/Dashboard/NotificationsController.php
===================================================================
--- app/Http/Controllers/Dashboard/NotificationsController.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ app/Http/Controllers/Dashboard/NotificationsController.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,81 @@
+<?php
+
+namespace App\Http\Controllers\Dashboard;
+
+use Carbon\Carbon;
+use App\Http\Controllers\Controller;
+
+class NotificationsController extends Controller
+{
+    public $notifications;
+    private $notificationsLimit = 10;
+
+    public function __construct() {
+        $this->middleware("auth");
+        $this->notifications = null;
+    }
+
+    public function notifications() {
+        return view("dashboard.notifications.index")->with([
+            "notifications" => $this->decode(auth()->user()->notifications, true)
+        ]);
+    }
+
+    public function getNotifications() {
+        return auth()->user()->readNotifications;
+    }
+
+    public function getUnreadNotifications() {
+        return auth()->user()->unreadNotifications;
+    }
+
+    public function markNotificationsAsRead() {
+        return auth()->user()->unreadNotifications->markAsRead();
+    }
+
+    public function showNotifications() {
+
+        $this->notifications = collect();
+
+        if($this->getUnreadNotifications()->count() == 0) {
+            $this->notifications->push($this->getNotifications()->take($this->notificationsLimit));
+            $this->notifications = $this->notifications->flatten();
+            return response()->json($this->decode($this->notifications->reverse()));
+        }
+
+        if($this->getUnreadNotifications()->count() > 10) {
+            $this->notifications->push($this->getUnreadNotifications()->take($this->notificationsLimit));
+        } else {
+            $readNotifications = $this->notificationsLimit - $this->getUnreadNotifications()->count();
+            $this->notifications->push($this->getUnreadNotifications());
+            $this->notifications->push($this->getNotifications()->take($readNotifications));
+        }
+
+        $this->notifications = $this->notifications->flatten();
+
+        return response()->json($this->decode($this->notifications->reverse()));
+    }
+
+    public function decode($notifications, $isShowOnly = false) {
+
+        $response = array();
+        $decoded = json_decode($notifications);
+
+        foreach($decoded as $notification) {
+            $isRead = empty($notification->read_at) ? false : true;
+            array_push($response, [
+                "isRead" => $isRead,
+                // "from" => $notification->data->from,
+                "url" => $notification->data->url,
+                "message" => $notification->data->message,
+                "ago" => Carbon::parse($notification->created_at)->diffForHumans(),
+            ]);
+        }
+
+        if(!$isShowOnly) {
+            $this->markNotificationsAsRead();
+        }
+
+        return $response;
+    }
+}
Index: app/Http/Controllers/Dashboard/SettingsController.php
===================================================================
--- app/Http/Controllers/Dashboard/SettingsController.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ app/Http/Controllers/Dashboard/SettingsController.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,82 @@
+<?php
+
+namespace App\Http\Controllers\Dashboard;
+
+use App\Helpers\Alert;
+use App\Http\Requests\Dashboard\EmailSettingsRequest;
+use App\Http\Requests\Dashboard\NewUserRequest;
+use App\Http\Requests\Dashboard\PasswordSettingsRequest;
+use App\Http\Requests\Dashboard\PhotosSettingsRequest;
+use App\Http\Requests\Dashboard\SocialLinksSettingsRequest;
+use App\Http\Requests\Dashboard\UsernameSettingsRequest;
+use App\Http\Requests\Dashboard\UserProfileSettingsRequest;
+use App\Models\Post;
+use App\Models\Role;
+use App\Models\User;
+use App\Models\UserProfile;
+use Illuminate\Support\Str;
+use Illuminate\Http\Request;
+use App\Http\Controllers\Controller;
+use Illuminate\Support\Facades\File;
+use Illuminate\Support\Facades\Hash;
+use App\Notifications\VerifyNewEmail;
+use Illuminate\Support\Facades\Storage;
+use Propaganistas\LaravelPhone\PhoneNumber;
+use Propaganistas\LaravelIntl\Facades\Country;
+
+class SettingsController extends Controller
+{
+    public function settings()
+    {
+        return view("dashboard.settings.index")->with([
+            "user" => auth()->user(),
+            "adminAndEditors" => User::where("role_id", 1)->orWhere("role_id", 2)->get()
+        ]);
+    }
+
+    public function updateUsername(UsernameSettingsRequest $request)
+    {
+        $user = auth()->user();
+        $user->username = $request->username;
+        $user->save();
+
+        auth()->logout();
+        session()->flush();
+
+        return redirect()->route("auth.loginShow");
+    }
+
+    public function updatePassword(PasswordSettingsRequest $request)
+    {
+        $user = auth()->user();
+        $user->password = bcrypt($request->password);
+        $user->save();
+
+        auth()->logout();
+        session()->flush();
+
+        return redirect()->route("auth.loginShow");
+    }
+
+    public function updateEmail(EmailSettingsRequest $request)
+    {
+        $user = auth()->user();
+
+        $user->email = $request->email;
+        $user->is_active = false;
+        $user->security_code = $user->generateSecurityCode();
+        $user->verify_token = $user->generateVerifyToken();
+
+        $user->save();
+
+        $user->notify(new VerifyNewEmail($user));
+
+        auth()->logout();
+        session()->flush();
+
+        return redirect()->route("auth.loginShow");
+    }
+
+
+
+}
Index: app/Http/Controllers/Dashboard/UsersController.php
===================================================================
--- app/Http/Controllers/Dashboard/UsersController.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ app/Http/Controllers/Dashboard/UsersController.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,131 @@
+<?php
+
+namespace App\Http\Controllers\Dashboard;
+
+use App\Helpers\Alert;
+use App\Http\Requests\Dashboard\NewUserRequest;
+use App\Http\Requests\Dashboard\UpdateUserRequest;
+use App\Models\Role;
+use App\Models\User;
+use App\Notifications\VerifyNewEmail;
+use Illuminate\Http\Request;
+use App\Notifications\WelcomeUser;
+use App\Http\Controllers\Controller;
+
+class UsersController extends Controller
+{
+    public function index()
+    {
+        return view("dashboard.users.index")->with([
+            "users" => User::all()
+        ]);
+    }
+
+    public function create()
+    {
+        return view("dashboard.users.create")->with([
+            "roles" => Role::all(),
+        ]);
+    }
+
+    public function store(NewUserRequest $request)
+    {
+        $user = new User();
+
+        $user->name = $request->name;
+        $user->surname = $request->surname;
+        $user->email = $request->email;
+        $user->mobile_number = $request->mobile_number;
+        $user->username = $request->username;
+        $user->password = $user->generateTemporaryPassword();
+        $user->security_code = $user->generateSecurityCode();
+        $user->verify_token = $user->generateVerifyToken();
+
+        $user->role_id = $request->userRole;
+
+        $user->save();
+
+        $user->notify(new WelcomeUser($user));
+
+        Alert::flash("New user added successfully");
+
+        return redirect()->route("dashboard.users.index");
+    }
+
+    public function editShow($id)
+    {
+        return view("dashboard.users.edit")->with([
+            "user" => User::findOrFail($id),
+            "roles" => Role::all(),
+        ]);
+    }
+
+    public function edit(UpdateUserRequest $request, $id)
+    {
+        $user = User::findOrFail($id);
+        $user->name = $request->name;
+        $user->surname = $request->surname;
+        $user->username = $request->username;
+        $user->email = $request->email;
+        $user->mobile_number = $request->mobile_number;
+        $user->role_id = $request->userRole;
+        if($user->isDirty('email')) {
+            $user->notify(new VerifyNewEmail($user));
+        }
+        $user->save();
+
+        Alert::flash("User updated successfully");
+
+        return redirect()->route("dashboard.users.index");
+    }
+
+    public function editUserData(UpdateUserRequest $request, $id)
+    {
+        $user = User::findOrFail($id);
+        $user->name = $request->name;
+        $user->surname = $request->surname;
+        $user->mobile_number = $request->mobile_number;
+
+        $user->save();
+
+        Alert::flash("User data updated successfully");
+
+        return redirect()->route("dashboard.settings.index");
+    }
+
+    public function block(Request $request, $id)
+    {
+        $user = User::find($id);
+        $user->is_active = false;
+        $user->save();
+        Alert::flash($user->name . " User blocked successfully");
+        return redirect()->route("dashboard.users.index");
+    }
+
+    public function unblock(Request $request, $id)
+    {
+        $user = User::find($id);
+        $user->is_active = true;
+        $user->save();
+        Alert::flash($user->name . " User unblocked successfully");
+        return redirect()->route("dashboard.users.index");
+    }
+
+    public function destroy(Request $request, $id)
+    {
+        $user = User::find($id);
+
+        $user->userProfile->delete();
+        $user->delete();
+
+        Alert::flash($user->name . " deleted successfully");
+
+        return redirect()->route("dashboard.users.index");
+    }
+
+    public function getUserRoles()
+    {
+      $roles = Role::get();
+      return $roles;
+    }
+}
Index: app/Http/Requests/Dashboard/EmailSettingsRequest.php
===================================================================
--- app/Http/Requests/Dashboard/EmailSettingsRequest.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ app/Http/Requests/Dashboard/EmailSettingsRequest.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,30 @@
+<?php
+
+namespace App\Http\Requests\Dashboard;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+class EmailSettingsRequest extends FormRequest
+{
+    /**
+     * Determine if the user is authorized to make this request.
+     *
+     * @return bool
+     */
+    public function authorize()
+    {
+        return true;
+    }
+
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return array
+     */
+    public function rules()
+    {
+        return [
+            "email" => "required|string|email|max:255|unique:users,email,$this->id,id",
+        ];
+    }
+}
Index: app/Http/Requests/Dashboard/NewDepartmentRequest.php
===================================================================
--- app/Http/Requests/Dashboard/NewDepartmentRequest.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ app/Http/Requests/Dashboard/NewDepartmentRequest.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,31 @@
+<?php
+
+namespace App\Http\Requests\Dashboard;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+class NewDepartmentRequest extends FormRequest
+{
+    /**
+     * Determine if the user is authorized to make this request.
+     *
+     * @return bool
+     */
+    public function authorize()
+    {
+        return true;
+    }
+
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return array
+     */
+    public function rules()
+    {
+        return [
+        "name" => "required|min:2|max:25|unique:departments,name",
+        "code" => "required|min:2|max:10|unique:departments,code"
+        ];
+    }
+}
Index: app/Http/Requests/Dashboard/NewUserRequest.php
===================================================================
--- app/Http/Requests/Dashboard/NewUserRequest.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ app/Http/Requests/Dashboard/NewUserRequest.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,41 @@
+<?php
+
+namespace App\Http\Requests\Dashboard;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+class NewUserRequest extends FormRequest
+{
+    /**
+     * Determine if the user is authorized to make this request.
+     *
+     * @return bool
+     */
+    public function authorize()
+    {
+        return true;
+    }
+
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return array
+     */
+    public function rules()
+    {
+        return [
+            "name" => "required|alpha|min:2|max:255",
+            "surname" => "required|alpha|min:2|max:255",
+            "mobile_number" => "required|unique:users,mobile_number",
+            "email" => "required|string|email|max:255|unique:users,email",
+            "username" => "required|min:8|unique:users,username",
+            "userRole" => "required|exists:roles,id"
+        ];
+    }
+
+    protected function getValidatorInstance()
+    {
+
+        return parent::getValidatorInstance();
+    }
+}
Index: app/Http/Requests/Dashboard/PasswordSettingsRequest.php
===================================================================
--- app/Http/Requests/Dashboard/PasswordSettingsRequest.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ app/Http/Requests/Dashboard/PasswordSettingsRequest.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,39 @@
+<?php
+
+namespace App\Http\Requests\Dashboard;
+
+use Illuminate\Foundation\Http\FormRequest;
+use Illuminate\Support\Facades\Hash;
+
+class PasswordSettingsRequest extends FormRequest
+{
+    /**
+     * Determine if the user is authorized to make this request.
+     *
+     * @return bool
+     */
+    public function authorize()
+    {
+        return true;
+    }
+
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return array
+     */
+    public function rules()
+    {
+        return [
+            "current_password" => [
+                "required",
+                function($attribute, $value, $fail) {
+                    if(!Hash::check($value, auth()->user()->password)) {
+                        $fail("Current password is invalid.");
+                    }
+                }
+            ],
+            "password" => "required|string|confirmed|min:8",
+        ];
+    }
+}
Index: app/Http/Requests/Dashboard/UpdateDepartmentRequest.php
===================================================================
--- app/Http/Requests/Dashboard/UpdateDepartmentRequest.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ app/Http/Requests/Dashboard/UpdateDepartmentRequest.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,31 @@
+<?php
+
+namespace App\Http\Requests\Dashboard;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+class UpdateDepartmentRequest extends FormRequest
+{
+    /**
+     * Determine if the user is authorized to make this request.
+     *
+     * @return bool
+     */
+    public function authorize()
+    {
+        return true;
+    }
+
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return array
+     */
+    public function rules()
+    {
+        return [
+            "name" => "required|min:2|max:25|unique:departments,name,$this->id,id",
+            "code" => "required|min:2|max:10|unique:departments,code,$this->id,id"
+        ];
+    }
+}
Index: app/Http/Requests/Dashboard/UpdateUserRequest.php
===================================================================
--- app/Http/Requests/Dashboard/UpdateUserRequest.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ app/Http/Requests/Dashboard/UpdateUserRequest.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,41 @@
+<?php
+
+namespace App\Http\Requests\Dashboard;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+class UpdateUserRequest extends FormRequest
+{
+    /**
+     * Determine if the user is authorized to make this request.
+     *
+     * @return bool
+     */
+    public function authorize()
+    {
+        return true;
+    }
+
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return array
+     */
+    public function rules()
+    {
+        return [
+            "name" => "required|alpha|min:2|max:255",
+            "surname" => "required|alpha|min:2|max:255",
+            "mobile_number" => "required|unique:users,mobile_number,$this->id,id",
+            "email" => "required|string|email|max:255|unique:users,email,$this->id,id",
+            "username" => "required|min:8|unique:users,username,$this->id,id",
+            "userRole" => "required|exists:roles,id"
+        ];
+    }
+
+    protected function getValidatorInstance()
+    {
+
+        return parent::getValidatorInstance();
+    }
+}
Index: app/Http/Requests/Dashboard/UsernameSettingsRequest.php
===================================================================
--- app/Http/Requests/Dashboard/UsernameSettingsRequest.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ app/Http/Requests/Dashboard/UsernameSettingsRequest.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,30 @@
+<?php
+
+namespace App\Http\Requests\Dashboard;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+class UsernameSettingsRequest extends FormRequest
+{
+    /**
+     * Determine if the user is authorized to make this request.
+     *
+     * @return bool
+     */
+    public function authorize()
+    {
+        return true;
+    }
+
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return array
+     */
+    public function rules()
+    {
+        return [
+            "username" => "required|alpha_dash|min:8|unique:users,username,$this->id,id"
+        ];
+    }
+}
Index: app/Models/Department.php
===================================================================
--- app/Models/Department.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ app/Models/Department.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,24 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Notifications\Notifiable;
+
+class Department extends Model
+{
+    use Notifiable;
+
+    protected $table = "departments";
+
+    protected $fillable = ["name", "code", "user_id"];
+
+    protected $casts = [
+        'created_at' => 'datetime:d-m-Y',
+    ];
+
+    public function getCreatedByName()
+    {
+        return User::where('id', $this->user_id)->pluck('username')->first();
+    }
+}
Index: app/Models/User.php
===================================================================
--- app/Models/User.php	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ app/Models/User.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -24,5 +24,4 @@
         "password",
         "email",
-        "country_code",
         "mobile_number",
         "role_id"
@@ -50,13 +49,4 @@
     public function role() {
         return $this->belongsTo(Role::class);
-    }
-
-    public function post() {
-        return $this->hasMany(Post::class);
-    }
-
-    public function comments()
-    {
-        return $this->hasManyThrough(Comment::class, Post::class);
     }
 
@@ -108,9 +98,9 @@
 
     public function isAdmin() {
-        return $this->hasRole("admin");
+        return $this->hasRole("Admin");
     }
 
     public function isAdminOrEditor() {
-        return $this->hasRole("admin") || $this->hasRole("editor");
+        return $this->hasRole("Admin") || $this->hasRole("Referent");
     }
 
@@ -123,8 +113,4 @@
 
         return $this->name . " " . $this->surname;
-    }
-
-    public function getPostsCount($id) {
-        return Post::where("user_id", $id)->count();
     }
 
@@ -140,3 +126,4 @@
         return Str::random($length);
     }
+
 }
Index: app/Notifications/VerifyNewEmail.php
===================================================================
--- app/Notifications/VerifyNewEmail.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ app/Notifications/VerifyNewEmail.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,64 @@
+<?php
+
+namespace App\Notifications;
+
+use App\Models\User;
+use Illuminate\Bus\Queueable;
+use Illuminate\Notifications\Notification;
+use Illuminate\Notifications\Messages\MailMessage;
+
+class VerifyNewEmail extends Notification
+{
+    use Queueable;
+
+    private $user;
+
+    /**
+     * Create a new notification instance.
+     *
+     * @return void
+     */
+    public function __construct(User $user)
+    {
+        $this->user = $user;
+    }
+
+    /**
+     * Get the notification's delivery channels.
+     *
+     * @param  mixed  $notifiable
+     * @return array
+     */
+    public function via($notifiable)
+    {
+        return ['mail'];
+    }
+
+    /**
+     * Get the mail representation of the notification.
+     *
+     * @param  mixed  $notifiable
+     * @return \Illuminate\Notifications\Messages\MailMessage
+     */
+    public function toMail($notifiable)
+    {
+        return (new MailMessage)
+            ->greeting("Hello " . $this->user->name)
+            ->line("To verify your new email click the button.")
+            ->line("Your security code is: " . $this->user->security_code)
+            ->action("Verify", url("/auth/verify/" . $this->user->id . "/" . $this->user->verify_token));
+    }
+
+    /**
+     * Get the array representation of the notification.
+     *
+     * @param  mixed  $notifiable
+     * @return array
+     */
+    public function toArray($notifiable)
+    {
+        return [
+            //
+        ];
+    }
+}
Index: app/Notifications/WelcomeUser.php
===================================================================
--- app/Notifications/WelcomeUser.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ app/Notifications/WelcomeUser.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,67 @@
+<?php
+
+namespace App\Notifications;
+
+use App\Models\User;
+use Illuminate\Bus\Queueable;
+use Illuminate\Notifications\Notification;
+use Illuminate\Notifications\Messages\MailMessage;
+
+class WelcomeUser extends Notification
+{
+    use Queueable;
+
+    private $user;
+
+    /**
+     * Create a new notification instance.
+     *
+     * @return void
+     */
+    public function __construct(User $user)
+    {
+        $this->user = $user;
+    }
+
+    /**
+     * Get the notification's delivery channels.
+     *
+     * @param  mixed  $notifiable
+     * @return array
+     */
+    public function via($notifiable)
+    {
+        return ['mail'];
+    }
+
+    /**
+     * Get the mail representation of the notification.
+     *
+     * @param  mixed  $notifiable
+     * @return \Illuminate\Notifications\Messages\MailMessage
+     */
+    public function toMail($notifiable)
+    {
+        return (new MailMessage)
+            ->greeting("Hello " . $this->user->name)
+            ->line("We are happy to see you among us.")
+            ->line("Username: " . $this->user->username)
+            ->line("Security Code: " . $this->user->security_code)
+            ->line("To create password for your account just click the button then create something good. :))")
+            ->line("NOTE: You have only 10 minutes to create your password.")
+            ->action("Create Password", url("/auth/create-password/" . $this->user->id . "/" . $this->user->verify_token));
+    }
+
+    /**
+     * Get the array representation of the notification.
+     *
+     * @param  mixed  $notifiable
+     * @return array
+     */
+    public function toArray($notifiable)
+    {
+        return [
+            //
+        ];
+    }
+}
Index: composer.lock
===================================================================
--- composer.lock	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ composer.lock	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -880,14 +880,14 @@
         {
             "name": "laravel/framework",
-            "version": "v8.61.0",
+            "version": "v8.62.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/laravel/framework.git",
-                "reference": "3d528d3d3c8ecb444b50a266c212a52973a6669b"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/laravel/framework/zipball/3d528d3d3c8ecb444b50a266c212a52973a6669b",
-                "reference": "3d528d3d3c8ecb444b50a266c212a52973a6669b",
+                "reference": "60a7e00488167ce2babf3a2aeb3677e48aaf39be"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/laravel/framework/zipball/60a7e00488167ce2babf3a2aeb3677e48aaf39be",
+                "reference": "60a7e00488167ce2babf3a2aeb3677e48aaf39be",
                 "shasum": ""
             },
@@ -899,5 +899,6 @@
                 "ext-mbstring": "*",
                 "ext-openssl": "*",
-                "league/commonmark": "^1.3|^2.0",
+                "laravel/serializable-closure": "^1.0",
+                "league/commonmark": "^1.3|^2.0.2",
                 "league/flysystem": "^1.1",
                 "monolog/monolog": "^2.0",
@@ -906,6 +907,7 @@
                 "php": "^7.3|^8.0",
                 "psr/container": "^1.0",
+                "psr/log": "^1.0 || ^2.0",
                 "psr/simple-cache": "^1.0",
-                "ramsey/uuid": "^4.0",
+                "ramsey/uuid": "^4.2.2",
                 "swiftmailer/swiftmailer": "^6.0",
                 "symfony/console": "^5.1.4",
@@ -964,12 +966,12 @@
             "require-dev": {
                 "aws/aws-sdk-php": "^3.189.0",
-                "doctrine/dbal": "^2.6|^3.0",
+                "doctrine/dbal": "^2.13.3|^3.1.2",
                 "filp/whoops": "^2.8",
                 "guzzlehttp/guzzle": "^6.5.5|^7.0.1",
                 "league/flysystem-cached-adapter": "^1.0",
-                "mockery/mockery": "^1.4.2",
+                "mockery/mockery": "^1.4.4",
                 "orchestra/testbench-core": "^6.23",
                 "pda/pheanstalk": "^4.0",
-                "phpunit/phpunit": "^8.5.8|^9.3.3",
+                "phpunit/phpunit": "^8.5.19|^9.5.8",
                 "predis/predis": "^1.1.2",
                 "symfony/cache": "^5.1.4"
@@ -978,5 +980,5 @@
                 "aws/aws-sdk-php": "Required to use the SQS queue driver, DynamoDb failed job storage and SES mail driver (^3.189.0).",
                 "brianium/paratest": "Required to run tests in parallel (^6.0).",
-                "doctrine/dbal": "Required to rename columns and drop SQLite columns (^2.6|^3.0).",
+                "doctrine/dbal": "Required to rename columns and drop SQLite columns (^2.13.3|^3.1.2).",
                 "ext-ftp": "Required to use the Flysystem FTP driver.",
                 "ext-gd": "Required to use Illuminate\\Http\\Testing\\FileFactory::image().",
@@ -992,8 +994,8 @@
                 "league/flysystem-cached-adapter": "Required to use the Flysystem cache (^1.0).",
                 "league/flysystem-sftp": "Required to use the Flysystem SFTP driver (^1.0).",
-                "mockery/mockery": "Required to use mocking (^1.4.2).",
+                "mockery/mockery": "Required to use mocking (^1.4.4).",
                 "nyholm/psr7": "Required to use PSR-7 bridging features (^1.2).",
                 "pda/pheanstalk": "Required to use the beanstalk queue driver (^4.0).",
-                "phpunit/phpunit": "Required to use assertions and run tests (^8.5.8|^9.3.3).",
+                "phpunit/phpunit": "Required to use assertions and run tests (^8.5.19|^9.5.8).",
                 "predis/predis": "Required to use the predis connector (^1.1.2).",
                 "psr/http-message": "Required to allow Storage::put to accept a StreamInterface (^1.0).",
@@ -1045,5 +1047,5 @@
                 "source": "https://github.com/laravel/framework"
             },
-            "time": "2021-09-14T13:31:32+00:00"
+            "time": "2021-09-28T13:30:25+00:00"
         },
         {
@@ -1112,15 +1114,74 @@
         },
         {
+            "name": "laravel/serializable-closure",
+            "version": "v1.0.2",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/laravel/serializable-closure.git",
+                "reference": "679e24d36ff8b9be0e36f5222244ec8602e18867"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/laravel/serializable-closure/zipball/679e24d36ff8b9be0e36f5222244ec8602e18867",
+                "reference": "679e24d36ff8b9be0e36f5222244ec8602e18867",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^7.3|^8.0"
+            },
+            "require-dev": {
+                "pestphp/pest": "^1.18",
+                "phpstan/phpstan": "^0.12.98",
+                "symfony/var-dumper": "^5.3"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "1.x-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Laravel\\SerializableClosure\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Taylor Otwell",
+                    "email": "taylor@laravel.com"
+                },
+                {
+                    "name": "Nuno Maduro",
+                    "email": "nuno@laravel.com"
+                }
+            ],
+            "description": "Laravel Serializable Closure provides an easy and secure way to serialize closures in PHP.",
+            "keywords": [
+                "closure",
+                "laravel",
+                "serializable"
+            ],
+            "support": {
+                "issues": "https://github.com/laravel/serializable-closure/issues",
+                "source": "https://github.com/laravel/serializable-closure"
+            },
+            "time": "2021-09-29T13:25:52+00:00"
+        },
+        {
             "name": "laravel/tinker",
-            "version": "v2.6.1",
+            "version": "v2.6.2",
             "source": {
                 "type": "git",
                 "url": "https://github.com/laravel/tinker.git",
-                "reference": "04ad32c1a3328081097a181875733fa51f402083"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/laravel/tinker/zipball/04ad32c1a3328081097a181875733fa51f402083",
-                "reference": "04ad32c1a3328081097a181875733fa51f402083",
+                "reference": "c808a7227f97ecfd9219fbf913bad842ea854ddc"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/laravel/tinker/zipball/c808a7227f97ecfd9219fbf913bad842ea854ddc",
+                "reference": "c808a7227f97ecfd9219fbf913bad842ea854ddc",
                 "shasum": ""
             },
@@ -1175,7 +1236,7 @@
             "support": {
                 "issues": "https://github.com/laravel/tinker/issues",
-                "source": "https://github.com/laravel/tinker/tree/v2.6.1"
-            },
-            "time": "2021-03-02T16:53:12+00:00"
+                "source": "https://github.com/laravel/tinker/tree/v2.6.2"
+            },
+            "time": "2021-09-28T15:47:34+00:00"
         },
         {
@@ -3461,14 +3522,14 @@
         {
             "name": "symfony/http-kernel",
-            "version": "v5.3.7",
+            "version": "v5.3.9",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/http-kernel.git",
-                "reference": "a3a78e37935a527b50376c22ac1cec35b57fe787"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/http-kernel/zipball/a3a78e37935a527b50376c22ac1cec35b57fe787",
-                "reference": "a3a78e37935a527b50376c22ac1cec35b57fe787",
+                "reference": "ceaf46a992f60e90645e7279825a830f733a17c5"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/http-kernel/zipball/ceaf46a992f60e90645e7279825a830f733a17c5",
+                "reference": "ceaf46a992f60e90645e7279825a830f733a17c5",
                 "shasum": ""
             },
@@ -3553,5 +3614,5 @@
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/http-kernel/tree/v5.3.7"
+                "source": "https://github.com/symfony/http-kernel/tree/v5.3.9"
             },
             "funding": [
@@ -3569,18 +3630,18 @@
                 }
             ],
-            "time": "2021-08-30T12:37:19+00:00"
+            "time": "2021-09-28T10:25:11+00:00"
         },
         {
             "name": "symfony/mime",
-            "version": "v5.3.7",
+            "version": "v5.3.8",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/mime.git",
-                "reference": "ae887cb3b044658676129f5e97aeb7e9eb69c2d8"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/mime/zipball/ae887cb3b044658676129f5e97aeb7e9eb69c2d8",
-                "reference": "ae887cb3b044658676129f5e97aeb7e9eb69c2d8",
+                "reference": "a756033d0a7e53db389618653ae991eba5a19a11"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/mime/zipball/a756033d0a7e53db389618653ae991eba5a19a11",
+                "reference": "a756033d0a7e53db389618653ae991eba5a19a11",
                 "shasum": ""
             },
@@ -3636,5 +3697,5 @@
             ],
             "support": {
-                "source": "https://github.com/symfony/mime/tree/v5.3.7"
+                "source": "https://github.com/symfony/mime/tree/v5.3.8"
             },
             "funding": [
@@ -3652,5 +3713,5 @@
                 }
             ],
-            "time": "2021-08-20T11:40:01+00:00"
+            "time": "2021-09-10T12:30:38+00:00"
         },
         {
@@ -4778,14 +4839,14 @@
         {
             "name": "symfony/translation",
-            "version": "v5.3.7",
+            "version": "v5.3.9",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/translation.git",
-                "reference": "4d595a6d15fd3a2c67f6f31d14d15d3b7356d7a6"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/translation/zipball/4d595a6d15fd3a2c67f6f31d14d15d3b7356d7a6",
-                "reference": "4d595a6d15fd3a2c67f6f31d14d15d3b7356d7a6",
+                "reference": "6e69f3551c1a3356cf6ea8d019bf039a0f8b6886"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/translation/zipball/6e69f3551c1a3356cf6ea8d019bf039a0f8b6886",
+                "reference": "6e69f3551c1a3356cf6ea8d019bf039a0f8b6886",
                 "shasum": ""
             },
@@ -4853,5 +4914,5 @@
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/translation/tree/v5.3.7"
+                "source": "https://github.com/symfony/translation/tree/v5.3.9"
             },
             "funding": [
@@ -4951,14 +5012,14 @@
         {
             "name": "symfony/var-dumper",
-            "version": "v5.3.7",
+            "version": "v5.3.8",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/var-dumper.git",
-                "reference": "3ad5af4aed07d0a0201bbcfc42658fe6c5b2fb8f"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/var-dumper/zipball/3ad5af4aed07d0a0201bbcfc42658fe6c5b2fb8f",
-                "reference": "3ad5af4aed07d0a0201bbcfc42658fe6c5b2fb8f",
+                "reference": "eaaea4098be1c90c8285543e1356a09c8aa5c8da"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/var-dumper/zipball/eaaea4098be1c90c8285543e1356a09c8aa5c8da",
+                "reference": "eaaea4098be1c90c8285543e1356a09c8aa5c8da",
                 "shasum": ""
             },
@@ -5019,5 +5080,5 @@
             ],
             "support": {
-                "source": "https://github.com/symfony/var-dumper/tree/v5.3.7"
+                "source": "https://github.com/symfony/var-dumper/tree/v5.3.8"
             },
             "funding": [
@@ -5035,5 +5096,5 @@
                 }
             ],
-            "time": "2021-08-04T23:19:25+00:00"
+            "time": "2021-09-24T15:59:58+00:00"
         },
         {
@@ -5756,14 +5817,14 @@
         {
             "name": "laravel/sail",
-            "version": "v1.10.1",
+            "version": "v1.10.2",
             "source": {
                 "type": "git",
                 "url": "https://github.com/laravel/sail.git",
-                "reference": "267fafeaf0e0311952316ae0f3c765abc7516469"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/laravel/sail/zipball/267fafeaf0e0311952316ae0f3c765abc7516469",
-                "reference": "267fafeaf0e0311952316ae0f3c765abc7516469",
+                "reference": "0b9ddae87b5867e0ca3a68f3b645079054c7ace3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/laravel/sail/zipball/0b9ddae87b5867e0ca3a68f3b645079054c7ace3",
+                "reference": "0b9ddae87b5867e0ca3a68f3b645079054c7ace3",
                 "shasum": ""
             },
@@ -5812,5 +5873,5 @@
                 "source": "https://github.com/laravel/sail"
             },
-            "time": "2021-08-23T13:43:27+00:00"
+            "time": "2021-09-28T15:33:02+00:00"
         },
         {
Index: database/migrations/2021_09_29_121244_create_departments_table.php
===================================================================
--- database/migrations/2021_09_29_121244_create_departments_table.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ database/migrations/2021_09_29_121244_create_departments_table.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,37 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+class CreateDepartmentsTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('departments', function (Blueprint $table) {
+            $table->increments('id');
+            $table->integer("user_id")->unsigned();
+            $table->string("name");
+            $table->string("code");
+            $table->timestamps();
+
+            $table->foreign("user_id")->references("id")->on("users")->onDelete("cascade")->onUpdate("cascade");
+
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('departments');
+    }
+}
Index: database/seeders/DatabaseSeeder.php
===================================================================
--- database/seeders/DatabaseSeeder.php	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ database/seeders/DatabaseSeeder.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -18,4 +18,5 @@
         $this->call(RolesPermissionsTableSeeder::class);
         $this->call(UsersTableSeeder::class);
+        $this->call(DepartmentsTableSeeder::class);
     }
 }
Index: database/seeders/DepartmentsTableSeeder.php
===================================================================
--- database/seeders/DepartmentsTableSeeder.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ database/seeders/DepartmentsTableSeeder.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,38 @@
+<?php
+
+namespace Database\Seeders;
+
+use Carbon\Carbon;
+use Illuminate\Database\Seeder;
+
+class DepartmentsTableSeeder extends Seeder
+{
+    /**
+     * Run the database seeds.
+     *
+     * @return void
+     */
+    public function run()
+    {
+        \DB::table('departments')->insert([
+            [
+                "name" => "HR department",
+                "code" => "14",
+                "user_id" => "1",
+                "created_at" => Carbon::now()->format('Y-m-d H:i:s'),
+            ],
+            [
+                "name" => "IT department",
+                "code" => "01",
+                "user_id" => "1",
+                "created_at" => Carbon::now()->format('Y-m-d H:i:s'),
+            ],
+            [
+                "name" => "Business department",
+                "code" => "12",
+                "user_id" => "1",
+                "created_at" => Carbon::now()->format('Y-m-d H:i:s'),
+            ],
+        ]);
+    }
+}
Index: database/seeders/PermissionsTableSeeder.php
===================================================================
--- database/seeders/PermissionsTableSeeder.php	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ database/seeders/PermissionsTableSeeder.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -4,4 +4,6 @@
 
 use Illuminate\Database\Seeder;
+
+
 
 class PermissionsTableSeeder extends Seeder
@@ -14,5 +16,9 @@
     public function run()
     {
-        //
+        \DB::table('permissions')->insert([
+            ["name" => "create_user"], 				// Create new user
+            ["name" => "access_all_users"], 		// Access to all users to manage
+            ["name" => "access_all_departments"], 		// Access to all departments to manage
+        ]);
     }
 }
Index: database/seeders/RolesPermissionsTableSeeder.php
===================================================================
--- database/seeders/RolesPermissionsTableSeeder.php	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ database/seeders/RolesPermissionsTableSeeder.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -14,5 +14,13 @@
     public function run()
     {
-        //
+        \DB::table('roles_permissions')->insert([
+            // Admin
+            ["role_id" => 1, "permission_id" => 1],
+            ["role_id" => 1, "permission_id" => 2],
+            ["role_id" => 1, "permission_id" => 3],
+
+            // Referent
+            ["role_id" => 2, "permission_id" => 3]
+        ]);
     }
 }
Index: database/seeders/RolesTableSeeder.php
===================================================================
--- database/seeders/RolesTableSeeder.php	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ database/seeders/RolesTableSeeder.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -15,6 +15,6 @@
     {
         \DB::table('roles')->insert([
-            ["name" => "admin"], // Have access to all users(managing users), departments, documents etc
-            ["name" => "referent"], // Have access to all departments, documents etc
+            ["name" => "Admin"], // Have access to all users(managing users), departments, documents etc
+            ["name" => "Referent"], // Have access to all departments, documents etc
         ]);
     }
Index: database/seeders/UsersTableSeeder.php
===================================================================
--- database/seeders/UsersTableSeeder.php	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ database/seeders/UsersTableSeeder.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -28,4 +28,17 @@
         ]);
 
+        \DB::table("users")->insert([
+            "name" => "John",
+            "surname" => "Doe",
+            "username" => "john_doe",
+            "password" => bcrypt("Johnsecret1!"),
+            "email" => "johndoe@hotmail.com",
+            "mobile_number" => "+389 71 111 222",
+            "role_id" => 2,
+            "is_active" => true,
+            "is_confirmed" => true,
+            "created_at" => Carbon::now()
+        ]);
+
         //factory(App\Models\User::class, 50)->create();
     }
Index: package.json
===================================================================
--- package.json	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ package.json	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -18,4 +18,5 @@
         "sass": "^1.42.1",
         "sass-loader": "^12.1.0"
-    }
+    },
+    "dependencies": {}
 }
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",
Index: resources/assets/css/Toast.min.css
===================================================================
--- resources/assets/css/Toast.min.css	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ resources/assets/css/Toast.min.css	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,1 @@
+.toastjs-container{position:absolute;position:fixed;bottom:30px;left:30px;width:calc(100% - 60px);max-width:400px;transform:translateX(-150%);transition:transform 1s;z-index:100}.toastjs-container[aria-hidden=false]{transform:translateX(0)}.toastjs{background:#fff;padding:10px 15px 0;border-left-style:solid;border-left-width:5px;border-radius:4px;box-shadow:0 2px 5px 0 rgba(0,0,0,.2)}.toastjs.default{border-left-color:#AAA}.toastjs.success{border-left-color:#2ECC40}.toastjs.warning{border-left-color:#FF851B}.toastjs.danger{border-left-color:#FF4136}.toastjs-btn{background:#f0f0f0;padding:5px 10px;border:0;border-radius:4px;font-family:'Source Sans Pro',sans-serif;font-size:14px;display:inline-block;margin-right:10px;margin-bottom:10px;cursor:pointer}.toastjs-btn--custom{background:#323232;color:#fff}.toastjs-btn:focus,.toastjs-btn:hover{outline:0;box-shadow:0 2px 5px 0 rgba(0,0,0,.2)}
Index: resources/assets/css/app.css
===================================================================
--- resources/assets/css/app.css	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ resources/assets/css/app.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%;
   }
 
Index: resources/assets/css/app.min.css
===================================================================
--- resources/assets/css/app.min.css	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ resources/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;
@@ -9281,8 +9272,4 @@
     display: block;
   }
-}
-
-body.semi-dark:not(.dark) .nicescroll-cursors {
-  background-color: rgba(255, 255, 255, 0.3) !important;
 }
 
@@ -9562,5 +9549,5 @@
   padding: 30px;
   padding-top: 105px;
-  padding-left: 350px;
+  padding-left: 100px;
   padding-bottom: 0;
 }
@@ -10001,5 +9988,5 @@
 
 .header .header-left {
-  width: 320px;
+  /*width: 320px;*/
   padding-left: 30px;
   display: -webkit-box;
@@ -10210,5 +10197,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 +10450,5 @@
   -webkit-box-pack: justify;
           justify-content: space-between;
-  margin-left: 320px;
+  margin-left: 100px;
 }
 
@@ -11379,8 +11366,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 +12259,5 @@
 
   .navigation {
-    width: 75%;
+    width: 20%;
   }
 
@@ -12290,5 +12273,5 @@
 
   .navigation {
-    width: 85%;
+    width: 20%;
   }
 }
Index: resources/assets/css/custom.css
===================================================================
--- resources/assets/css/custom.css	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ resources/assets/css/custom.css	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
Index: resources/assets/js/Toast.min.js
===================================================================
--- resources/assets/js/Toast.min.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ resources/assets/js/Toast.min.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,1 @@
+"use strict";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: resources/assets/js/app.min.js
===================================================================
--- resources/assets/js/app.min.js	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ resources/assets/js/app.min.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -193,5 +193,4 @@
           positionClass: "toast-top-center"
         };
-        //toastr.success('Welcome Roxana Roussell.');
         $('.theme-switcher').removeClass('open');
       }, 500); // $('.theme-switcher').css('opacity', 1);
Index: resources/assets/js/examples/pages/user-list.js
===================================================================
--- resources/assets/js/examples/pages/user-list.js	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ resources/assets/js/examples/pages/user-list.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -5,14 +5,14 @@
                 '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>';
-                }
+                // '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, 8]
+                "targets": []
             }
         ],
@@ -20,36 +20,36 @@
     });
 
-    $(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');
-        }
-    });
+//     $(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: sources/assets/sass/app.scss
===================================================================
--- resources/assets/sass/app.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,65 +1,0 @@
-// Vars
-@import "core/vars";
-// Mixins
-@import "core/mixins";
-// Components
-@import "components/body";
-@import "components/preloader";
-@import "components/icon-block";
-@import "components/error";
-@import "components/form";
-@import "components/form-wizard";
-@import "components/page-header";
-@import "components/lightbox";
-@import "components/card";
-@import "components/color";
-@import "components/colorpicker";
-@import "components/typography";
-@import "components/button";
-@import "components/progress";
-@import "components/dropdown";
-@import "components/badge";
-@import "components/collapse";
-@import "components/media-object";
-@import "components/accordion";
-@import "components/scrollbar";
-@import "components/gallery";
-@import "components/datepicker";
-@import "components/alert";
-@import "components/breadcrumb";
-@import "components/notification";
-@import "components/pagination";
-@import "components/tour";
-@import "components/sweet-alert";
-@import "components/range-slider";
-@import "components/select2";
-@import "components/modal";
-@import "components/timepicker";
-@import "components/avatar";
-@import "components/file-upload";
-@import "components/authentication";
-@import "components/chat";
-@import "components/table";
-@import "components/pricing-table";
-@import "components/timeline";
-@import "components/calendar";
-@import "components/list-group";
-@import "components/toastr";
-@import "components/nestable";
-@import "components/slick";
-@import "components/webapp";
-@import "components/demo";
-@import "layouts";
-@import "other";
-// Header
-@import "components/header";
-// Navigation
-@import "components/navigation";
-// Footer
-@import "components/footer";
-// Aside
-@import "components/aside";
-// Dark Theme
-@import "dark";
-// Responsive
-@import "responsive";
Index: sources/assets/sass/components/accordion.scss
===================================================================
--- resources/assets/sass/components/accordion.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,229 +1,0 @@
-.accordion {
-  .card {
-    margin-bottom: 0;
-    border: 1px solid #ebebeb;
-
-    .card-header {
-      display: flex;
-      height: 50px;
-      padding: 0 10px;
-      align-items: center;
-
-      button {
-        display: block;
-      }
-    }
-  }
-
-  &.custom-accordion {
-    border: 1px solid #ebebeb;
-    border-radius: 5px;
-    overflow: hidden;
-
-    .accordion-row {
-      a.accordion-header {
-        color: $color-dark;
-        border-bottom: 1px solid #ebebeb;
-        border-top: 1px solid #ebebeb;
-        padding: 10px 20px;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        margin-top: -1px;
-
-        .accordion-status-icon {
-          &.open {
-            display: none;
-          }
-        }
-
-        &:hover, &:focus {
-          color: $color-primary;
-        }
-      }
-
-      .accordion-body {
-        display: none;
-        padding: 10px 20px;
-      }
-
-      &.open {
-        a.accordion-header {
-          background: white;
-
-          .accordion-status-icon {
-            &.open {
-              display: block;
-            }
-
-            &.close {
-              display: none;
-            }
-          }
-        }
-
-        .accordion-body {
-          display: block;
-        }
-      }
-
-      &:first-child {
-        a.accordion-header {
-          border-top: none;
-        }
-      }
-    }
-
-    &.accordion-primary {
-      .accordion-row {
-        &:not(.open) {
-          a.accordion-header {
-            &:hover, &:focus {
-              color: $color-primary;
-            }
-          }
-        }
-
-        &.open {
-          a.accordion-header {
-            background: $color-primary;
-            color: white;
-          }
-        }
-      }
-    }
-
-    &.accordion-success {
-      .accordion-row {
-        &:not(.open) {
-          a.accordion-header {
-            &:hover, &:focus {
-              color: $color-success;
-            }
-          }
-        }
-
-        &.open {
-          a.accordion-header {
-            background: $color-success;
-            color: white;
-          }
-        }
-      }
-    }
-
-    &.accordion-danger {
-      .accordion-row {
-        &:not(.open) {
-          a.accordion-header {
-            &:hover, &:focus {
-              color: $color-danger;
-            }
-          }
-        }
-
-        &.open {
-          a.accordion-header {
-            background: $color-danger;
-            color: white;
-          }
-        }
-      }
-    }
-
-    &.accordion-secondary {
-      .accordion-row {
-        &:not(.open) {
-          a.accordion-header {
-            &:hover, &:focus {
-              color: $color-secondary;
-            }
-          }
-        }
-
-        &.open {
-          a.accordion-header {
-            background: $color-secondary;
-            color: white;
-          }
-        }
-      }
-    }
-
-    &.accordion-light {
-      .accordion-row {
-        &:not(.open) {
-          a.accordion-header {
-            &:hover, &:focus {
-              color: $color-dark;
-            }
-          }
-        }
-
-        &.open {
-          a.accordion-header {
-            background: $color-light;
-            color: $color-dark;
-          }
-        }
-      }
-    }
-
-    &.accordion-warning {
-      .accordion-row {
-        &:not(.open) {
-          a.accordion-header {
-            &:hover, &:focus {
-              color: $color-warning;
-            }
-          }
-        }
-
-        &.open {
-          a.accordion-header {
-            background: $color-warning;
-            color: $color-dark;
-          }
-        }
-      }
-    }
-
-    &.accordion-info {
-      .accordion-row {
-        &:not(.open) {
-          a.accordion-header {
-            &:hover, &:focus {
-              color: $color-info;
-            }
-          }
-        }
-
-        &.open {
-          a.accordion-header {
-            background: $color-info;
-            color: white;
-          }
-        }
-      }
-    }
-
-    &.accordion-dark {
-      .accordion-row {
-        &:not(.open) {
-          a.accordion-header {
-            &:hover, &:focus {
-              color: $color-dark;
-            }
-          }
-        }
-
-        &.open {
-          a.accordion-header {
-            background: $color-dark;
-            color: white;
-          }
-        }
-      }
-    }
-  }
-}
Index: sources/assets/sass/components/alert.scss
===================================================================
--- resources/assets/sass/components/alert.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,69 +1,0 @@
-.alert {
-
-   border-color: transparent !important;
-
-   .close {
-      height: 100%;
-      width: 44px;
-      justify-content: center;
-      align-items: center;
-      padding: 0;
-      display: flex;
-      & > * {
-         font-size: initial;
-         text-shadow: none;
-         line-height: 0;
-      }
-   }
-
-   &.alert-primary {
-      background: $color-primary-bright !important;
-      &.alert-with-border {
-         border-left: 3px solid $color-primary !important;
-      }
-   }
-
-   &.alert-secondary {
-      background: $color-secondary-bright !important;
-      &.alert-with-border {
-         border-left: 3px solid $color-secondary !important;
-      }
-   }
-
-   &.alert-success {
-      background: $color-success-bright !important;
-      &.alert-with-border {
-         border-left: 3px solid $color-success !important;
-      }
-   }
-
-   &.alert-danger {
-      background: $color-danger-bright !important;
-      &.alert-with-border {
-         border-left: 3px solid $color-danger !important;
-      }
-   }
-
-   &.alert-warning {
-      background: $color-warning-bright !important;
-      &.alert-with-border {
-         border-left: 3px solid $color-warning !important;
-      }
-   }
-
-   &.alert-info {
-      background: $color-info-bright !important;
-      &.alert-with-border {
-         border-left: 3px solid $color-info !important;
-      }
-   }
-
-   &.alert-dark {
-      background: $color-dark-bright !important;
-      color: $color-dark !important;
-      &.alert-with-border {
-         border-left: 3px solid $color-dark !important;
-      }
-   }
-
-}
Index: sources/assets/sass/components/aside.scss
===================================================================
--- resources/assets/sass/components/aside.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,74 +1,0 @@
-.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;
-    transition: all .3s;
-    visibility: hidden;
-
-    &.show {
-        opacity: 1;
-        visibility: visible;
-    }
-
-    .card {
-        box-shadow: none;
-    }
-
-    .sidebar {
-        width: $sidebar-width;
-        box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
-        background-color: white;
-        z-index: 1000;
-        transition: all .2s;
-        visibility: hidden;
-        opacity: 0;
-        margin-right: -100px;
-        position: fixed;
-        right: 0;
-        bottom: 0;
-        top: 0;
-
-        &.show {
-            visibility: visible;
-            opacity: 1;
-            margin-right: 0px;
-        }
-
-        & > header {
-            background-color: #ebebeb;
-            padding: 1.5rem;
-            font-size: 16px;
-            line-height: 0;
-            display: flex;
-            align-items: center;
-
-            i {
-                margin-right: 10px;
-            }
-        }
-
-        .tab-content {
-            height: calc(100% - 50px);
-
-            .tab-pane.active {
-                height: 100%;
-                display: flex;
-                flex-direction: column;
-
-                .tab-pane-body {
-                    flex: 1;
-                    overflow: auto;
-                }
-
-                .tab-pane-footer {
-                    padding: 20px 0;
-                }
-            }
-        }
-    }
-}
Index: sources/assets/sass/components/authentication.scss
===================================================================
--- resources/assets/sass/components/authentication.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,58 +1,0 @@
-body.form-membership {
-   background-attachment: fixed;
-   background-size: cover;
-   padding: 3rem 0;
-
-
-   .form-wrapper {
-      background-color: white;
-      box-shadow: 0 3px 10px rgba(62,85,120,.045);
-      padding: 3rem;
-      border-radius: .5rem;
-      width: 430px;
-      margin: 50px auto;
-      text-align: center;
-
-      #logo {
-         margin: 1rem 0 3rem;
-         img:not(.logo) {
-            display: none;
-         }
-      }
-
-      h5 {
-         text-align: center;
-         margin-bottom: 2rem;
-      }
-
-      form {
-         .form-control {
-            margin-bottom: 1.5rem;
-         }
-      }
-
-      hr {
-         margin: 2rem 0;
-      }
-   }
-}
-
-.user-page {
-
-   height: 100vh;
-   display: flex;
-   align-items: center;
-   justify-content: center;
-   overflow: auto;
-
-   .card {
-      width: 500px;
-      .card-title {
-
-      }
-      .card-body {
-         padding: 50px;
-      }
-   }
-
-}
Index: sources/assets/sass/components/avatar.scss
===================================================================
--- resources/assets/sass/components/avatar.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,153 +1,0 @@
-.avatar {
-	display: inline-block;
-	margin-bottom: 0;
-	height: $default-avatar-size;
-	width: $default-avatar-size;
-	border-radius: 50%;
-
-	.avatar-title {
-		background: #d7d7d7;
-		width: 100%;
-		height: 100%;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		text-transform: uppercase;
-		font-size: $default-font-size + 5;
-	}
-
-	& > a {
-		width: 100%;
-		height: 100%;
-		display: block;
-		transition: color .3s;
-		color: $color-primary;
-
-		&:hover, &:focus {
-			color: $default-text-color;
-		}
-	}
-
-	& > a > img, & > img {
-		width: 100%;
-		height: 100%;
-		object-fit: cover;
-	}
-
-	&.avatar-sm {
-		height: $default-avatar-size - 1;
-		width: $default-avatar-size - 1;
-
-		.avatar-title {
-			font-size: $default-font-size
-		}
-
-		&.avatar-state-primary, &.avatar-state-success, &.avatar-state-danger, &.avatar-state-warning, &.avatar-state-info, &.avatar-state-secondary, &.avatar-state-light, &.avatar-state-dark {
-			&:before {
-				width: .8rem;
-				height: .8rem;
-			}
-		}
-	}
-
-	&.avatar-lg {
-		height: $default-avatar-size + 1.5;
-		width: $default-avatar-size + 1.5;
-
-		.avatar-title {
-			font-size: $default-font-size + 15
-		}
-
-		&.avatar-state-primary, &.avatar-state-success, &.avatar-state-danger, &.avatar-state-warning, &.avatar-state-info, &.avatar-state-secondary, &.avatar-state-light, &.avatar-state-dark {
-			&:before {
-				width: 1.3rem;
-				height: 1.3rem;
-				right: 4px;
-			}
-		}
-	}
-
-	&.avatar-xl {
-		height: $default-avatar-size + 2.8;
-		width: $default-avatar-size + 2.8;
-
-		.avatar-title {
-			font-size: $default-font-size + 25
-		}
-
-		&.avatar-state-primary, &.avatar-state-success, &.avatar-state-danger, &.avatar-state-warning, &.avatar-state-info, &.avatar-state-secondary, &.avatar-state-light, &.avatar-state-dark {
-			&:before {
-				width: 1.6rem;
-				height: 1.6rem;
-				top: 3px;
-				right: 3px;
-			}
-		}
-	}
-
-	&.avatar-state-primary, &.avatar-state-success, &.avatar-state-danger, &.avatar-state-warning, &.avatar-state-info, &.avatar-state-secondary, &.avatar-state-light, &.avatar-state-dark {
-		position: relative;
-
-		&:before {
-			content: "";
-			position: absolute;
-			display: block;
-			width: 1rem;
-			height: 1rem;
-			border-radius: 50%;
-			top: 0px;
-			right: 0px;
-			border: 3px solid white;
-		}
-	}
-
-	&.avatar-state-primary:before {
-		background: $color-primary;
-	}
-
-	&.avatar-state-success:before {
-		background: $color-success;
-	}
-
-	&.avatar-state-danger:before {
-		background: $color-danger;
-	}
-
-	&.avatar-state-warning:before {
-		background: $color-warning;
-	}
-
-	&.avatar-state-info:before {
-		background: $color-info;
-	}
-
-	&.avatar-state-secondary:before {
-		background: $color-secondary;
-	}
-
-	&.avatar-state-light:before {
-		background: $color-light;
-	}
-
-	&.avatar-state-dark:before {
-		background: $color-dark;
-	}
-}
-
-.avatar-group {
-	display: inline-flex;
-
-	.avatar {
-		margin-right: -1rem;
-        border: 2px solid white;
-
-		&:last-child {
-			margin-right: 0;
-		}
-
-		&:hover {
-			position: relative;
-			z-index: 1;
-		}
-	}
-}
Index: sources/assets/sass/components/badge.scss
===================================================================
--- resources/assets/sass/components/badge.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,38 +1,0 @@
-.badge {
-   padding: 5px 10px;
-   font-size: $default-font-size - 3;
-   &.badge-success {
-      background: $color-success;
-   }
-   &.badge-danger {
-      background: $color-danger;
-   }
-   &.badge-secondary {
-      background: $color-secondary;
-   }
-   &.badge-info {
-      background: $color-info;
-   }
-   &.badge-warning {
-      background: $color-warning;
-   }
-   &.badge-dark {
-      background: $color-dark;
-   }
-   &.badge-primary {
-      background: $color-primary;
-   }
-   &.badge-light {
-      background: $color-light;
-   }
-}
-
-.btn {
-   position: relative;
-   .badge {
-      padding: 2px 6px;
-      right: 7px;
-      top: -7px;
-      position: absolute;
-   }
-}
Index: sources/assets/sass/components/body.scss
===================================================================
--- resources/assets/sass/components/body.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,11 +1,0 @@
-body {
-    font-family: 'Inter', sans-serif;
-    position: relative;
-    background-color: #f8fafb;
-    font-size: 15px;
-    color: #505050;
-
-    &.no-scroll {
-        overflow: hidden;
-    }
-}
Index: sources/assets/sass/components/breadcrumb.scss
===================================================================
--- resources/assets/sass/components/breadcrumb.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,24 +1,0 @@
-.breadcrumb {
-    background: none;
-    padding: 0;
-    margin-bottom: 30px;
-
-    .breadcrumb-item {
-        & + .breadcrumb-item::before {
-            font-family: 'themify';
-            content: "\e649";
-            font-size: 10px;
-            margin-right: 0;
-        }
-
-        &:before {
-            font-family: 'themify';
-            content: "\e69b";
-            margin-right: .5rem
-        }
-
-        &.active {
-            color: $color-primary
-        }
-    }
-}
Index: sources/assets/sass/components/button.scss
===================================================================
--- resources/assets/sass/components/button.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,546 +1,0 @@
-@mixin btn($color) {
-	background: $color;
-	border-color: $color;
-
-	&:not(:disabled):not(.disabled):hover,
-	&:not(:disabled):not(.disabled):focus,
-	&:not(:disabled):not(.disabled):active {
-		background: darken($color, 10%);
-		border-color: darken($color, 10%);
-	}
-
-	&:not(:disabled):not(.disabled):focus {
-		box-shadow: 0 0 0 0.2rem rgba($color, 0.4) !important;
-	}
-	@include btn-pulse($color);
-}
-
-@mixin btn-gradient($color) {
-	background: linear-gradient(20deg, lighten($color, 15%), darken($color, 10%));
-	border-color: transparent;
-	color: white;
-
-	&:not(:disabled):not(.disabled):hover,
-	&:not(:disabled):not(.disabled):focus,
-	&:not(:disabled):not(.disabled):active {
-		background: linear-gradient(20deg, $color, darken($color, 10%));
-		border-color: transparent;
-	}
-
-	&:not(:disabled):not(.disabled):focus {
-		box-shadow: 0 0 0 0.2rem rgba($color, 0.5);
-	}
-	@include btn-pulse($color);
-}
-
-@mixin btn-outline($color) {
-	background: none;
-	border-color: $color;
-	color: darken($color, 5%);
-	border-width: 1px;
-
-	&:not(:disabled):not(.disabled):hover {
-		background: $color;
-		border-color: $color;
-		color: white;
-	}
-
-	&:not(:disabled):not(.disabled):focus,
-	&:not(:disabled):not(.disabled):active {
-		background: darken($color, 12%);
-		border-color: darken($color, 12%);
-		color: white;
-	}
-	&:not(:disabled):not(.disabled):focus {
-		box-shadow: 0 0 0 0.2rem rgba($color, 0.4);
-	}
-	@include btn-pulse($color);
-}
-
-@mixin btn-light($color) {
-	background: rgba($color, 0.3);
-	border-color: transparent;
-	color: darken($color, 18%);
-
-	&:not(:disabled):not(.disabled):hover,
-	&:not(:disabled):not(.disabled):focus,
-	&:not(:disabled):not(.disabled):active {
-		background: rgba($color, 0.5);
-		border-color: transparent;
-	}
-
-	&:not(:disabled):not(.disabled):focus {
-		box-shadow: 0 0 0 0.2rem rgba($color, 0.2);
-	}
-	@include btn-pulse(rgba($color, 0.3));
-}
-
-@mixin btn-pulse($color) {
-	&.btn-pulse:not(:disabled):not(.disabled) {
-		box-shadow: 0 0 0 0 rgba($color, 0.9) !important;
-		-webkit-animation: pulse 1.5s infinite !important;
-	}
-	&:hover {
-		-webkit-animation: none;
-	}
-}
-
-a {
-	color: lighten(black, 40%);
-	text-decoration: none;
-	transition: color .2s;
-
-	&:hover {
-		color: black;
-		text-decoration: none;
-	}
-
-	&.link-1 {
-		color: $color-primary;
-
-		&:hover, &:focus {
-			color: rgba($color-primary, .8);
-		}
-	}
-
-	&.link-2 {
-		color: black;
-
-		&:hover, &:focus {
-			color: $color-primary
-		}
-	}
-
-	&.link-3 {
-		color: white;
-
-		&:hover, &:focus {
-			color: $color-primary
-		}
-	}
-
-	&:not(.active.list-group-item), &:not(.btn):hover, &:not(.btn):active, &:not(.btn):focus {
-		text-decoration: none !important;
-		color: black;
-		outline: none;
-	}
-
-	&.btn {
-		&:hover, &:active, &:focus {
-			text-decoration: none !important;
-		}
-	}
-
-	&[href="#next"], &[href="#previous"] {
-		@extend .btn-primary
-	}
-}
-
-.page-link {
-	color: $color-primary;
-
-	&:not(:disabled):not(.disabled):focus {
-		box-shadow: 0 0 0 0.2rem rgba($color-primary, .3);
-	}
-}
-
-.btn {
-	font-size: $default-font-size;
-	width: auto;
-	display: inline-flex;
-	font-weight: 600;
-	align-items: center;
-	padding: 10px 15px;
-	line-height: $default-font-size;
-	border-radius: .5rem;
-
-	svg {
-		width: 14px !important;
-		height: 14px !important;
-	}
-
-	&[data-toggle="dropdown"] {
-		align-items: center;
-	}
-
-	&.btn-sm {
-		padding: 5px 10px;
-		font-size: $default-font-size - 1;
-	}
-
-	&.btn-lg {
-		padding: 15px 20px;
-		font-size: $default-font-size + 3;
-	}
-
-	&.btn-block {
-		width: 100%;
-		justify-content: center;
-	}
-
-	&.btn-square {
-		border-radius: 0;
-	}
-
-	&.btn-rounded {
-		border-radius: 50px;
-		padding: 10px 20px;
-
-		&.btn-sm {
-			padding: 5px 15px;
-			font-size: $default-font-size - 1;
-		}
-
-		&.btn-lg {
-			padding: 20px 30px;
-			font-size: $default-font-size + 3;
-		}
-	}
-
-	&.btn-floating {
-		height: 35px;
-		width: 35px;
-		padding: 0;
-		justify-content: center;
-		border-radius: 50%;
-
-		&.btn-sm {
-			height: 30px;
-			width: 30px;
-		}
-
-		&.btn-lg {
-			height: 50px;
-			width: 50px;
-		}
-	}
-
-	&.btn-uppercase {
-		text-transform: uppercase;
-		font-size: $default-font-size - 2;
-		letter-spacing: 1px;
-		align-items: center;
-		font-weight: 600;
-
-		&.btn-sm {
-			font-size: $default-font-size - 3;
-		}
-
-		&.btn-lg {
-			font-size: $default-font-size;
-		}
-	}
-
-	&.btn-shadow {
-		box-shadow: 0px 3px 4px 1px rgba(black, 0.3);
-
-		&:focus,
-		&:active {
-			box-shadow: 0px 4px 6px 1px rgba(black, 0.3) !important;
-		}
-	}
-
-	&.btn-primary {
-		@include btn($color-primary);
-	}
-
-	&.btn-gradient-primary {
-		@include btn-gradient($color-primary);
-	}
-
-	&.btn-light-primary {
-		@include btn-light($color-primary);
-	}
-
-	&.btn-outline-primary {
-		@include btn-outline($color-primary);
-	}
-
-	&.btn-secondary {
-		@include btn($color-secondary);
-	}
-
-	&.btn-gradient-secondary {
-		@include btn-gradient($color-secondary);
-	}
-
-	&.btn-light-secondary {
-		@include btn-light($color-secondary);
-	}
-
-	&.btn-outline-secondary {
-		@include btn-outline($color-secondary);
-	}
-
-	&.btn-success {
-		@include btn($color-success);
-	}
-
-	&.btn-gradient-success {
-		@include btn-gradient($color-success);
-	}
-
-	&.btn-light-success {
-		@include btn-light($color-success);
-	}
-
-	&.btn-outline-success {
-		@include btn-outline($color-success);
-	}
-
-	&.btn-danger {
-		@include btn($color-danger);
-	}
-
-	&.btn-gradient-danger {
-		@include btn-gradient($color-danger);
-	}
-
-	&.btn-light-danger {
-		@include btn-light($color-danger);
-	}
-
-	&.btn-outline-danger {
-		@include btn-outline($color-danger);
-	}
-
-	&.btn-warning {
-		@include btn($color-warning);
-	}
-
-	&.btn-gradient-warning {
-		@include btn-gradient($color-warning);
-		color: #212529;
-	}
-
-	&.btn-light-warning {
-		@include btn-light($color-warning);
-	}
-
-	&.btn-outline-warning {
-		@include btn-outline($color-warning);
-
-		&:not(:disabled):not(.disabled):hover,
-		&:not(:disabled):not(.disabled):focus,
-		&:not(:disabled):not(.disabled):active {
-			color: #212529;
-		}
-	}
-
-	&.btn-info {
-		@include btn($color-info);
-	}
-
-	&.btn-gradient-info {
-		@include btn-gradient($color-info);
-	}
-
-	&.btn-light-info {
-		@include btn-light($color-info);
-	}
-
-	&.btn-outline-info {
-		@include btn-outline($color-info);
-	}
-
-	&.btn-light {
-		@include btn($color-light);
-	}
-
-	&.btn-gradient-light {
-		@include btn-gradient($color-light);
-		color: inherit;
-	}
-
-	&.btn-outline-light {
-		@include btn-outline($color-light);
-		color: #212529;
-
-		&:not(:disabled):not(.disabled):hover,
-		&:not(:disabled):not(.disabled):focus,
-		&:not(:disabled):not(.disabled):active {
-			color: #212529;
-		}
-	}
-
-	&.btn-dark {
-		@include btn($color-dark);
-	}
-
-	&.btn-gradient-dark {
-		@include btn-gradient($color-dark);
-	}
-
-	&.btn-light-dark {
-		@include btn-light($color-dark);
-	}
-
-	&.btn-outline-dark {
-		@include btn-outline($color-dark);
-	}
-
-	&.btn-facebook {
-		@include btn($color-facebook);
-		color: white;
-	}
-
-	&.btn-outline-facebook {
-		@include btn-outline($color-facebook);
-	}
-
-	&.btn-google {
-		@include btn($color-google);
-		color: white;
-	}
-
-	&.btn-outline-google {
-		@include btn-outline($color-google);
-	}
-
-	&.btn-twitter {
-		@include btn($color-twitter);
-		color: white;
-	}
-
-	&.btn-outline-twitter {
-		@include btn-outline($color-twitter);
-	}
-
-	&.btn-linkedin {
-		@include btn($color-linkedin);
-		color: white;
-	}
-
-	&.btn-outline-linkedin {
-		@include btn-outline($color-linkedin);
-	}
-
-	&.btn-whatsapp {
-		@include btn($color-whatsapp);
-		color: white;
-	}
-
-	&.btn-outline-whatsapp {
-		@include btn-outline($color-whatsapp);
-	}
-
-	&.btn-instagram {
-		@include btn($color-instagram);
-		color: white;
-	}
-
-	&.btn-outline-instagram {
-		@include btn-outline($color-instagram);
-	}
-
-	&.btn-dribbble {
-		@include btn($color-dribbble);
-		color: white;
-	}
-
-	&.btn-outline-dribbble {
-		@include btn-outline($color-dribbble);
-	}
-
-	&.btn-youtube {
-		@include btn($color-youtube);
-		color: white;
-	}
-
-	&.btn-outline-youtube {
-		@include btn-outline($color-youtube);
-	}
-
-	&.btn-github {
-		@include btn($color-github);
-		color: white;
-	}
-
-	&.btn-outline-github {
-		@include btn-outline($color-github);
-	}
-
-	&.btn-behance {
-		@include btn($color-behance);
-		color: white;
-	}
-
-	&.btn-outline-behance {
-		@include btn-outline($color-behance);
-	}
-
-	&.btn-skype {
-		@include btn($color-skype);
-		color: white;
-	}
-
-	&.btn-outline-skype {
-		@include btn-outline($color-skype);
-	}
-
-	&.btn-yahoo {
-		@include btn($color-yahoo);
-		color: white;
-	}
-
-	&.btn-outline-yahoo {
-		@include btn-outline($color-yahoo);
-	}
-
-	&.btn-apple,
-	&.btn-google-play {
-		border-radius: 7px;
-
-		img {
-			width: 35px;
-			margin-right: 10px;
-		}
-
-		i {
-			font-size: 40px;
-			margin-right: 10px;
-		}
-
-		& > span {
-			display: flex;
-			flex-direction: column;
-			text-align: left;
-
-			& span:nth-child(2) {
-				font-size: 20px;
-				font-weight: 600;
-				margin-top: 5px;
-			}
-		}
-
-		&:hover,
-		&:active,
-		&:focus {
-			background: #040507;
-			color: white;
-		}
-	}
-
-	&.btn-apple {
-		border: 1px solid #040507;
-		color: #040507;
-	}
-
-	&.btn-google-play {
-		background: #040507;
-		color: white;
-
-		& > span {
-			& span:nth-child(1) {
-				text-transform: uppercase;
-				font-size: $default-font-size - 2;
-			}
-		}
-	}
-}
-
-@keyframes pulse {
-	to {
-		box-shadow: 0 0 0 10px rgba(232, 76, 61, 0);
-	}
-}
Index: sources/assets/sass/components/calendar.scss
===================================================================
--- resources/assets/sass/components/calendar.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,133 +1,0 @@
-#external-events {
-   .fc-event {
-      border: none;
-      background: none;
-      color: $default-text-color;
-      font-size: $default-font-size;
-      cursor: move;
-      i {
-         margin-right: 10px;
-      }
-   }
-}
-
-.fc {
-   .fc-center {
-      h2 {
-         font-weight: 400;
-         font-size: $default-font-size + 5;
-         color: #828282
-      }
-   }
-   .fc-event {
-      background: $color-primary;
-      color:white !important;
-      border: none;
-      border-radius: 0;
-      margin: 0 3px;
-      padding: 0px 4px;
-      font-size: 11px;
-      line-height: normal;
-      &:hover {
-         background: #0151ac;
-      }
-      &.bg-danger {
-         &:hover {
-            background: #eb3030 !important;
-         }
-      }
-      &.bg-success {
-         &:hover {
-            background: #00b43d !important;
-         }
-      }
-      &.bg-info {
-         &:hover {
-            background: #1fa1d1 !important;
-         }
-      }
-      &.bg-warning {
-         &:hover {
-            background: #eba71f !important;
-         }
-      }
-   }
-   .fc-list-table {
-      .fc-list-item {
-         &.bg-danger {
-            &:hover td {
-               background: $color-danger!important;
-            }
-            .fc-event-dot {
-               background: white!important;
-            }
-         }
-         &.bg-success {
-            &:hover td {
-               background: $color-success!important;
-            }
-            .fc-event-dot {
-               background: white!important;
-            }
-         }
-         &.bg-info {
-            &:hover td {
-               background: $color-info!important;
-            }
-            .fc-event-dot {
-               background: white!important;
-            }
-         }
-         &.bg-warning {
-            &:hover td {
-               background: $color-warning!important;
-            }
-            .fc-event-dot {
-               background: white!important;
-            }
-         }
-         &.bg-primary {
-            &:hover td {
-               background: $color-primary!important;
-            }
-            .fc-event-dot {
-               background: white!important;
-            }
-         }
-         &.bg-secondary {
-            &:hover td {
-               background: $color-secondary!important;
-            }
-            .fc-event-dot {
-               background: white!important;
-            }
-         }
-         &.bg-dark {
-            &:hover td {
-               background: $color-dark!important;
-            }
-            .fc-event-dot {
-               background: white!important;
-            }
-         }
-      }
-   }
-   .fc-state-default {
-      @extend .btn-light;
-      background-image: none;
-      border: none;
-      box-shadow: none;
-      text-shadow: none;
-      &.fc-state-active {
-         background: $color-primary;
-         color: white;
-      }
-   }
-   .fc-event-dot {
-      background: #cdcdcd !important;
-   }
-}
-
-.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active {
-   z-index: 2;
-}
Index: sources/assets/sass/components/card.scss
===================================================================
--- resources/assets/sass/components/card.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,79 +1,0 @@
-.card {
-    margin-bottom: 1.875rem;
-    position: relative;
-    background-color: white;
-    border-radius: $default-border-radius;
-    border: none;
-    box-shadow: 0 4px 25px 0 rgba(0,0,0,.1);
-
-    &.bg-primary .card-header, &.bg-secondary .card-header, &.bg-success .card-header, &.bg-danger .card-header, &.bg-warning .card-header, &.bg-info .card-header, &.bg-dark .card-header {
-        border-bottom: 1px solid rgba(235, 235, 235, 0.40);
-    }
-
-    .card-header, .card-footer {
-        border: none;
-        background: none;
-        font-size: $default-font-size - 1;
-        font-weight: 600;
-        padding: 10px 20px;
-    }
-
-    .card-header {
-        margin-bottom: 0;
-        border-bottom: $border-style;
-    }
-
-    .card-footer {
-        border-top: 1px solid #ebebeb;
-    }
-
-    .card-body {
-        padding: 1.5rem;
-
-        h1.card-title, h2.card-title, h3.card-title, h4.card-title, h5.card-title, h6.card-title {
-            margin-bottom: 2rem;
-            font-size: 1rem;
-            font-weight: 600;
-
-            .dropdown {
-                & * {
-                    letter-spacing: normal;
-                    text-transform: none;
-                }
-            }
-        }
-    }
-
-    .card-scroll {
-        height: 300px;
-        overflow: auto;
-    }
-
-    &.purple {
-        height: 120px;
-        background: linear-gradient(200deg, #8a8ded, #9c9dc6);
-    }
-
-    &.blue {
-        height: 120px;
-        background: linear-gradient(200deg, #6bc5e7, #bcd7ff);
-    }
-
-    &.green {
-        height: 120px;
-        background: linear-gradient(200deg, #77df75, #b5e7a0);
-    }
-
-    &.orange {
-        height: 120px;
-        background: linear-gradient(200deg, #ffc033, #ffc49d);
-    }
-
-    & > .table-responsive .table td, & > .table-responsive .table th {
-        padding: .75rem 1.5rem;
-    }
-}
-
-.card-group, .card-columns {
-    margin-bottom: 30px;
-}
Index: sources/assets/sass/components/chat.scss
===================================================================
--- resources/assets/sass/components/chat.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,177 +1,0 @@
-.chat-app {
-    overflow: hidden;
-    padding-bottom: 30px;
-
-    .content-footer {
-        display: none;
-    }
-
-    &.horizontal-navigation {
-        .chat-block {
-            height: calc(100vh - #{$header-height + 60px + $header-height - 20px});
-        }
-
-        .layout-wrapper .content-wrapper .content-body .content {
-            padding-top: $header-height + 30px + $header-height - 20px;
-        }
-    }
-}
-
-.chat-block {
-    height: calc(100vh - #{$header-height + 60px});
-    @extend .card;
-    border-radius: $default-border-radius;
-    overflow: hidden;
-    margin-bottom: 0;
-
-    .chat-sidebar {
-        padding: 1.5rem;
-        height: 100%;
-        display: flex;
-        flex-direction: column;
-        background-color: #f8fafb;
-
-        .chat-sidebar-header {
-            form {
-                margin: 1.5rem 0;
-            }
-        }
-
-        .chat-sidebar-content {
-            flex: 1;
-            height: 100%;
-            display: flex;
-            flex-direction: column;
-            overflow: auto;
-
-            .list-group {
-                .list-group-item {
-                    background: white;
-                    border-radius: $default-border-radius;
-                    border: 1px solid transparent;
-                    margin-bottom: 1rem;
-
-                    &.active {
-                        color: black;
-                        border-color: $color-primary
-                    }
-                }
-            }
-        }
-    }
-
-    .chat-content {
-        display: flex;
-        flex-direction: column;
-        height: 100%;
-
-        .mobile-chat-close-btn {
-            display: none;
-        }
-
-        .chat-header {
-            padding: 1.5rem;
-        }
-
-        .messages {
-            padding: 1.5rem;
-            display: flex;
-            flex-direction: column;
-            align-items: flex-start;
-            flex: 1;
-            overflow-x: hidden;
-
-            .message-item {
-                margin-bottom: 20px;
-                padding-left: 10px;
-                display: flex;
-                align-items: center;
-                position: relative;
-
-                .time {
-                    margin-left: 1rem;
-                }
-
-                img {
-                    max-width: 30%;
-                    border-radius: .50rem;
-                }
-
-                &: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;
-                }
-
-                .message-item-content {
-                    max-width: 75%;
-                    background-color: #f0f0f0;
-                    padding: 7px 15px;
-                    line-height: 1.5rem;
-                    border-radius: .50rem;
-                    position: relative;
-                    z-index: 2;
-                }
-
-                &.me {
-                    flex-direction: row-reverse;
-                    margin-left: auto;
-                    padding-left: 0px;
-                    padding-right: 10px;
-
-                    .time {
-                        margin-left: 0;
-                        margin-right: 1rem;
-                    }
-
-                    &:not(.message-item-divider):before {
-                        left: auto;
-                        right: -10px;
-                        border-left-color: $color-primary;
-                        border-right-color: transparent;
-
-                    }
-
-                    .message-item-content {
-                        background-color: $color-primary;
-                        color: rgba(white, .9);
-                    }
-                }
-
-                &.message-item-divider {
-                    width: 100%;
-                    display: flex;
-
-                    span {
-                        @extend .small;
-                        @extend .text-muted;
-                        padding: 0 10px;
-                        user-select: none;
-                    }
-
-                    &:before, &:after {
-                        content: '';
-                        display: block;
-                        height: 1px;
-                        background-color: #f0f0f0;
-                        flex: 1;
-                    }
-                }
-            }
-        }
-
-        .chat-footer {
-            padding: 1.5rem;
-
-            .chat-footer-buttons {
-                button {
-                    margin-left: .5rem;
-                }
-            }
-        }
-    }
-}
Index: sources/assets/sass/components/collapse.scss
===================================================================
--- resources/assets/sass/components/collapse.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,6 +1,0 @@
-.collapse {
-   .card {
-      border: 1px solid #e1e1e1;
-      box-shadow: none;
-   }
-}
Index: sources/assets/sass/components/color.scss
===================================================================
--- resources/assets/sass/components/color.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,277 +1,0 @@
-.bg-primary {
-   background: $color-primary !important;
-   color: white !important;
-}
-
-.bg-primary-bright {
-   background: $color-primary-bright !important;
-   &.bg-hover {
-      transition: background .2s;
-      &:hover {
-         background: rgba(11,91,182,.3) !important;
-      }
-   }
-}
-
-.bg-primary-gradient {
-   background: linear-gradient(230deg, $color-primary, lighten($color-primary, 15%)) !important;
-   color: white !important;
-}
-
-.bg-info {
-   background: $color-info !important;
-   color: white !important;
-   &.bg-hover {
-      transition: background .2s;
-      &:hover {
-         background: lighten($color-info, 10%) !important;
-      }
-   }
-}
-
-.bg-info-bright {
-   background: $color-info-bright !important;
-   &.bg-hover {
-      transition: background .2s;
-      &:hover {
-         background: darken($color-info-bright, 5%) !important;
-      }
-   }
-}
-
-.bg-info-gradient {
-   background: linear-gradient(230deg, $color-info, lighten($color-info, 15%)) !important;
-   color: white !important;
-}
-
-.bg-secondary {
-   background: $color-secondary !important;
-   color: white !important;
-   &.bg-hover {
-      transition: background .2s;
-      &:hover {
-         background: lighten($color-secondary, 10%) !important;
-      }
-   }
-}
-
-.bg-secondary-bright {
-   background: $color-secondary-bright !important;
-   &.bg-hover {
-      transition: background .2s;
-      &:hover {
-         background: darken($color-secondary-bright, 5%) !important;
-      }
-   }
-}
-
-.bg-secondary-gradient {
-   background: linear-gradient(230deg, $color-secondary, lighten($color-secondary, 15%)) !important;
-   color: white !important;
-}
-
-.bg-success {
-   background: $color-success !important;
-   color: white !important;
-   &.bg-hover {
-      transition: background .2s;
-      &:hover {
-         background: lighten($color-success, 10%) !important;
-      }
-   }
-}
-
-.bg-success-bright {
-   background: $color-success-bright !important;
-   &.bg-hover {
-      transition: background .2s;
-      &:hover {
-         background: darken($color-success-bright, 5%) !important;
-      }
-   }
-}
-
-.bg-success-gradient {
-   background: linear-gradient(230deg, $color-success, lighten($color-success, 15%)) !important;
-   color: white !important;
-}
-
-.bg-danger {
-   background: $color-danger !important;
-   color: white !important;
-   &.bg-hover {
-      transition: background .2s;
-      &:hover {
-         background: lighten($color-danger, 10%) !important;
-      }
-   }
-}
-
-.bg-danger-bright {
-   background: $color-danger-bright !important;
-   &.bg-hover {
-      transition: background .2s;
-      &:hover {
-         background: darken($color-danger-bright, 5%) !important;
-      }
-   }
-}
-
-.bg-danger-gradient {
-   background: linear-gradient(230deg, $color-danger, lighten($color-danger, 15%)) !important;
-   color: white !important;
-}
-
-.bg-warning {
-   background: $color-warning !important;
-   color: white !important;
-   &.bg-hover {
-      transition: background .2s;
-      &:hover {
-         background: lighten($color-warning, 10%) !important;
-      }
-   }
-}
-
-.bg-warning-bright {
-   background: $color-warning-bright !important;
-   &.bg-hover {
-      transition: background .2s;
-      &:hover {
-         background: darken($color-warning-bright, 5%) !important;
-      }
-   }
-}
-
-.bg-warning-gradient {
-   background: linear-gradient(230deg, $color-warning, lighten($color-warning, 15%)) !important;
-   color: white !important;
-}
-
-.bg-light {
-   background: $color-light !important;
-}
-
-.bg-dark {
-   background: $color-dark !important;
-   color: white !important;
-   &.bg-hover {
-      transition: background .2s;
-      &:hover {
-         background: lighten($color-dark, 10%) !important;
-      }
-   }
-}
-
-.bg-dark-bright {
-   background: $color-dark-bright !important;
-   &.bg-hover {
-      transition: background .2s;
-      &:hover {
-         background: darken($color-dark-bright, 5%) !important;
-      }
-   }
-}
-
-.bg-dark-gradient {
-   background: linear-gradient(230deg, $color-dark, lighten($color-dark, 15%)) !important;
-   color: white !important;
-}
-
-.bg-facebook {
-   background: $color-facebook !important;
-   color: white !important;
-}
-
-.bg-twitter {
-   background: $color-twitter !important;
-   color: white !important;
-}
-
-.bg-linkedin {
-   background: $color-linkedin !important;
-   color: white !important;
-}
-
-.bg-whatsapp {
-   background: $color-whatsapp !important;
-   color: white !important;
-}
-
-.bg-instagram {
-   background: $color-instagram !important;
-   color: white !important;
-}
-
-.bg-dribbble {
-   background: $color-dribbble !important;
-   color: white !important;
-}
-
-.bg-google {
-   background: $color-google !important;
-   color: white !important;
-}
-
-.bg-youtube {
-   background: $color-youtube !important;
-   color: white !important;
-}
-
-// texts
-
-.text-primary {
-   color: $color-primary !important;
-}
-
-.text-secondary {
-   color: $color-secondary !important;
-}
-
-.text-info {
-   color: $color-info !important;
-}
-
-.text-success {
-   color: $color-success !important;
-}
-
-.text-danger {
-   color: $color-danger !important;
-}
-
-.text-warning {
-   color: $color-warning !important;
-}
-
-.text-light {
-   color: $color-light!important;
-}
-
-.text-facebook {
-   color: $color-facebook!important;
-}
-
-.text-twitter {
-   color: $color-twitter!important;
-}
-
-.text-google {
-   color: $color-google!important;
-}
-
-.text-linkedin {
-   color: $color-linkedin!important;
-}
-
-.text-instagram {
-   color: $color-instagram!important;
-}
-
-.text-whatsapp {
-   color: $color-whatsapp!important;
-}
-
-.text-dribbble {
-   color: $color-dribbble!important;
-}
Index: sources/assets/sass/components/colorpicker.scss
===================================================================
--- resources/assets/sass/components/colorpicker.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,27 +1,0 @@
-.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;
-}
Index: sources/assets/sass/components/datepicker.scss
===================================================================
--- resources/assets/sass/components/datepicker.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,12 +1,0 @@
-.daterangepicker {
-   td.active {
-      background: $color-primary;
-      &:hover {
-         background: $color-primary;
-      }
-   }
-}
-
-.daterangepicker .ranges li.active {
-   background: $color-primary;
-}
Index: sources/assets/sass/components/demo.scss
===================================================================
--- resources/assets/sass/components/demo.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,70 +1,0 @@
-.demo-icon-list {
-	height: 100px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	font-size: 25px
-}
-
-@media (max-width: 768px) {
-	.theme-switcher {
-		display: none;
-	}
-}
-
-@media (min-width: 768px) {
-	.theme-switcher {
-		opacity: 0;
-		display: flex;
-		align-items: center;
-		position: fixed;
-		right: -250px;
-		top: 50%;
-		transform: translate(0, -50%);
-		user-select: none;
-		z-index: 9999;
-		transition: right .3s;
-
-		&.open {
-			right: 0;
-		}
-
-		.theme-switcher-button {
-			background-color: $color-primary;
-			color: white;
-			padding: 12px 15px;
-			border-top-left-radius: 5px;
-			border-bottom-left-radius: 5px;
-			cursor: pointer;
-
-			i {
-				font-size: 22px;
-				animation-name: spin;
-				animation-duration: 3000ms;
-				animation-iteration-count: infinite;
-				animation-timing-function: linear;
-			}
-		}
-
-		.theme-switcher-panel {
-			width: 250px;
-
-			.card {
-				margin-bottom: 0;
-				border: 1px solid $color-primary;
-				border-right: none;
-				border-top-right-radius: 0;
-				border-bottom-right-radius: 0;
-			}
-		}
-	}
-
-	@keyframes spin {
-		from {
-			transform: rotate(0deg);
-		}
-		to {
-			transform: rotate(360deg);
-		}
-	}
-}
Index: sources/assets/sass/components/dropdown.scss
===================================================================
--- resources/assets/sass/components/dropdown.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,94 +1,0 @@
-.dropdown {
-	display: inline;
-}
-
-.dropdown-menu {
-	margin-top: -10px;
-	visibility: hidden;
-	opacity: 0;
-	height: 0;
-	display: block !important;
-	transition: margin-top .3s, opacity .3s;
-	border-top: 1px solid #eee !important;
-
-	ul.list-group {
-		max-height: 300px;
-	}
-
-	&.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: .5rem;
-	font-size: 14px;
-	border: none;
-	box-shadow: 0px 5px 10px -1px rgba(0, 0, 0, 0.15);
-	overflow: hidden;
-
-	&.dropdown-menu-big {
-		padding: 0;
-		width: 300px;
-	}
-
-	.dropdown-menu-body {
-		max-height: 400px;
-		overflow: auto;
-	}
-
-	.dropdown-menu-title {
-		background-color: $color-primary;
-		padding: 15px 20px;
-		color: white;
-		background-size: cover !important;
-		background-position: center !important;
-	}
-
-	.dropdown-menu-footer {
-		padding: 10px 20px;
-	}
-
-	ul {
-		li {
-			&.dropdown-menu-title {
-				background: red;
-
-				&:first-child {
-					margin-top: 0;
-				}
-
-				margin: 5px 0;
-				padding: 0px 20px 5px;
-				border-bottom: 1px solid #ebebeb
-			}
-		}
-	}
-
-	.dropdown-item {
-		&:hover, &:focus, &:active {
-			background: #f5f5f5;
-			text-decoration: none;
-			color: $color-primary
-		}
-	}
-}
-
-table {
-	.dropdown {
-		line-height: initial;
-	}
-}
Index: sources/assets/sass/components/error.scss
===================================================================
--- resources/assets/sass/components/error.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,31 +1,0 @@
-body.error-page {
-	img {
-		width: 50%;
-		display: table;
-		margin: 50px auto;
-	}
-
-	.display-1 {
-		font-size: 10em
-	}
-}
-
-.error-page {
-	text-align: center;
-	height: calc(100vh - 120px);
-	display: flex;
-	align-items: center;
-	justify-content: center;
-
-	.error-page-item {
-		font-size: 14rem;
-		line-height: 14rem;
-		margin-left: -2rem;
-		text-shadow: -5px 1px 0px white;
-
-		&:nth-child(2) {
-			transform: translate(0, 10px);
-			display: inline-block;
-		}
-	}
-}
Index: sources/assets/sass/components/file-upload.scss
===================================================================
--- resources/assets/sass/components/file-upload.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,4 +1,0 @@
-.dropzone {
-   border-width: 1px;
-   border-color: $color-primary;
-}
Index: sources/assets/sass/components/footer.scss
===================================================================
--- resources/assets/sass/components/footer.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,27 +1,0 @@
-footer.content-footer {
-    padding: 15px 30px;
-    background-color: white;
-    box-shadow: 0 0 10px -8px rgba(0, 0, 0, 1.501961);
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    margin-left: $navigation-width;
-
-    & * {
-        text-transform: uppercase;
-        letter-spacing: .5px;
-        font-size: 12px;
-    }
-
-    .nav {
-        a {
-            padding: 5px 0;
-            margin-left: 15px;
-
-            &:hover {
-                background: none !important;
-            }
-        }
-    }
-
-}
Index: sources/assets/sass/components/form-wizard.scss
===================================================================
--- resources/assets/sass/components/form-wizard.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,66 +1,0 @@
-.wizard > .content {
-    min-height: auto;
-    margin: 0;
-    margin-bottom: 15px;
-    background: none;
-    padding: 0 !important;
-}
-
-.wizard {
-    .wizard-index {
-        background-color: rgba(black, .4);
-        height: 30px;
-        width: 30px;
-        border-radius: 50%;
-        display: inline-flex;
-        justify-content: center;
-        align-items: center;
-        color: #fff;
-        margin-right: 0.5rem;
-    }
-
-    .current {
-        .wizard-index {
-            background-color: rgba(white, .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 a:hover, .wizard > .steps a:active {
-    margin: 0;
-    margin-right: 10px;
-}
-
-.wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active {
-    background: $color-primary;
-}
-
-.wizard > .steps .error a, .wizard > .steps .error a:hover, .wizard > .steps .error a:active {
-    background: $color-danger;
-}
-
-.wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active {
-    background-color: $color-success;
-    color: white;
-}
-
-.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active {
-    background-color: $color-success;
-    color: white;
-}
Index: sources/assets/sass/components/form.scss
===================================================================
--- resources/assets/sass/components/form.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,254 +1,0 @@
-.form-control, .custom-select {
-	font-size: .875rem;
-	border-color: #e1e1e1;
-	border-radius: .50rem;
-
-	&:focus {
-		box-shadow: none;
-		border-color: rgba($color-primary, .8);
-	}
-}
-
-.form-control: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.10rem;
-}
-
-.form-control-sm {
-	font-size: .800rem;
-}
-
-.input-group-text {
-	border: none;
-}
-
-textarea {
-	min-height: 100px;
-	max-height: 500px
-}
-
-.custom-file-input:focus ~ .custom-file-label {
-	border-color: lighten($color-primary, 10%);
-	box-shadow: none;
-}
-
-.custom-control-input {
-	right: 0;
-}
-
-.custom-control-label {
-	line-height: 25px;
-}
-
-/* Checkboxes and Radios */
-.custom-checkbox, .custom-radio, .custom-switch {
-
-	.custom-control-input:checked ~ .custom-control-label::before {
-		border-color: $color-primary;
-		background-color: $color-primary;
-	}
-
-	.custom-control-input:focus ~ .custom-control-label::before {
-		box-shadow: 0 0 0 0.2rem rgba($color-primary, .30)
-	}
-
-	& .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
-		border-color: lighten($color-primary, 18%);
-		background-color: lighten($color-primary, 18%);
-	}
-
-	&.custom-checkbox-secondary {
-		.custom-control-input:checked ~ .custom-control-label::before {
-			border-color: $color-secondary;
-			background-color: $color-secondary;
-		}
-
-		.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
-			border-color: lighten($color-secondary, 18%);
-			background-color: lighten($color-secondary, 18%);
-		}
-
-		.custom-control-input:focus ~ .custom-control-label::before {
-			box-shadow: 0 0 0 0.2rem rgba($color-secondary, .30)
-		}
-	}
-
-	&.custom-checkbox-success {
-		.custom-control-input:checked ~ .custom-control-label::before {
-			border-color: $color-success;
-			background-color: $color-success;
-		}
-
-		.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
-			border-color: lighten($color-success, 18%);
-			background-color: lighten($color-success, 18%);
-		}
-
-		.custom-control-input:focus ~ .custom-control-label::before {
-			box-shadow: 0 0 0 0.2rem rgba($color-success, .30)
-		}
-	}
-
-	&.custom-checkbox-danger {
-		.custom-control-input:checked ~ .custom-control-label::before {
-			border-color: $color-danger;
-			background-color: $color-danger;
-		}
-
-		.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
-			border-color: lighten($color-danger, 18%);
-			background-color: lighten($color-danger, 18%);
-		}
-
-		.custom-control-input:focus ~ .custom-control-label::before {
-			box-shadow: 0 0 0 0.2rem rgba($color-danger, .30)
-		}
-	}
-
-	&.custom-checkbox-warning {
-		.custom-control-input:checked ~ .custom-control-label::before {
-			border-color: $color-warning;
-			background-color: $color-warning;
-		}
-
-		.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
-			border-color: lighten($color-warning, 18%);
-			background-color: lighten($color-warning, 18%);
-		}
-
-		.custom-control-input:focus ~ .custom-control-label::before {
-			box-shadow: 0 0 0 0.2rem rgba($color-warning, .30)
-		}
-	}
-
-	&.custom-checkbox-info {
-		.custom-control-input:checked ~ .custom-control-label::before {
-			border-color: $color-info;
-			background-color: $color-info;
-		}
-
-		.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
-			border-color: lighten($color-info, 18%);
-			background-color: lighten($color-info, 18%);
-		}
-
-		.custom-control-input:focus ~ .custom-control-label::before {
-			box-shadow: 0 0 0 0.2rem rgba($color-info, .30)
-		}
-	}
-
-	&.custom-checkbox-dark {
-		.custom-control-input:checked ~ .custom-control-label::before {
-			border-color: $color-dark;
-			background-color: $color-dark;
-		}
-
-		.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
-			border-color: lighten($color-dark, 18%);
-			background-color: lighten($color-dark, 18%);
-		}
-
-		.custom-control-input:focus ~ .custom-control-label::before {
-			box-shadow: 0 0 0 0.2rem rgba($color-dark, .30)
-		}
-	}
-}
-
-.custom-checkbox {
-	&.custom-range-danger {
-		&::before {
-			background-color: $color-danger;
-		}
-
-		&::-webkit-slider-thumb:active {
-			background-color: lighten($color-danger, 18%);
-		}
-	}
-}
-
-.custom-range {
-	&::-webkit-slider-thumb {
-		background-color: $color-primary;
-	}
-
-	&::-webkit-slider-thumb:active {
-		background-color: lighten($color-primary, 18%);
-	}
-
-	&.custom-range-danger {
-		&::-webkit-slider-thumb {
-			background-color: $color-danger;
-		}
-
-		&::-webkit-slider-thumb:active {
-			background-color: lighten($color-danger, 18%);
-		}
-	}
-
-	&.custom-range-warning {
-		&::-webkit-slider-thumb {
-			background-color: $color-warning;
-		}
-
-		&::-webkit-slider-thumb:active {
-			background-color: lighten($color-warning, 18%);
-		}
-	}
-
-	&.custom-range-success {
-		&::-webkit-slider-thumb {
-			background-color: $color-success;
-		}
-
-		&::-webkit-slider-thumb:active {
-			background-color: lighten($color-success, 18%);
-		}
-	}
-
-	&.custom-range-secondary {
-		&::-webkit-slider-thumb {
-			background-color: $color-secondary;
-		}
-
-		&::-webkit-slider-thumb:active {
-			background-color: lighten($color-secondary, 18%);
-		}
-	}
-
-	&.custom-range-info {
-		&::-webkit-slider-thumb {
-			background-color: $color-info;
-		}
-
-		&::-webkit-slider-thumb:active {
-			background-color: lighten($color-info, 18%);
-		}
-	}
-
-	&.custom-range-light {
-		&::-webkit-slider-thumb {
-			background-color: $color-light;
-		}
-
-		&::-webkit-slider-thumb:active {
-			background-color: lighten($color-light, 18%);
-		}
-	}
-
-	&.custom-range-dark {
-		&::-webkit-slider-thumb {
-			background-color: $color-dark;
-		}
-
-		&::-webkit-slider-thumb:active {
-			background-color: lighten($color-dark, 18%);
-		}
-	}
-}
Index: sources/assets/sass/components/gallery.scss
===================================================================
--- resources/assets/sass/components/gallery.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,27 +1,0 @@
-.isotope-item {
-    z-index: 2;
-}
-
-.isotope-hidden.isotope-item {
-    pointer-events: none;
-    z-index: 1;
-}
-
-.isotope,
-.isotope .isotope-item {
-    transition-duration: 0.8s;
-}
-
-.isotope {
-    transition-property: height, width;
-}
-
-.isotope .isotope-item {
-    transition-property: transform, opacity;
-}
-
-.gallery-container {
-    img {
-        width: 100%
-    }
-}
Index: sources/assets/sass/components/header.scss
===================================================================
--- resources/assets/sass/components/header.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,187 +1,0 @@
-.header {
-    background-color: white;
-    z-index: 999;
-    display: flex;
-    height: $header-height;
-    box-shadow: 0px 5px 10px -10px rgba(0, 0, 0, 0.40);
-    position: fixed;
-    right: 0;
-    left: 0;
-    top: 0;
-
-    .avatar {
-        border-color: transparent;
-
-        &.avatar-state-success {
-            &:before {
-                border-color: $color-primary
-            }
-        }
-    }
-
-    .header-left {
-        width: $navigation-width;
-        padding-left: 30px;
-        display: flex;
-        align-items: center;
-
-        .navigation-toggler {
-            display: none;
-            margin-right: 15px;
-
-            a {
-                display: flex;
-                align-items: center;
-                justify-content: center;
-
-                svg {
-                    height: 30px;
-                    width: 30px;
-                }
-            }
-        }
-    }
-
-    .header-logo {
-        a {
-            height: $header-height;
-            display: flex;
-            align-items: center;
-
-            img:not(.logo) {
-                display: none;
-            }
-        }
-    }
-
-    .header-body {
-        padding: 0 30px;
-        position: relative;
-
-        .page-title {
-            h1, h2, h3, h4, h5, h6 {
-                margin-bottom: 0;
-                line-height: inherit;
-            }
-        }
-
-        display: flex;
-        align-items: center;
-        flex: auto;
-        justify-content: space-between;
-    }
-
-    form {
-        .input-group {
-            position: relative;
-
-            .form-control {
-                border: none;
-                background-color: rgba(white, .1);
-
-                &:focus {
-                    background-color: rgba(white, .2);
-                }
-            }
-
-            .input-group-append {
-                position: absolute;
-                right: 0;
-
-                button.btn {
-                    position: relative;
-                    z-index: 9;
-                    border-top-right-radius: 5px;
-                    border-bottom-right-radius: 5px;
-                    background-color: inherit;
-                    border: none;
-                    @extend a;
-
-                    &:hover {
-                        opacity: .7;
-                    }
-
-                    &:focus, &:active, &:hover {
-                        background-color: inherit;
-                        box-shadow: none !important;
-                    }
-                }
-            }
-        }
-    }
-
-    .header-toggler {
-        display: none;
-    }
-
-    [data-toggle="fullscreen"] {
-        .minimize {
-            display: none;
-        }
-    }
-
-    .active-fullscreen {
-        .minimize {
-            display: block;
-        }
-
-        .maximize {
-            display: none;
-        }
-    }
-
-    ul.navbar-nav {
-        flex-direction: row;
-        align-items: center;
-
-        li.nav-item {
-
-
-            a.nav-link {
-                line-height: 100%;
-                padding: 10px 15px;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-
-                &.nav-link-notify {
-                    position: relative;
-
-                    &:before {
-                        content: '';
-                        position: absolute;
-                        width: 6px;
-                        height: 6px;
-                        right: 0;
-                        border-radius: 50%;
-                        top: 3px;
-                        background: $color-danger;
-                        -webkit-animation: notify-pulse 1s infinite
-                    }
-                }
-
-                &:hover, &:focus {
-                    outline: none;
-                }
-            }
-        }
-
-        & + form.search {
-            margin-left: 1.5rem;
-        }
-    }
-
-    .dropdown-menu {
-        position: absolute;
-    }
-}
-
-@keyframes notify-pulse {
-    0% {
-        box-shadow: 0 0 0 0px rgba($color-danger, .7);
-    }
-    100% {
-        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
-    }
-}
-
Index: sources/assets/sass/components/icon-block.scss
===================================================================
--- resources/assets/sass/components/icon-block.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,141 +1,0 @@
-.icon-block {
-  width: 40px;
-  height: 40px;
-  line-height: 40px;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  background: #e1e1e1;
-  border-radius: 3px;
-  text-align: center;
-  color: black;
-  font-size: $default-font-size + 4;
-
-  &.icon-block-outline-white {
-    border: 2px solid white;
-    background: none;
-    color: white !important;
-  }
-
-  &.icon-block-outline-primary {
-    border: 2px solid $color-primary;
-    color: $color-primary !important;
-    background: none;
-  }
-
-  &.icon-block-outline-success {
-    border: 2px solid $color-success;
-    color: $color-success !important;
-    background: none;
-  }
-
-  &.icon-block-outline-danger {
-    border: 2px solid $color-danger;
-    color: $color-danger !important;
-    background: none;
-  }
-
-  &.icon-block-outline-info {
-    border: 2px solid $color-info;
-    color: $color-info !important;
-    background: none;
-  }
-
-  &.icon-block-outline-warning {
-    border: 2px solid $color-warning;
-    color: $color-warning !important;
-    background: none;
-  }
-
-  &.icon-block-outline-dark {
-    border: 2px solid $color-dark;
-    color: $color-dark !important;
-    background: none;
-  }
-
-  &.icon-block-outline-secondary {
-    border: 2px solid $color-secondary;
-    color: $color-secondary !important;
-    background: none;
-  }
-
-  &.icon-block-outline-facebook {
-    border: 2px solid $color-facebook;
-    color: $color-facebook !important;
-    background: none;
-  }
-
-  &.icon-block-outline-twitter {
-    border: 2px solid $color-twitter;
-    color: $color-twitter !important;
-    background: none;
-  }
-
-  &.icon-block-outline-linkedin {
-    border: 2px solid $color-linkedin;
-    color: $color-linkedin !important;
-    background: none;
-  }
-
-  &.icon-block-outline-whatsapp {
-    border: 2px solid $color-whatsapp;
-    color: $color-whatsapp !important;
-    background: none;
-  }
-
-  &.icon-block-outline-instagram {
-    border: 2px solid $color-instagram;
-    color: $color-instagram !important;
-    background: none;
-  }
-
-  &.icon-block-outline-dribbble {
-    border: 2px solid $color-dribbble;
-    color: $color-dribbble !important;
-    background: none;
-  }
-
-  &.icon-block-outline-google {
-    border: 2px solid $color-google;
-    color: $color-google !important;
-    background: none;
-  }
-
-  &.icon-block-outline-youtube {
-    border: 2px solid $color-youtube;
-    color: $color-youtube !important;
-    background: none;
-  }
-
-  &.icon-block-xl {
-    width: 70px;
-    height: 70px;
-    line-height: 70px;
-    font-size: $default-font-size + 14;
-  }
-
-  &.icon-block-lg {
-    width: 50px;
-    height: 50px;
-    line-height: 50px;
-    font-size: $default-font-size + 8;
-  }
-
-  &.icon-block-sm {
-    width: 30px;
-    height: 30px;
-    line-height: 30px;
-    font-size: $default-font-size;
-  }
-
-  &.icon-block-xs {
-    width: 20px;
-    height: 20px;
-    line-height: 20px;
-    font-size: $default-font-size - 2;
-  }
-
-  &.icon-block-floating {
-    border-radius: 50%;
-  }
-}
Index: sources/assets/sass/components/lightbox.scss
===================================================================
--- resources/assets/sass/components/lightbox.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,23 +1,0 @@
-.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;
-	-moz-transition: all 0.3s ease-out;
-	-o-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;
-}
Index: sources/assets/sass/components/list-group.scss
===================================================================
--- resources/assets/sass/components/list-group.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,81 +1,0 @@
-.list-group {
-	.list-group-item {
-		&.list-group-item-primary {
-			background: $color-primary !important;
-			color: white !important;
-		}
-
-		&.list-group-item-primary-bright {
-			background: $color-primary-bright !important;
-			color: $color-primary !important;
-		}
-
-		&.list-group-item-secondary {
-			background: $color-secondary !important;
-			color: white !important;
-		}
-
-		&.list-group-item-secondary-bright {
-			background: $color-secondary-bright !important;
-			color: $color-secondary !important;
-		}
-
-		&.list-group-item-success {
-			background: $color-success !important;
-			color: white !important;
-		}
-
-		&.list-group-item-success-bright {
-			background: $color-success-bright !important;
-			color: $color-success !important;
-		}
-
-		&.list-group-item-danger {
-			background: $color-danger !important;
-			color: white !important;
-		}
-
-		&.list-group-item-danger-bright {
-			background: $color-danger-bright !important;
-			color: $color-danger !important;
-		}
-
-		&.list-group-item-warning {
-			background: $color-warning !important;
-			color: white !important;
-		}
-
-		&.list-group-item-warning-bright {
-			background: $color-warning-bright !important;
-			color: $color-warning !important;
-		}
-
-		&.list-group-item-info {
-			background: $color-info !important;
-			color: white !important;
-		}
-
-		&.list-group-item-info-bright {
-			background: $color-info-bright !important;
-			color: $color-info !important;
-		}
-
-		&.list-group-item-light {
-			background: $color-light !important;
-		}
-
-		&.list-group-item-dark {
-			background: $color-dark !important;
-			color: white !important;
-		}
-
-		&.list-group-item-dark-bright {
-			background: $color-dark-bright !important;
-			color: $color-dark !important;
-		}
-	}
-}
-
-.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
-	background-color: $color-primary;
-}
Index: sources/assets/sass/components/media-object.scss
===================================================================
--- resources/assets/sass/components/media-object.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,5 +1,0 @@
-.media {
-	& > img, & > a > img {
-		width: 80px;
-	}
-}
Index: sources/assets/sass/components/modal.scss
===================================================================
--- resources/assets/sass/components/modal.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,64 +1,0 @@
-body.modal-open {
-	.modal.fade .modal-dialog {
-		transform: translate(0, 0) scale(.9);
-	}
-
-	.modal.show .modal-dialog {
-		transform: translate(0, 0) scale(1);
-	}
-}
-
-.modal {
-	.modal-dialog {
-		.modal-content {
-			border: none;
-			box-shadow: none;
-			border-radius: .5rem;
-
-			.modal-header {
-				height: 60px;
-				padding: 0 20px;
-				display: flex;
-				align-items: center;
-				background-color: #ebebeb;
-				border-bottom: none;
-
-				.modal-title {
-					font-size: $default-font-size + 3;
-					font-weight: 600;
-				}
-
-				button.close {
-					background-color: white;
-					text-shadow: none;
-					opacity: 1;
-					margin: 0;
-					font-size: 23px;
-					padding: 0;
-					width: 30px;
-					height: 30px;
-					display: flex;
-					border-radius: 50%;
-					align-items: center;
-					justify-content: center;
-
-					&:hover {
-						color: #646464;
-					}
-
-					& > * {
-						font-size: initial;
-					}
-				}
-			}
-
-			.modal-body {
-				padding: 1.5rem;
-			}
-
-			.modal-footer {
-				height: 60px;
-			}
-		}
-	}
-}
Index: sources/assets/sass/components/navigation.scss
===================================================================
--- resources/assets/sass/components/navigation.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,188 +1,0 @@
-.navigation {
-    background-color: white;
-    z-index: 998;
-    width: $navigation-width;
-    box-shadow: 0 4px 25px 0 rgba(0,0,0,.1);
-    position: fixed;
-    display: flex;
-    flex-direction: row;
-    left: 0;
-    bottom:0;
-    top: $header-height;
-
-    .navigation-menu-tab {
-        border-right: 1px solid $border-style-color;
-        width: $navigation-tab-width;
-        display: flex;
-        flex-direction: column;
-        margin-right: 0;
-        padding: 10px;
-
-        .avatar {
-            border: none;
-        }
-
-        ul {
-            li {
-                margin-bottom: 5px;
-
-                a {
-                    display: flex;
-                    height: 50px;
-                    justify-content: center;
-                    align-items: center;
-                    border-radius: $default-border-radius;
-                    transition: all .3s;
-
-                    &:hover {
-                        color: $color-primary
-                    }
-
-                    &.active {
-                        color: white;
-                        background-color: $color-primary;
-                        box-shadow: 0px 5px 20px -14px $color-primary;
-                    }
-
-                    svg {
-                        width: 23px;
-                        height: 23px;
-                    }
-                }
-            }
-        }
-    }
-
-    .navigation-menu-body {
-        flex: 1;
-        display: flex;
-        flex-direction: column;
-        overflow: auto;
-
-        .navigation-menu-group {
-
-            & > div {
-                display: none;
-
-                &.open {
-                    display: block;
-                }
-            }
-        }
-
-        ul {
-            li {
-
-                &.navigation-divider {
-                    padding: 10px 30px;
-                    text-transform: uppercase;
-                    font-size: 12px;
-                    letter-spacing: .5px;
-                    margin-top: 10px;
-                    margin-bottom: 10px;
-                    color: #a7abc3;
-                }
-
-                & > a {
-                    display: flex;
-                    align-items: center;
-                    padding: 10px 30px;
-                    color: #505050;
-                    font-size: 14px;
-                    transition: all .3s;
-
-                    .nav-link-icon {
-                        margin-right: .8rem;
-                        stroke: rgba(black, .3);
-                        transition: stroke .3s;
-                        width: 20px;
-                        height: 20px;
-                    }
-
-                    &:hover {
-                        color: $color-primary;
-
-                        .nav-link-icon {
-                            stroke: $color-primary;
-                        }
-                    }
-
-                    &.active {
-                        position: relative;
-                        color: $color-primary;
-                        font-weight: 600;
-                        background: rgba($color-primary, .15);
-                        border-radius: $default-border-radius;
-                        margin: 0 1rem;
-
-                        &:before {
-                            content: '';
-                            // position: absolute;
-                            display: block;
-                            border: 6px solid transparent;
-                            border-left-color: $color-primary;
-                            margin-left: -12px;
-                            margin-right: 5px;
-                        }
-                    }
-
-                    .sub-menu-arrow {
-                        margin-left: auto;
-                        font-size: 14px;
-                        transition: transform .3s;
-
-                        &.rotate-in {
-                            transform: rotate(540deg);
-                        }
-                    }
-
-                    .badge {
-                        margin-left: auto;
-                        padding: 3px 7px;
-                    }
-
-                    & + ul {
-                        display: none;
-
-                        li {
-                            margin: 0;
-
-                            a {
-                                padding-left: 50px;
-                            }
-                        }
-
-                        ul {
-                            border-left: none;
-
-                            li {
-                                a {
-                                    padding-left: 70px;
-                                }
-                            }
-                        }
-                    }
-                }
-
-                &.open {
-                    & > a {
-                        color: $color-primary;
-                        font-weight: 600;
-
-                        .nav-link-icon {
-                            stroke: $color-primary;
-                        }
-                    }
-
-                    & > ul {
-                        display: block;
-
-                        a.active {
-                            background-color: inherit;
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
Index: sources/assets/sass/components/nestable.scss
===================================================================
--- resources/assets/sass/components/nestable.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,11 +1,0 @@
-.dd-handle {
-  font-weight: normal;
-
-  &:hover {
-    color: $color-primary
-  }
-}
-
-.dd3-content {
-  font-weight: normal;
-}
Index: sources/assets/sass/components/notification.scss
===================================================================
--- resources/assets/sass/components/notification.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,13 +1,0 @@
-.notify {
-   .alert {
-      border: none;
-      box-shadow: 0 2px 10px 0 rgba(24,28,33,.04);
-      .alert-heading {
-         font-size: 16px;
-         font-weight: 600;
-      }
-   }
-   &.open {
-      transform: translate(0);
-   }
-}
Index: sources/assets/sass/components/page-header.scss
===================================================================
--- resources/assets/sass/components/page-header.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,44 +1,0 @@
-.page-header {
-    display: flex;
-    align-items: flex-start;
-    height: 55px;
-
-    h1, h2, h3, h4, h5 {
-        margin: 0;
-    }
-
-    .breadcrumb {
-        background: none;
-        padding: 0;
-        margin: 0;
-
-        a {
-            &:hover {
-                text-decoration: underline;
-            }
-        }
-
-        li.breadcrumb-item {
-            font-size: 14px !important;
-
-            &:first-child:before {
-                font-size: 12px;
-                font-family: themify;
-                content: "\e69b";
-                display: inline-block;
-                margin-right: 8px;
-            }
-
-            @extend .small;
-
-            & + .breadcrumb-item::before {
-                font-size: 10px;
-            }
-
-            &.active {
-                color: $color-primary;
-                font-weight: 600;
-            }
-        }
-    }
-}
Index: sources/assets/sass/components/pagination.scss
===================================================================
--- resources/assets/sass/components/pagination.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,41 +1,0 @@
-.pagination {
-   .page-item {
-      &.active {
-         .page-link {
-            background: $color-primary;
-            border-color: transparent;
-         }
-      }
-      .page-link {
-         &:hover, &:focus {
-            text-decoration: none;
-         }
-      }
-   }
-   &.pagination-rounded {
-      .page-item {
-         margin: 0 5px;
-         .page-link {
-            border-radius: 50%;
-            padding: 0;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            height: 40px;
-            width: 40px;
-         }
-      }
-      &.pagination-sm {
-         .page-link {
-            height: 30px;
-            width: 30px;
-         }
-      }
-      &.pagination-lg {
-         .page-link {
-            height: 60px;
-            width: 60px;
-         }
-      }
-   }
-}
Index: sources/assets/sass/components/preloader.scss
===================================================================
--- resources/assets/sass/components/preloader.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,39 +1,0 @@
-.preloader {
-	position: fixed;
-	right: 0;
-	left: 0;
-	top: 0;
-	bottom: 0;
-	z-index: 1001;
-	background: white;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	flex-direction: column;
-
-	.preloader-icon {
-		border: 5px solid #eeeeee;
-		border-radius: 50%;
-		border-top: 5px solid #3498db;
-		width: 50px;
-		height: 50px;
-		animation: spin .5s linear infinite;
-	}
-
-	/* Safari */
-	@-webkit-keyframes spin {
-		0% { -webkit-transform: rotate(0deg); }
-		100% { -webkit-transform: rotate(360deg); }
-	}
-
-	@keyframes spin {
-		0% { transform: rotate(0deg); }
-		100% { transform: rotate(360deg); }
-	}
-
-	svg {
-		path {
-			fill: $color-primary;
-		}
-	}
-}
Index: sources/assets/sass/components/pricing-table.scss
===================================================================
--- resources/assets/sass/components/pricing-table.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,3 +1,0 @@
-.pricing-table {
-
-}
Index: sources/assets/sass/components/progress.scss
===================================================================
--- resources/assets/sass/components/progress.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,11 +1,0 @@
-.progress {
-   .progress-bar {
-      &.progress-bar-striped {
-         background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) !important;
-         background-size: 1rem 1rem !important;
-      }
-      &:not(.progress-bar-striped) {
-         background: $color-primary;
-      }
-   }
-}
Index: sources/assets/sass/components/range-slider.scss
===================================================================
--- resources/assets/sass/components/range-slider.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,14 +1,0 @@
-.irs {
-   .irs-single, .irs-to, .irs-from {
-      background: $color-primary;
-      &:before {
-         border-top-color: $color-primary;
-      }
-   }
-   .irs-handle {
-      border-color: $color-primary
-   }
-   .irs-bar {
-      background: $color-primary;
-   }
-}
Index: sources/assets/sass/components/scrollbar.scss
===================================================================
--- resources/assets/sass/components/scrollbar.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,10 +1,0 @@
-.nicescroll-cursors {
-    border: none !important;
-}
-
-body:not(.dark) {
-    .nicescroll-cursors {
-        background-color: rgba($color-dark, .40) !important;
-        width: 3px !important;
-    }
-}
Index: sources/assets/sass/components/select2.scss
===================================================================
--- resources/assets/sass/components/select2.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,47 +1,0 @@
-.select2 {
-	width: 100% !important;
-}
-
-.select2.select2-container {
-	.select2-selection {
-		border: 1px solid #ced4da;
-
-		.select2-selection__placeholder {
-			line-height: calc(2.25rem + 2px);
-		}
-
-		.select2-selection__arrow {
-			height: calc(2.25rem + 2px);
-			width: 30px;
-		}
-
-		.select2-selection__choice {
-			display: flex;
-			align-items: center;
-			border: none;
-
-			.select2-selection__choice__remove {
-				font-size: $default-font-size + 2;
-				padding: 0 5px 0 3px;
-			}
-		}
-
-		&.select2-container--focus {
-			border-color: red;
-		}
-	}
-}
-
-.select2-container--default .select2-results__option--highlighted[aria-selected] {
-	background-color: $color-primary;
-	color: white;
-}
-
-.select2-container--default.select2-container--focus .select2-selection--multiple {
-	border-color: rgba($color-primary, 0.8);
-}
-
-.select2-container--default .select2-search--dropdown .select2-search__field {
-	height: calc(2.25rem + 2px);
-	padding: .375rem .75rem;
-}
Index: sources/assets/sass/components/slick.scss
===================================================================
--- resources/assets/sass/components/slick.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,35 +1,0 @@
-.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 {
-  transition: transform .3s;
-  transform: scale(1.20);
-}
-
-/* the slides */
-.slick-slide {
-  margin: 0 10px;
-}
-/* the parent */
-.slick-list {
-  margin: 0 -10px;
-}
Index: sources/assets/sass/components/sweet-alert.scss
===================================================================
--- resources/assets/sass/components/sweet-alert.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,39 +1,0 @@
-.swal-modal {
-	border-radius: .50rem;
-
-	.swal-title {
-		font-size: $default-font-size + 6;
-	}
-
-	.swal-text {
-		text-align: center;
-	}
-
-	.swal-button {
-		padding: .375rem .75rem;
-
-		&.swal-button--confirm {
-			background: $color-primary;
-		}
-
-		&.swal-button--danger {
-			background: $color-danger;
-		}
-
-		&.swal-button--cancel {
-			background: $color-light;
-		}
-	}
-
-	.swal-icon--error {
-		border-color: lighten($color-danger, 18%);
-
-		.swal-icon--error__line {
-			background: lighten($color-danger, 18%);
-		}
-	}
-
-	input.swal-content__input {
-		@extend .form-control
-	}
-}
Index: sources/assets/sass/components/table.scss
===================================================================
--- resources/assets/sass/components/table.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,55 +1,0 @@
-.table {
-    &:not(.table-bordered) {
-        thead th {
-            border-top: none;
-            border-bottom-width: 1px;
-            font-weight: 500;
-            text-transform: uppercase;
-            font-size: 11px;
-            letter-spacing: .5px;
-        }
-
-        td {
-            vertical-align: middle;
-            line-height: 1;
-            white-space: nowrap;
-        }
-    }
-
-    .dropdown-menu {
-        margin-top: 0;
-    }
-
-    &.table-lg {
-        td {
-            padding: 1.3rem .75rem;
-        }
-    }
-
-    tr {
-        &.tr-selected {
-            background-color: darken(white, 4%);
-        }
-    }
-
-    &.table-striped tbody tr:nth-of-type(odd) {
-        background-color: rgba(0, 0, 0, .03);
-    }
-}
-
-.table-responsive-stack tr {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: horizontal;
-    -webkit-box-direction: normal;
-    -ms-flex-direction: row;
-    flex-direction: row;
-}
-
-.table-responsive-stack td,
-.table-responsive-stack th {
-    display: block;
-    -ms-flex: 1 1 auto;
-    flex: 1 1 auto;
-}
Index: sources/assets/sass/components/timeline.scss
===================================================================
--- resources/assets/sass/components/timeline.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,31 +1,0 @@
-.timeline {
-	.timeline-item {
-		padding-bottom: 20px;
-		position: relative;
-		display: flex;
-
-		& > div:last-child {
-			flex: 1;
-		}
-
-		&::before {
-			content: "";
-			display: block;
-			position: absolute;
-			width: 1px;
-			bottom: 0px;
-			top: 32px;
-			left: 15px;
-			background: #e1e1e1;
-		}
-
-		&:last-child {
-			&::before {
-				display: none;
-			}
-
-			padding-bottom: 0;
-			bottom: 0;
-		}
-	}
-}
Index: sources/assets/sass/components/timepicker.scss
===================================================================
--- resources/assets/sass/components/timepicker.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,46 +1,0 @@
-.wickedpicker {
-   border: none;
-   box-shadow: 0 2px 15px 0 rgba(69, 65, 78, .18);
-   width: auto;
-   border-radius: 0;
-   height: auto;
-   .wickedpicker__controls {
-      padding: 10px 15px;
-   }
-   .wickedpicker__controls__control {
-      width: 40px;
-      .wickedpicker__controls__control-up:before {
-         content: "\f077";
-         font: normal normal normal 14px/1 FontAwesome;
-      }
-      .wickedpicker__controls__control-down:after {
-         content: "\f078";
-         font: normal normal normal 14px/1 FontAwesome;
-      }
-      .hover-state {
-         color: $color-primary;
-      }
-   }
-   .wickedpicker__title {
-      display: none;
-   }
-}
-
-.clearable-picker {
-   position: relative;
-   [data-clear-picker] {
-      cursor: pointer;
-      font-size: $default-font-size + 6;
-      position: absolute;
-      right: 10px;
-      top: 50%;
-      height: 17px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: 17px;
-      color: $default-text-color;
-      margin-top: -(17px / 2);
-      bottom: 0;
-   }
-}
Index: sources/assets/sass/components/toastr.scss
===================================================================
--- resources/assets/sass/components/toastr.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,220 +1,0 @@
-.toast-title {
-	font-weight: bold;
-}
-
-.toast-message {
-	-ms-word-wrap: break-word;
-	word-wrap: break-word;
-}
-
-.toast-message a,
-.toast-message label {
-	color: #ffffff;
-}
-
-.toast-message a: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 * {
-	-moz-box-sizing: border-box;
-	-webkit-box-sizing: border-box;
-	box-sizing: border-box;
-}
-
-#toast-container > div {
-	position: relative;
-	overflow: hidden;
-	margin: 0 0 6px;
-	padding: 15px 15px 15px 50px;
-	width: 300px;
-	border-radius: .25rem;
-	background-position: 15px center;
-	background-repeat: no-repeat;
-	color: #ffffff;
-	opacity: 1;
-
-	&: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: $color-dark;
-	border: none;
-	box-shadow: none;
-}
-
-.toast-success {
-	background-color: $color-success;
-}
-
-.toast-error {
-	background-color: $color-danger;
-}
-
-.toast-info {
-	background-color: $color-info;
-}
-
-.toast-warning {
-	background-color: $color-warning;
-}
-
-.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;
-	}
-}
Index: sources/assets/sass/components/tour.scss
===================================================================
--- resources/assets/sass/components/tour.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,39 +1,0 @@
-.tourStep {
-	border: none;
-
-	&.right {
-		margin-left: 10px;
-	}
-
-	&.left {
-		margin-right: 10px;
-	}
-
-	&.top {
-		margin-top: -10px;
-	}
-
-	&.bottom {
-		margin-top: 10px;
-	}
-
-	.popover-navigation {
-		border-top: 1px solid #ddd;
-		padding: .5rem .75rem;
-		display: flex;
-		align-items: center;
-
-		span {
-			font-size: $default-font-size - 2;
-			color: #9b9b9b
-		}
-
-		.popover-navigation-buttons {
-			margin-left: auto;
-
-			.btn {
-				margin-left: 5px;
-			}
-		}
-	}
-}
Index: sources/assets/sass/components/typography.scss
===================================================================
--- resources/assets/sass/components/typography.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,133 +1,0 @@
-ul {
-	&:not(.list-unstyled) {
-		margin: 0;
-		padding: 0;
-
-		li {
-			list-style-type: none;
-
-			a {
-				.icon {
-					color: darken(white, 18%);
-					font-size: $default-font-size;
-					vertical-align: middle;
-				}
-
-				&:hover, &:focus {
-					text-decoration: underline;
-				}
-			}
-		}
-	}
-
-	li {
-		a {
-			&:hover, &:focus {
-				text-decoration: none !important;
-			}
-		}
-	}
-
-	&.list-unstyled {
-		li {
-			margin-bottom: 10px;
-
-			ul {
-				margin-left: 30px !important;
-				margin-top: 10px !important;
-				margin-bottom: 10px !important;
-
-				li {
-					list-style-type: disc !important;
-				}
-			}
-		}
-	}
-
-	&.links {
-		a {
-			display: block;
-			padding: 3px 5px;
-			color: lighten(black, 18%);
-
-			&.active {
-				color: $color-primary;
-				font-weight: 500;
-			}
-		}
-	}
-}
-
-.list-group.list-group-sm {
-	.list-group-item {
-		padding: .40rem 1rem;
-	}
-}
-
-.text-uppercase {
-	letter-spacing: .5px;
-}
-
-.bg-none {
-	background-color: inherit !important;
-}
-
-$heading-min-font-size: 13px;
-
-h1 {
-	font-size: $default-font-size + 15
-}
-
-h2 {
-	font-size: $default-font-size + 12
-}
-
-h3 {
-	font-size: $default-font-size + 9
-}
-
-h4 {
-	font-size: $default-font-size + 6
-}
-
-h5 {
-	font-size: $default-font-size + 3
-}
-
-h6 {
-	font-size: $default-font-size
-}
-
-ul.list-inline {
-	li {
-		margin-bottom: .5rem;
-	}
-}
-
-hr {
-	border-color: $border-style-color
-}
-
-.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;
-}
Index: sources/assets/sass/components/webapp.scss
===================================================================
--- resources/assets/sass/components/webapp.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,232 +1,0 @@
-.stretch-layout {
-    overflow: hidden;
-
-    .app-block {
-        height: calc(100vh - #{$header-height + 30px + 30px});
-    }
-
-    .content-footer {
-        display: none;
-    }
-
-    &:not(.chat-app).right-navigation {
-        &.small-navigation {
-            .layout-wrapper .content-wrapper .content-body .content {
-                padding-left: 30px !important;
-                padding-right: $navigation-tab-width + 30px !important;
-            }
-        }
-    }
-
-    &.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 - #{$header-height + 30px + 30px + $header-height - 20px});
-        }
-    }
-}
-
-.app-block {
-    .app-sidebar {
-        height: 100%;
-
-        & > .card {
-            height: 100%;
-            margin-bottom: 0;
-
-            .card-body {
-                flex: none;
-            }
-        }
-
-        .app-sidebar-menu {
-            flex: 1;
-
-            .list-group {
-                .list-group-item.active {
-                    background: none;
-                    color: $color-primary;
-                }
-            }
-        }
-    }
-
-    .app-sidebar-menu-button {
-        display: none;
-    }
-
-    .app-content {
-        display: flex;
-        flex-direction: column;
-        height: 100%;
-
-        .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;
-
-            &.show {
-                display: block;
-            }
-        }
-
-        .app-action {
-            display: flex;
-            justify-content: space-between;
-            @extend .card;
-            padding: 1.5rem;
-
-            .action-left, .action-right {
-                display: flex;
-                align-items: center;
-            }
-
-            .action-right {
-                margin-left: 1rem;
-                flex: 1;
-                display: flex;
-                justify-content: space-between;
-
-                form {
-                    flex: 1;
-                }
-            }
-        }
-
-        .app-content-body {
-            margin-bottom: 0;
-            flex: 1;
-            padding: 0;
-            height: 100%;
-            position: static;
-            overflow: hidden;
-
-            .app-lists {
-                height: 100%;
-                overflow: auto;
-
-
-                ul.list-group {
-                    li.list-group-item {
-                        padding-top: 15px;
-                        padding-bottom: 15px;
-                        background: none;
-                        display: flex;
-                        align-items: center;
-
-                        &:hover {
-                            cursor: pointer;
-                            background-color: #fafafa;
-                        }
-
-                        &.active {
-                            background-color: #ebebeb;
-
-                            .avatar {
-                                border-color: #ebebeb
-                            }
-
-                            .app-list-title {
-                                color: black;
-                            }
-
-                            &.task-list {
-                                .app-list-title {
-                                    text-decoration: line-through;
-                                    @extend .text-success
-                                }
-                            }
-                        }
-                    }
-                }
-            }
-
-            .app-detail {
-                margin-bottom: 0;
-                position: absolute;
-                right: .90rem;
-                top: .50rem;
-                bottom: 0;
-                left: .90rem;
-                z-index: 2;
-                opacity: 0;
-                visibility: hidden;
-                transition: all .3s;
-
-                &.show {
-                    opacity: 1;
-                    visibility: visible;
-                    top: 0;
-                }
-
-                .card-header {
-                    display: flex;
-                    align-items: center;
-                    padding: 1.5rem;
-                    border-bottom: $border-style;
-
-                    .app-detail-action-left {
-                        display: flex;
-                    }
-
-                    .app-detail-action-right {
-                        margin-left: auto;
-                    }
-                }
-            }
-        }
-    }
-}
-
-#compose, .app-block {
-    .ql-toolbar.ql-snow {
-        border: none;
-        padding: 0;
-    }
-
-    .ql-editor {
-        min-height: 70px;
-    }
-}
-
-.app-sortable-handle {
-    cursor: move;
-}
-
-.app-file-list {
-    border: $border-style;
-
-    .app-file-icon {
-        background-color: #f5f5f5;
-        padding: 2rem;
-        text-align: center;
-        font-size: 2rem;
-        border-bottom: $border-style;
-        border-top-right-radius: 8px;
-        border-top-left-radius: 8px;
-    }
-
-    &:hover {
-        border-color: #d7d7d7;
-    }
-}
-
-body:not(.stretch-layout) {
-    .app-block .app-content .app-content-body {
-        overflow: visible;
-    }
-}
Index: sources/assets/sass/core/mixins.scss
===================================================================
--- resources/assets/sass/core/mixins.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,145 +1,0 @@
-@for $i from 0 through 10 {
-	.m-#{5 * $i} {
-		margin: 5px * $i !important;
-	}
-}
-
-@for $i from 0 through 10 {
-	.m-t-b-#{5 * $i} {
-		margin-top: 5px * $i !important;
-		margin-bottom: 5px * $i !important;
-	}
-}
-
-@for $i from 0 through 10 {
-	.m-l-r-#{5 * $i} {
-		margin-left: 5px * $i !important;
-		margin-right: 5px * $i !important;
-	}
-}
-
-@for $i from 0 through 10 {
-	.m-t-#{5 * $i} {
-		margin-top: 5px * $i !important;
-	}
-}
-
-@for $i from 0 through 10 {
-	.m-r-#{5 * $i} {
-		margin-right: 5px * $i !important;
-	}
-}
-
-@for $i from 0 through 10 {
-	.m-b-#{5 * $i} {
-		margin-bottom: 5px * $i !important;
-	}
-}
-
-@for $i from 0 through 10 {
-	.m-l-#{5 * $i} {
-		margin-left: 5px * $i !important;
-	}
-}
-
-@for $i from 0 through 100 {
-	.m-t-#{10 * $i}-minus {
-		margin-top: -10px * $i !important;
-	}
-}
-
-@for $i from 0 through 100 {
-	.m-r-#{10 * $i}-minus {
-		margin-right: -10px * $i !important;
-	}
-}
-
-@for $i from 0 through 100 {
-	.m-b-#{10 * $i}-minus {
-		margin-bottom: -10px * $i !important;
-	}
-}
-
-@for $i from 0 through 100 {
-	.m-l-#{10 * $i}-minus {
-		margin-left: -10px * $i !important;
-	}
-}
-
-@for $i from 0 through 10 {
-	.p-t-b-#{5 * $i} {
-		padding-top: 5px * $i !important;
-		padding-bottom: 5px * $i !important;
-	}
-}
-
-@for $i from 0 through 10 {
-	.p-l-r-#{5 * $i} {
-		padding-left: 5px * $i !important;
-		padding-right: 5px * $i !important;
-	}
-}
-
-@for $i from 0 through 10 {
-	.p-#{5 * $i} {
-		padding: 5px * $i !important;
-	}
-}
-
-@for $i from 0 through 30 {
-	.p-t-#{5 * $i} {
-		padding-top: 5px * $i !important;
-	}
-}
-
-@for $i from 0 through 30 {
-	.p-r-#{5 * $i} {
-		padding-right: 5px * $i !important;
-	}
-}
-
-@for $i from 0 through 30 {
-	.p-b-#{5 * $i} {
-		padding-bottom: 5px * $i !important;
-	}
-}
-
-@for $i from 0 through 30 {
-	.p-l-#{5 * $i} {
-		padding-left: 5px * $i !important;
-	}
-}
-
-@for $i from 0 through 9 {
-	.opacity-#{$i} {
-		opacity: $i / 10 !important;
-	}
-}
-
-@for $i from 10 through 50 {
-	.font-size-#{$i} {
-		font-size: 1px * $i !important;
-	}
-}
-
-@for $i from 0 through 50 {
-	.line-height-#{$i} {
-		line-height: 1px * $i !important;
-	}
-}
-
-@for $i from 10 through 50 {
-	.width-#{$i * 1} {
-		width: #{$i}px !important;
-	}
-}
-
-@for $i from 10 through 50 {
-	.height-#{$i * 1} {
-		height: #{$i}px !important;
-	}
-}
-
-.h-100-vh {
-	height: 100vh;
-}
Index: sources/assets/sass/core/vars.scss
===================================================================
--- resources/assets/sass/core/vars.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,57 +1,0 @@
-$header-height: 75px;
-$navigation-width: 320px;
-$navigation-tab-width: 80px;
-$small-navigation-width: 65px;
-$sidebar-width: 330px;
-
-$default-font-size: 14px;
-$default-border-radius: .50rem;
-
-$border-style: 1px solid #ebebeb;
-$border-style-color: darken(white, 10%);
-$dark-border-style: 1px solid rgba(white, .1);
-
-$body-bg-color: #182139;
-$body-bg-color-dark: #04071a;
-$default-dark-text-color: #c7c7c7;
-
-$body-bg-color-dark-light: #313852;
-
-$default-text-color: #646464;
-$default-text-color-dark: #b9b9b9;
-
-$default-avatar-size: 3rem;
-
-$element-focus-outline-opacity: .40;
-
-$color-primary: #0081ff;
-$color-secondary: #aa66cc;
-$color-success: #28c76f;
-$color-info: #33b5e5;
-$color-light: #afb8bd;
-$color-danger: #ea5455;
-$color-warning: #ff9f43;
-$color-dark: #293134;
-
-$color-primary-bright: rgba($color-primary, .3);
-$color-secondary-bright: rgba($color-secondary, .3);
-$color-success-bright: rgba($color-success, .3);
-$color-info-bright: rgba($color-info, .3);
-$color-danger-bright: rgba($color-danger, .3);
-$color-warning-bright: rgba($color-warning, .3);
-$color-dark-bright: #d4d5d8;
-
-$color-facebook: #3b5998;
-$color-twitter: #55acee;
-$color-google: #db4437;
-$color-pinterest: #bd081c;
-$color-linkedin: #0077b5;
-$color-tumblr: #35465c;
-$color-instagram: #3f729b;
-$color-dribbble: #ea4c89;
-$color-youtube: #cd201f;
-$color-whatsapp: #43d854;
-$color-github: #00405d;
-$color-behance: #1769ff;
-$color-skype: #00aff0;
-$color-yahoo: #410093;
Index: sources/assets/sass/dark.scss
===================================================================
--- resources/assets/sass/dark.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,1190 +1,0 @@
-body.dark {
-    background-color: $body-bg-color;
-    color: $default-dark-text-color;
-
-    a:not(.btn):not(.link-1) {
-        color: rgba(white, .5);
-
-        &:hover {
-            color: rgba(white, .8);
-        }
-    }
-
-    .header {
-        background-color: $body-bg-color-dark-light;
-        border-bottom-color: #454c66;
-
-        .header-logo {
-            border-bottom-color: #454c66;
-
-            img {
-                display: block;
-
-                &:not(.logo-light) {
-                    display: none;
-                }
-            }
-        }
-
-        ul {
-            li {
-                a {
-                    color: $default-dark-text-color;
-
-                    &:hover, &:focus {
-                        color: white;
-                    }
-                }
-            }
-        }
-
-        .avatar {
-            border-color: transparent;
-        }
-    }
-
-    .text-divider:after {
-        background-color: #454c66;
-    }
-
-    input::placeholder {
-        color: rgba(white, .5);
-    }
-
-    .border {
-        border-color: #454c66 !important;
-    }
-
-    .border-right {
-        border-left-color: #454c66 !important;
-        border-right-color: #454c66 !important;
-    }
-
-    .border-left {
-        border-left-color: #454c66 !important;
-        border-right-color: #454c66 !important;
-    }
-
-    .border-bottom {
-        border-bottom-color: #454c66 !important;
-    }
-
-    .border-top {
-        border-top-color: #454c66 !important;
-    }
-
-    .preloader {
-        background: $body-bg-color-dark;
-
-        .preloader-icon {
-            border-color: $body-bg-color-dark-light
-        }
-    }
-
-    .nav-tabs {
-        .nav-link {
-            &:hover, &:focus {
-                background-color: $body-bg-color-dark-light !important;
-                border-bottom-color: $body-bg-color-dark-light !important;
-            }
-
-            &.active {
-                background: $body-bg-color-dark-light !important;
-                border-bottom-color: $body-bg-color-dark-light !important;
-            }
-        }
-    }
-
-    .sidebar {
-        header {
-            background-color: #2c2f42;
-        }
-    }
-
-    .navigation {
-        background-color: $body-bg-color-dark-light;
-
-        .navigation-menu-tab {
-            border-right-color: lighten($body-bg-color-dark-light, 10%);
-
-            ul {
-                li {
-                    a {
-                        color: $default-dark-text-color;
-
-                        &.active {
-                            color: white;
-                        }
-
-                        &:not(.active):hover, &:not(.active):focus {
-                            color: $color-primary;
-                        }
-                    }
-                }
-            }
-        }
-
-        .navigation-menu-body {
-
-            ul {
-                li {
-                    &.navigation-divider {
-                        color: #dbdbdb
-                    }
-
-                    a {
-                        color: $default-dark-text-color;
-
-                        .nav-link-icon {
-                            stroke: rgba($default-dark-text-color, .5);
-                        }
-
-                        &:hover, &:focus {
-                            color: white;
-                        }
-
-                        &.active {
-                            color: white;
-                        }
-
-                        & + ul {
-                            li {
-                                a.active {
-                                    color: white
-                                }
-                            }
-                        }
-                    }
-
-                    &.open {
-                        & > a {
-                            color: white;
-                            background-color: #454c66;
-                        }
-                    }
-
-                    .dropdown-divider {
-                        color: $color-primary
-                    }
-                }
-            }
-        }
-    }
-
-    &.boxed-layout {
-        background-color: $body-bg-color-dark;
-
-        .layout-wrapper .content-wrapper .content-body .content {
-            background-color: $body-bg-color;
-        }
-    }
-
-    &.right-navigation {
-        .navigation {
-            .navigation-menu-tab {
-                border-left-color: lighten($body-bg-color-dark-light, 10%)
-            }
-        }
-
-        &.small-navigation {
-            .navigation {
-                .navigation-menu-tab {
-                    border-left-color: transparent;
-                }
-
-                &:hover {
-                    .navigation-menu-tab {
-                        border-left-color: lighten($body-bg-color-dark-light, 10%) !important;
-                    }
-                }
-            }
-        }
-    }
-
-    &.small-navigation {
-        .navigation {
-            &:hover {
-                .navigation-menu-tab {
-                    border-right-color: lighten($body-bg-color-dark-light, 10%) !important;
-                }
-            }
-        }
-    }
-
-    .custom-accordion {
-        .accordion-row {
-            .accordion-header {
-                .close {
-                    text-shadow: none;
-                    color: inherit;
-                }
-            }
-        }
-    }
-
-    #vmap_usa_en, #vmap_canada_en, #vmap_world_en {
-        background-color: inherit !important;
-    }
-
-    .table {
-        color: $default-dark-text-color;
-    }
-
-    .table .thead-light th {
-        background-color: #59607a;
-        color: inherit;
-    }
-
-    .table .thead-dark th, .table-dark, .table-dark th, .table-dark td {
-        background-color: $body-bg-color-dark
-    }
-
-    .mark, mark {
-        background-color: #59607a;
-        color: inherit;
-    }
-
-    .page-header {
-        color: rgba(white, .6);
-
-        .breadcrumb li a {
-            color: #b3b3b3;
-
-            &:hover {
-                color: $default-dark-text-color
-            }
-        }
-    }
-
-    .breadcrumb li.breadcrumb-item.active {
-        color: lighten($color-primary, 10%)
-    }
-
-    [data-backround-image]:after {
-        background-color: rgba(0, 0, 0, 0.60);
-    }
-
-    .layout-alert {
-        border-color: #59607a;
-    }
-
-    .alert {
-        color: rgba(white, .6);
-
-        hr {
-            border-color: rgba(white, .1);
-        }
-
-        .close {
-            &:hover, &:focus {
-                opacity: .2;
-                color: inherit;
-            }
-        }
-    }
-
-    .form-control {
-        background: $body-bg-color-dark-light;
-        border-color: #454c66 !important;
-        color: #c3c3c3;
-
-        &:focus {
-            border-color: $color-primary !important;
-        }
-    }
-
-    .timeline .timeline-item::before {
-        background: #59607a;
-    }
-
-    .dropdown-menu {
-        border-top: 1px solid #454c66 !important;
-        color: $default-dark-text-color;
-    }
-
-    .custom-select {
-        background-color: inherit;
-        border-color: rgba(white, .2);
-        color: inherit;
-    }
-
-    .custom-file-label {
-        background-color: inherit;
-        border-color: rgba(white, .2);
-        color: inherit;
-
-        &::after {
-            background-color: #454c66;
-            color: inherit;
-        }
-    }
-
-    .custom-range::-webkit-slider-runnable-track {
-        background-color: #454c66;
-    }
-
-    .custom-control-label::before {
-        background-color: inherit;
-        border-color: #59607a;
-    }
-
-    .custom-control-input:disabled ~ .custom-control-label::before {
-        background-color: #454c66;
-    }
-
-    .form-control-plaintext {
-        color: inherit;
-    }
-
-    .wizard > .content {
-        background-color: #454c66;
-    }
-
-    .wizard > .steps .disabled a, .wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active {
-        background-color: #454c66;
-    }
-
-    .wizard > .actions .disabled a, .wizard > .actions .disabled a:hover, .wizard > .actions .disabled a:active {
-        background: #4f5670 !important;
-        border-color: #4f5670 !important;
-
-        &:not(:disabled):not(.disabled):focus {
-            box-shadow: 0 0 0 0.2rem rgba($body-bg-color-dark, .5);
-            outline: none;
-            color: inherit;
-        }
-    }
-
-    .pricing-table {
-        border-color: #59607a;
-    }
-
-    hr {
-        border-color: #454c66;
-    }
-
-    .dropdown-menu {
-        border: none;
-        background-color: #3b425c;
-
-        .dropdown-item {
-            color: #c3c3c3;
-
-            &:hover, &:focus {
-                background: $body-bg-color-dark-light;
-            }
-        }
-    }
-
-
-    .bg-light {
-        background: #59607a !important;
-    }
-
-    .list-group-item {
-        background: none;
-        border-color: rgba(#9b9b9b, .1)
-    }
-
-    a.list-group-item {
-        color: $default-dark-text-color;
-
-        &:hover {
-            color: white;
-        }
-    }
-
-    .card {
-        background: $body-bg-color-dark-light;
-        border-color: lighten($body-bg-color-dark-light, 10%);
-
-        .card-header {
-            border-bottom-color: #2c2f42 !important;
-        }
-
-        .card-footer {
-            border-top-color: #2c2f42
-        }
-    }
-
-    .accordion .card, .accordion.custom-accordion {
-        border-color: rgba(240, 240, 240, 0.12)
-    }
-
-    .accordion.custom-accordion .accordion-row a.accordion-header {
-        border-bottom-color: rgba(240, 240, 240, 0.12);
-        border-top-color: rgba(240, 240, 240, 0.12);
-        color: inherit;
-        background-color: #454c66;
-    }
-
-    .morris-hover.morris-default-style {
-        background-color: #454c66;
-        border-color: #59607a;
-    }
-
-    .apexcharts-yaxis {
-        .apexcharts-yaxis-texts-g {
-            text {
-                fill: rgba(white, .2);
-            }
-        }
-    }
-
-    .apexcharts-grid {
-        .apexcharts-gridlines-horizontal, .apexcharts-gridlines-vertical {
-            line {
-                stroke: rgba(white, .1);
-            }
-        }
-    }
-
-    .apexcharts-toolbar {
-        & > div > svg {
-            fill: rgba(white, .2);
-        }
-    }
-
-    .apexcharts-menu {
-        border: none;
-        background-color: #454c66;
-
-        .apexcharts-menu-item {
-            &:hover {
-                background-color: #59607a;
-            }
-        }
-    }
-
-    .apexcharts-xaxis {
-        .apexcharts-xaxis-texts-g {
-            text {
-                fill: rgba(white, .2);
-            }
-        }
-    }
-
-    .apexcharts-tooltip.light .apexcharts-tooltip-title {
-        background-color: #59607a !important;
-        border-color: #3b425c !important;
-    }
-
-    .apexcharts-xaxistooltip {
-        border-color: #3b425c !important;
-        background-color: #454c66 !important;
-        color: rgba(white, .4);
-    }
-
-    .apexcharts-xaxistooltip-bottom:after, apexcharts-xaxistooltip-bottom:before {
-        border-bottom-color: #454c66 !important;
-    }
-
-    .apexcharts-tooltip {
-        border-color: #3b425c !important;
-        background-color: #454c66 !important;
-    }
-
-    .apexcharts-title-text, .apexcharts-subtitle-text {
-        fill: rgba(white, .4);
-    }
-
-    .apexcharts-legend-text {
-        color: rgba(white, .4) !important;
-    }
-
-    .apexcharts-yaxis-title, .apexcharts-xaxis-title {
-        text {
-            fill: rgba(white, .4);
-        }
-    }
-
-    .demo-code-preview {
-        background-color: $body-bg-color-dark-light;
-        border-color: #4f5670 !important;
-
-        * {
-            text-shadow: none;
-        }
-
-        code[class*="language-"], pre[class*="language-"] {
-            color: white;
-
-            .token.operator {
-                background: none;
-            }
-        }
-
-        .token.tag {
-            color: #e156a3;
-        }
-    }
-
-    .avatar {
-        border-color: $body-bg-color-dark-light;
-
-        &:before {
-            border-color: $body-bg-color-dark-light
-        }
-
-        .avatar-title {
-            background-color: #59607a;
-        }
-    }
-
-    .tourBg {
-        opacity: .7 !important;
-    }
-
-    .dd-handle, .dd3-content {
-        background-color: #454c66;
-        border-color: $body-bg-color-dark-light;
-        color: inherit;
-    }
-
-    .dd3-handle:before {
-        color: inherit;
-    }
-
-    .dd-item {
-        button {
-            color: inherit;
-        }
-    }
-
-    .list-group-item-action {
-        color: inherit;
-
-        &.active {
-            color: white;
-        }
-    }
-
-    .img-thumbnail {
-        border-color: #59607a;
-        background-color: $body-bg-color-dark-light;
-    }
-
-    .progress {
-        background-color: #59607a;
-    }
-
-    .jstree-default .jstree-clicked {
-        color: $body-bg-color-dark
-    }
-
-    .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {
-        background-color: inherit;
-    }
-
-    .select2-container--default .select2-selection--multiple .select2-selection__choice {
-        background: #454c66;
-        color: #c3c3c3;
-    }
-
-    .select2.select2-container .select2-selection {
-        border-color: #59607a;
-    }
-
-    .select2-container--default .select2-selection--single .select2-selection__placeholder {
-        color: $default-text-color;
-    }
-
-    .select2-container .select2-search--inline .select2-search__field {
-        color: inherit;
-    }
-
-    .select2-dropdown {
-        background-color: $body-bg-color-dark-light;
-        border-color: #59607a;
-    }
-
-    .select2-container--default .select2-search--dropdown .select2-search__field {
-        background-color: $body-bg-color-dark-light;
-        border-color: #59607a;
-        color: inherit;
-    }
-
-    .select2-container--default .select2-selection--single .select2-selection__rendered {
-        color: inherit;
-    }
-
-    .select2-container--default .select2-results__option[aria-selected=true] {
-        background-color: $body-bg-color-dark;
-        color: inherit;
-    }
-
-    .irs--round .irs-line {
-        background-color: #59607a;
-    }
-
-    .irs--round .irs-min, .irs--round .irs-max {
-        color: inherit;
-        background-color: #59607a;
-    }
-
-    .daterangepicker {
-        background-color: #3b425c;
-        border-color: #3b425c;
-
-        select {
-            background-color: inherit;
-            color: inherit;
-            border-color: #59607a;
-        }
-
-        &:after, &:before {
-            border-bottom-color: #3b425c;
-        }
-
-        .calendar-table {
-            background-color: #3b425c;
-            border-color: #3b425c;
-        }
-
-        td.in-range {
-            background-color: #59607a;
-            color: inherit;
-        }
-
-        td.end-date {
-            color: white;
-            background-color: $color-primary;
-        }
-
-        .drp-buttons {
-            border-top-color: #3b425c;
-
-            .btn.btn-default {
-                color: inherit;
-            }
-        }
-    }
-
-    .daterangepicker td.off, .daterangepicker td.off.end-date, .daterangepicker td.off.start-date {
-        background-color: inherit;
-        color: #636a84
-    }
-
-    .daterangepicker td.off.in-range {
-        background-color: #59607a;
-        color: #8b92ac
-    }
-
-    .daterangepicker td.available:hover, .daterangepicker th.available:hover {
-        background-color: $color-primary;
-        color: white;
-
-        span {
-            border-color: white;
-        }
-    }
-
-    .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
-        border-color: #6d748e;
-    }
-
-    .daterangepicker .ranges li:hover {
-        background-color: #454c66;
-    }
-
-    .popover.clockpicker-popover {
-        overflow: hidden;
-        border: 1px solid #59607a;
-
-        .popover-title {
-            background-color: $body-bg-color-dark-light;
-            color: inherit;
-        }
-
-        .popover-content {
-            background-color: $body-bg-color-dark-light;
-        }
-
-        .clockpicker-plate {
-            border-color: #59607a;
-            background-color: $body-bg-color-dark-light;
-
-            .clockpicker-tick {
-                color: inherit;
-            }
-
-            .clockpicker-canvas-bg {
-                fill: #59607a
-            }
-        }
-    }
-
-    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
-        background-color: #59607a;
-        color: inherit;
-        border-color: #59607a
-    }
-
-    .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
-        border-color: #3b425c;
-        background-color: #3b425c;
-    }
-
-    .nav-tabs {
-        border-bottom-color: #59607a
-    }
-
-    .figure-caption {
-        color: inherit;
-    }
-
-    .btn-link {
-        color: inherit;
-    }
-
-    .text-muted {
-        color: #9f9f9f !important;
-    }
-
-    .table td, .table th {
-        border-color: rgba(#9b9b9b, .2)
-    }
-
-    .border-bottom {
-        border-bottom-color: rgba(#9b9b9b, .2) !important;
-    }
-
-    .sidebar {
-        background: $body-bg-color-dark-light;
-    }
-
-    .nicescroll-cursors {
-        background-color: rgba(255, 255, 255, 0.15) !important;
-    }
-
-    .chat-block {
-        .chat-content {
-            .messages {
-                .message-item {
-                    &:not(.me) {
-                        &:before {
-                            border-right-color: #454c66
-                        }
-
-                        .message-item-content {
-
-                            background-color: #454c66;
-                        }
-                    }
-
-                    &.message-item-divider {
-                        &:before, &:after {
-                            background-color: #454c66;
-                        }
-                    }
-                }
-            }
-        }
-
-        .chat-sidebar {
-            background-color: lighten($body-bg-color-dark-light, 5%);
-
-            .chat-sidebar-content .list-group .list-group-item {
-                background-color: $body-bg-color-dark-light;
-
-                &.active {
-                    color: white;
-                }
-            }
-        }
-    }
-
-    .app-block {
-        .app-content {
-            .app-content-body {
-                .app-lists {
-                    ul.list-group {
-                        li {
-                            &:hover {
-                                background-color: #3b425c;
-                            }
-
-                            &.list-group-item.active {
-                                background-color: #454c66;
-
-                                .avatar {
-                                    border-color: #454c66;
-                                }
-
-                                .app-list-title {
-                                    color: $default-dark-text-color
-                                }
-                            }
-                        }
-                    }
-                }
-
-                .app-detail {
-                    .card-header {
-                        border-bottom-color: #454c66 !important;
-                    }
-                }
-            }
-        }
-    }
-
-    .app-file-list {
-        border-color: #454c66;
-
-        .app-file-icon {
-            background-color: #454c66;
-            border-bottom-color: #454c66;
-        }
-    }
-
-    .ql-container.ql-snow {
-        border-color: #454c66
-    }
-
-    .ql-editor.ql-blank::before {
-        color: $default-dark-text-color
-    }
-
-    .ql-snow .ql-stroke, .ql-fill {
-        stroke: $default-dark-text-color
-    }
-
-    .text-black-50 {
-        color: rgba(247, 247, 247, 0.43) !important;
-    }
-
-    .table-email-list a {
-        color: inherit;
-    }
-
-    .table-hover tbody tr:hover {
-        color: inherit;
-    }
-
-    .input-group-text {
-        background: #454c66;
-        color: inherit;
-    }
-
-    .dropdown-divider {
-        border-top-color: rgba(240, 240, 240, 0.12)
-    }
-
-    .btn.btn-light, .fc .fc-state-default {
-        background: #454c66;
-        border-color: transparent;
-        color: inherit;
-
-        &:not(:disabled):not(.disabled):hover, &:not(:disabled):not(.disabled):focus, &:not(:disabled):not(.disabled):active {
-            background: #4f5670;
-            border-color: #4f5670;
-            color: inherit;
-        }
-
-        &:not(:disabled):not(.disabled):focus {
-            box-shadow: 0 0 0 0.2rem rgba($body-bg-color-dark, .5);
-            outline: none;
-            color: inherit;
-        }
-    }
-
-    .btn.btn-outline-light {
-        border: $dark-border-style;
-        color: $default-dark-text-color;
-
-        &:hover {
-            background: none !important;
-            color: #d6d6d6 !important;
-            border: $dark-border-style !important;
-        }
-    }
-
-    .fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
-        border-color: rgba(240, 240, 240, 0.12)
-    }
-
-    .fc-unthemed .fc-list-item:hover td {
-        background: #454c66;
-    }
-
-    .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-popover .fc-header {
-        background: #454c66;
-    }
-
-    .fc-unthemed td.fc-today, .fc-unthemed .fc-list-empty {
-        background: #454c66;
-    }
-
-    #external-events .fc-event {
-        color: inherit;
-    }
-
-    .bootstrap-tagsinput {
-        background-color: inherit;
-        border-color: rgba(white, .2);
-
-        .tag {
-            background: #454c66;
-            color: #c3c3c3;
-        }
-
-        input {
-            color: #c3c3c3;
-        }
-    }
-
-    .dropzone {
-        background-color: $body-bg-color-dark-light;
-        border-color: #454c66
-    }
-
-    .modal-content {
-        background-color: $body-bg-color-dark-light;
-
-        .modal-header {
-            border-bottom-color: rgba(240, 240, 240, 0.12);
-            background-color: #454c66 !important;
-
-            .close {
-                text-shadow: none;
-                opacity: 1;
-                color: inherit;
-                background-color: $body-bg-color-dark-light !important;
-            }
-        }
-
-        .modal-footer {
-            border-top-color: rgba(240, 240, 240, 0.12);
-        }
-    }
-
-    .swal-modal {
-        background-color: $body-bg-color-dark-light;
-
-        .swal-icon--success__hide-corners {
-            background-color: inherit;
-        }
-
-        .swal-icon--success:before, .swal-icon--success:after {
-            background-color: inherit;
-        }
-
-        .swal-title, .swal-text {
-            color: inherit;
-        }
-    }
-
-    .popover {
-        background-color: #454c66;
-
-        .popover-header {
-            background-color: #59607a;
-            border-color: transparent;
-        }
-
-        .popover-body {
-            color: inherit;
-        }
-
-        .popover-navigation {
-            border-top-color: rgba(240, 240, 240, 0.12);
-        }
-    }
-
-    .bs-popover-auto[x-placement^=top] > .arrow::after, .bs-popover-top > .arrow::after {
-        border-top-color: #454c66;
-    }
-
-    .bs-popover-auto[x-placement^=right] > .arrow::after, .bs-popover-right > .arrow::after {
-        border-right-color: #454c66;
-    }
-
-    .bs-popover-auto[x-placement^=bottom] > .arrow::after, .bs-popover-bottom > .arrow::after {
-        border-bottom-color: #454c66;
-    }
-
-    .bs-popover-auto[x-placement^=left] > .arrow::after, .bs-popover-left > .arrow::after {
-        border-left-color: #454c66;
-    }
-
-    ul.links a {
-        color: inherit;
-    }
-
-    .page-link {
-        background-color: inherit;
-        color: inherit;
-        border-color: rgba(240, 240, 240, 0.12)
-    }
-
-    .page-item.disabled .page-link {
-        background-color: #272e48;
-        border-color: rgba(240, 240, 240, 0.12);
-        color: inherit;
-    }
-
-    .nav {
-        a.nav-link {
-            &:not(.active) {
-                color: $default-dark-text-color;
-
-                &:hover, &:active {
-                    background-color: #3b425c;
-                }
-            }
-        }
-    }
-
-    &.form-membership .form-wrapper {
-        background-color: $body-bg-color-dark-light;
-
-        #logo {
-            img {
-                display: block;
-
-                &:not(.logo-light) {
-                    display: none;
-                }
-            }
-        }
-    }
-
-    .content-footer {
-        background-color: $body-bg-color-dark-light;
-    }
-
-    .irs--round .irs-handle {
-        background-color: $body-bg-color-dark-light;
-    }
-
-    .table tr.tr-selected {
-        background-color: lighten($body-bg-color-dark-light, 5%);
-    }
-}
-
-body.dark.hidden-navigation {
-    .navigation {
-        background-color: $body-bg-color-dark-light
-    }
-}
-
-body.dark.small-navigation {
-    .navigation-menu-body ul li {
-        &.open {
-            & > a {
-                background-color: #454c66;
-            }
-        }
-
-        ul {
-            background-color: $body-bg-color-dark-light !important;
-            border-left-color: #454c66 !important;
-        }
-
-        &.navigation-divider {
-            &:after {
-                background-color: #454c66 !important;
-            }
-        }
-    }
-}
-
-@media (min-width: 1200px) {
-    body.dark.horizontal-navigation {
-        .horizontal-navigation {
-            background-color: $body-bg-color-dark-light;
-            border-top-color: lighten($body-bg-color-dark-light, 10%);
-
-            ul {
-                & > li {
-                    & > a {
-                        &.active {
-                            background: rgba(black, .25);
-                        }
-
-                        &:hover {
-                            background: rgba(black, .1);
-                        }
-
-                        & + ul {
-                            border-top-color: lighten($body-bg-color-dark-light, 10%)
-                        }
-                    }
-                }
-
-                li {
-                    ul {
-                        background-color: #3b425c;
-
-                        &:before {
-                            border-bottom-color: #3b425c
-                        }
-
-                        li {
-                            a {
-                                color: $default-dark-text-color;
-
-                                &:hover {
-                                    background: none;
-                                    color: lighten($color-primary, 10%)
-                                }
-
-                                &.active {
-                                    background: none;
-                                    color: lighten($color-primary, 10%)
-                                }
-                            }
-
-                            ul {
-                                border-left-color: lighten($body-bg-color-dark-light, 10%)
-                            }
-
-                            &.open {
-                                & > a {
-                                    background: none;
-                                    color: lighten($color-primary, 10%)
-                                }
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-    body.dark.navigation-toggle-one.navigation-show .navigation .navigation-menu-body {
-        background-color: $body-bg-color-dark-light;
-    }
-}
-
-@media (max-width: 1200px) {
-    body.dark {
-        .chat-block .chat-content.mobile-open {
-            background-color: $body-bg-color-dark-light;
-        }
-    }
-    body.dark.horizontal-navigation {
-        .horizontal-navigation {
-            background-color: #3b425c;
-
-            ul {
-                li {
-                    a {
-                        &:hover {
-                            color: lighten($color-primary, 10%)
-                        }
-
-                        &.active {
-                            color: lighten($color-primary, 10%)
-                        }
-                    }
-
-                    &.open {
-                        & > a {
-                            color: lighten($color-primary, 10%)
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
Index: sources/assets/sass/layouts.scss
===================================================================
--- resources/assets/sass/layouts.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,750 +1,0 @@
-@media (min-width: 1200px) {
-    body {
-
-        &.boxed-layout {
-            background-color: white;
-
-            .layout-wrapper {
-                background-color: #f8fafb;
-                box-shadow: 0 4px 25px 0 rgba(0, 0, 0, .1);
-                margin: 0 120px;
-
-                .header {
-                    margin: 0 120px;
-                }
-
-                .navigation {
-                    left: 120px
-                }
-            }
-
-            &.right-navigation {
-                .navigation {
-                    left: auto;
-                    right: 120px
-                }
-            }
-
-            &.horizontal-navigation {
-                .horizontal-navigation {
-                    left: 120px;
-                    right: 120px;
-                }
-            }
-        }
-
-        &.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) {
-
-            .navigation {
-                width: $navigation-tab-width;
-                transition: width .3s;
-
-                .navigation-menu-tab {
-                    border-right-color: transparent;
-                }
-
-                .navigation-menu-body {
-                    display: none;
-
-                    & > ul > li > a {
-                        padding: 12px 0;
-                    }
-
-                    ul {
-
-                        li {
-                            position: relative;
-
-                            &:hover > a {
-
-                                .nav-link-icon {
-                                    stroke: $color-primary;
-                                }
-                            }
-
-                            &.open > a {
-                                border-radius: 4px;
-                            }
-
-                            a {
-                                span:not(.badge):not(.avatar-title) {
-                                    display: none;
-                                }
-
-                                .badge {
-                                    position: absolute;
-                                    right: 20px;
-                                    top: 12px;
-                                }
-
-                                .nav-link-icon {
-                                    margin: 0 !important;
-                                }
-                            }
-
-                            &.open {
-                                & > a {
-                                    & + ul {
-                                        li.open > a {
-                                            background: none;
-                                            color: $color-primary
-                                        }
-                                    }
-                                }
-
-                                & > ul {
-                                    display: none;
-                                }
-                            }
-                        }
-                    }
-
-                    & > ul {
-                        & > li {
-                            &:not(.navigation-divider) {
-                                padding: 0 15px;
-                            }
-
-                            & > a {
-                                display: block;
-
-                                .sub-menu-arrow {
-                                    display: none;
-                                }
-
-                                & + ul {
-                                    li {
-                                        a {
-                                            padding-left: 53px;
-
-                                            & + ul {
-                                                li {
-                                                    a {
-                                                        padding-left: 65px;
-                                                    }
-                                                }
-                                            }
-                                        }
-                                    }
-                                }
-
-                                &.active {
-                                    border-radius: 5px;
-                                    background-color: $color-primary;
-                                    position: static;
-
-                                    .nav-link-icon {
-                                        stroke: white;
-                                    }
-                                }
-                            }
-                        }
-                    }
-
-                }
-
-                &:hover {
-                    width: $navigation-width;
-
-                    .navigation-menu-tab {
-                        border-right-color: $border-style-color;
-                    }
-
-                    .navigation-menu-body {
-                        display: flex;
-                        height: calc(100vh - #{$header-height});
-                    }
-
-                    ul {
-
-                        li {
-                            a {
-                                display: flex;
-
-                                & > span, .sub-menu-arrow {
-                                    display: inherit !important;
-                                }
-
-                                .nav-link-icon {
-                                    margin-right: .8rem !important;
-                                }
-                            }
-
-                            &.open {
-                                & > ul {
-                                    display: block;
-                                }
-                            }
-                        }
-                    }
-                }
-            }
-
-            .layout-wrapper .content-wrapper .content-body .content {
-                padding-left: $navigation-tab-width + 30px;
-            }
-
-            .content-footer {
-                margin-left: $navigation-tab-width;
-            }
-        }
-
-        &.hidden-navigation:not(.small-navigation) {
-
-            .header {
-                .navigation-toggler {
-                    display: block;
-                }
-            }
-
-            .navigation {
-                z-index: 1000;
-                left: -80%;
-                top: 0;
-                bottom: 0;
-                opacity: 0;
-                transition: left .3s;
-                position: fixed !important;
-
-                &.open {
-                    left: 0;
-                    opacity: 1;
-                }
-            }
-
-            &.right-navigation {
-                .navigation {
-                    left: auto;
-                    right: -80%;
-                    transition: right .3s;
-
-                    &.open {
-                        right: 0;
-                        opacity: 1;
-                    }
-                }
-            }
-
-            .layout-wrapper .content-wrapper .content-body .content {
-                padding-left: 30px;
-            }
-
-            .content-footer {
-                margin-left: 0;
-            }
-        }
-
-        &.right-navigation {
-            .navigation {
-                left: auto;
-                right: 0;
-                flex-direction: row-reverse;
-
-                .navigation-menu-tab {
-                    border-right: none;
-                    border-left: 1px solid $border-style-color;
-                }
-            }
-
-            .layout-wrapper .content-wrapper .content-body .content {
-                padding-left: 30px;
-                padding-right: $navigation-width + 30px;
-            }
-
-            .content-footer {
-                margin-left: 0;
-                margin-right: $navigation-width;
-            }
-
-            &.small-navigation {
-                .layout-wrapper .content-wrapper .content-body .content {
-                    padding-left: 30px !important;
-                    padding-right: $navigation-tab-width + 30px;
-                }
-
-                .content-footer {
-                    margin-left: 0 !important;
-                    margin-right: $navigation-tab-width;
-                }
-            }
-
-            &.hidden-navigation {
-                .layout-wrapper .content-wrapper .content-body .content {
-                    padding-left: 30px !important;
-                    padding-right: 30px;
-                }
-            }
-        }
-
-        &.horizontal-navigation {
-
-            .header {
-                box-shadow: none;
-            }
-
-            .horizontal-navigation {
-                border-top: 1px solid $border-style-color;
-                box-shadow: 0px 5px 10px -10px rgba(0, 0, 0, 0.40);
-                position: fixed;
-                top: $header-height;
-                background-color: white;
-                height: $header-height - 20px;
-                right: 0;
-                left: 0;
-                padding: 0 30px;
-                display: flex;
-                align-items: center;
-                z-index: 997;
-
-                & > ul {
-                    height: 100%;
-
-                    & > li {
-                        display: flex;
-                        align-items: center;
-                        margin-right: .5rem;
-
-                        & > a {
-                            border-radius: 100px;
-                            text-transform: uppercase;
-                            letter-spacing: 1px;
-                            font-size: 12px;
-                            padding: 10px 15px !important;
-                            display: flex;
-                            align-items: center;
-
-                            .sub-menu-arrow {
-                                display: none;
-                            }
-
-                            .badge {
-                                margin-left: .5rem;
-                            }
-
-                            & + ul {
-                                border-top: 1px solid $border-style-color;
-                            }
-                        }
-
-                        &:hover {
-                            & > a {
-                                color: $color-primary !important;
-                            }
-                        }
-                    }
-                }
-
-                ul {
-                    display: flex;
-
-                    li {
-                        position: relative;
-
-                        a {
-                            padding: 10px 25px;
-                            display: flex;
-                            justify-content: space-between;
-                            align-items: center;
-
-                            .nav-icon {
-                                margin-right: .5rem;
-                            }
-                        }
-
-                        &.open {
-                            & > a {
-                                color: $color-primary
-                            }
-                        }
-
-                        &:hover {
-                            & > ul {
-                                display: block;
-                            }
-                        }
-
-                        ul {
-                            display: none;
-                            position: absolute;
-                            top: $header-height - 20px - 1px;
-                            width: 220px;
-                            background-color: white;
-                            padding: 10px 0;
-                            border-bottom-left-radius: .25rem;
-                            border-bottom-right-radius: .25rem;
-                            box-shadow: 0px 5px 9px -5px rgba(0, 0, 0, 0.30);
-
-                            li {
-                                position: relative;
-
-                                &:hover > a {
-                                    color: $color-primary
-                                }
-
-                                a {
-                                    color: black;
-
-                                    &.active {
-                                        color: $color-primary
-                                    }
-                                }
-
-                                &.open {
-                                    & > a {
-                                        color: $color-primary;
-                                    }
-                                }
-
-                                ul {
-                                    left: 220px;
-                                    top: -12px;
-                                    border-left: 1px solid darken(white, 5%);
-                                    box-shadow: 3px 0px 10px -5px rgba(0, 0, 0, 0.3);
-
-                                    &:before {
-                                        display: none;
-                                    }
-                                }
-                            }
-                        }
-                    }
-                }
-            }
-
-            .layout-wrapper .content-wrapper .content-body .content {
-                padding-left: 30px;
-                padding-top: $header-height + ($header-height - 20px) + 30px;
-            }
-
-            .content-footer {
-                margin-left: 0;
-            }
-
-        }
-
-        &.sticky-header {
-            .header {
-                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: $navigation-width;
-                background-color: white;
-                z-index: 1000;
-                overflow: auto;
-                padding: 15px 0;
-                display: none;
-
-                ul {
-
-                    li {
-                        a {
-                            display: flex;
-                            align-items: center;
-                            padding: 15px 30px;
-
-                            .nav-icon {
-                                margin-right: .5rem;
-                            }
-
-                            &.active {
-                                color: $color-primary;
-                            }
-
-                            .badge, .sub-menu-arrow {
-                                margin-left: auto;
-                            }
-
-                            .sub-menu-arrow {
-                                transform: rotate(90deg);
-                            }
-                        }
-
-                        ul {
-                            display: none;
-
-                            li {
-                                a {
-                                    padding-left: 60px;
-                                }
-
-                                ul {
-                                    li {
-                                        a {
-                                            padding-left: 80px;
-                                        }
-
-                                        ul {
-                                            li {
-                                                a {
-                                                    padding-left: 100px;
-                                                }
-                                            }
-                                        }
-                                    }
-                                }
-                            }
-                        }
-
-                        &.open {
-                            & > a {
-                                color: $color-primary;
-                            }
-
-                            & > ul {
-                                display: block !important;
-                            }
-                        }
-                    }
-                }
-
-                &.open {
-                    display: block;
-                }
-            }
-        }
-    }
-}
-
-body.semi-dark:not(.dark) {
-
-    .nicescroll-cursors {
-        background-color: rgba(255, 255, 255, 0.30) !important;
-    }
-
-    .navigation {
-        background-color: $body-bg-color-dark-light;
-        color: $default-dark-text-color;
-
-        .navigation-menu-tab {
-            border-right-color: lighten($body-bg-color-dark-light, 10%);
-
-            ul {
-                li {
-                    a {
-                        color: $default-dark-text-color;
-
-                        &.active {
-                            color: white;
-                        }
-
-                        &:not(.active):hover, &:not(.active):focus {
-                            color: $color-primary;
-                        }
-                    }
-                }
-            }
-        }
-
-        .navigation-menu-body {
-
-            .avatar {
-                border-color: $body-bg-color-dark-light;
-            }
-
-            .list-group-item {
-                background: none;
-                border-color: #454c66;
-            }
-
-            #navigation-logo {
-                border-color: #454c66;
-
-                img {
-                    display: block;
-
-                    &:not(.logo-light) {
-                        display: none;
-                    }
-                }
-            }
-
-            ul {
-                li {
-                    &.navigation-divider {
-                        color: #dbdbdb
-                    }
-
-                    a {
-                        color: $default-dark-text-color;
-
-                        .nav-link-icon {
-                            stroke: rgba($default-dark-text-color, .5);
-                        }
-
-                        &.active {
-                            color: white;
-
-                            &:after {
-                                background-color: $color-primary;
-                            }
-                        }
-
-                        &:hover, &:focus {
-                            background: none;
-                            color: white;
-                        }
-
-                        & + ul {
-                            li {
-                                a.active {
-                                    color: white
-                                }
-                            }
-                        }
-                    }
-
-                    &.open {
-                        & > a {
-                            color: white;
-                        }
-                    }
-
-                    .dropdown-divider {
-                        color: $color-primary
-                    }
-
-                    ul {
-                        background-color: $body-bg-color-dark-light !important;
-                        border-left-color: #454c66 !important;
-
-                        ul {
-                            border-left-color: #454c66 !important;
-                        }
-                    }
-
-                    &.navigation-divider {
-                        &:after {
-                            background-color: #454c66 !important;
-                        }
-                    }
-                }
-            }
-        }
-
-        .avatar:before {
-            border-color: #2c2f42;
-        }
-    }
-
-    .horizontal-navigation {
-        background-color: $body-bg-color-dark-light;
-
-        & > ul {
-            & > li {
-                & > a {
-                    & + ul {
-                        border-top: 1px solid lighten($body-bg-color-dark-light, 10%);
-                        ul {
-                            border-left: 1px solid lighten($body-bg-color-dark-light, 10%);
-                        }
-                    }
-                }
-                &.open > a {
-                    color: lighten($color-primary, 5%);
-                }
-            }
-        }
-
-        ul {
-            li {
-                a {
-                    color: $default-dark-text-color;
-
-                    &.active {
-                        color: lighten($color-primary, 5%);
-                    }
-
-                    &:not(.active):hover, &:not(.active):focus {
-                        color: lighten($color-primary, 5%);
-                    }
-                }
-                ul {
-                    background-color: $body-bg-color-dark-light;
-                }
-            }
-        }
-
-    }
-
-    &.right-navigation {
-        .navigation {
-            .navigation-menu-tab {
-                border-left-color: lighten($body-bg-color-dark-light, 10%);
-            }
-        }
-    }
-
-    &.small-navigation {
-        .navigation:hover {
-            .navigation-menu-tab {
-                border-right-color: lighten($body-bg-color-dark-light, 10%);
-            }
-        }
-
-        &.right-navigation {
-            .navigation:hover {
-                .navigation-menu-tab {
-                    border-left-color: lighten($body-bg-color-dark-light, 10%);
-                }
-            }
-        }
-    }
-}
-
-body.header-dark:not(.dark) {
-
-    .header {
-        background-color: $body-bg-color-dark-light;
-        color: $default-dark-text-color;
-        border-bottom-color: lighten($body-bg-color-dark-light, 10%);
-
-        .header-logo {
-            a {
-                img {
-                    display: block;
-
-                    &:not(.logo-light) {
-                        display: none;
-                    }
-                }
-            }
-        }
-
-        .navigation-toggler {
-            a {
-                color: $default-dark-text-color;
-
-                &:hover {
-                    color: white;
-                }
-            }
-        }
-
-        a.nav-link {
-            color: $default-dark-text-color;
-
-            &:hover {
-                color: white;
-            }
-        }
-
-        .dropdown-menu {
-            border-top: none !important;
-        }
-    }
-
-}
Index: sources/assets/sass/other.scss
===================================================================
--- resources/assets/sass/other.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,453 +1,0 @@
-*:focus {
-    outline: none;
-}
-
-.sticky {
-    position: sticky !important;
-    top: 0;
-}
-
-.lead {
-    line-height: 2.2rem;
-}
-
-.layout-wrapper {
-    display: flex;
-    flex-direction: column;
-    min-height: 100vh;
-
-    .content-wrapper {
-        flex: 1;
-        display: flex;
-
-        .content-body {
-            width: 0;
-            flex: 1;
-            display: flex;
-            flex-direction: column;
-
-            .content {
-                flex: 1;
-                padding: 30px;
-                padding-top: $header-height + 30;
-                padding-left: $navigation-width + 30;
-                padding-bottom: 0;
-            }
-        }
-    }
-}
-
-svg.feather {
-    width: 20px;
-    height: 20px;
-}
-
-.demo-code-preview {
-    border: $border-style;
-    padding: 20px 10px;
-    margin-top: 2rem;
-    position: relative;
-    background-color: white;
-    border-radius: 8px;
-
-    & + * {
-        margin-top: 1.5rem;
-    }
-
-    &:before {
-        content: attr(data-label);
-        display: block;
-        position: absolute;
-        top: -9px;
-        left: 20px;
-        @extend .text-muted;
-        letter-spacing: 1px;
-        background-color: inherit;
-        font-size: 11px;
-        padding: 0 5px;
-    }
-
-    pre {
-        overflow-x: hidden;
-        background: none;
-        padding-top: 0;
-        padding-bottom: 0;
-        max-height: 300px;
-    }
-
-    &:hover {
-        pre {
-            overflow-x: auto;
-        }
-    }
-}
-
-code[class*="language-"], pre[class*="language-"] {
-    font-size: .93em;
-    margin: 0
-}
-
-.text-divider {
-    display: flex;
-    align-items: center;
-
-    &:after {
-        content: '';
-        display: block;
-        height: 1px;
-        background-color: #f0f0f0;
-        flex: 1;
-    }
-
-    span {
-        margin-right: 1rem;
-    }
-}
-
-.row-xs {
-    margin-left: -.5rem;
-    margin-right: -.5rem;
-
-    & > div {
-        padding-left: .5rem;
-        padding-right: .5rem;
-    }
-}
-
-.overlay {
-    position: fixed;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    right: 0;
-    z-index: 999;
-    opacity: 0;
-    background: rgba(0, 0, 0, 0.30);
-    transition: opacity .5s;
-
-    &.show {
-        opacity: 1;
-    }
-}
-
-.tooltip {
-    pointer-events: none;
-    font-family: inherit;
-    font-size: .835rem !important;
-
-    .arrow {
-        display: none;
-    }
-
-    .tooltip-inner {
-        background: rgba(0, 0, 0, 0.70);
-    }
-}
-
-.file-manager-items {
-    display: flex;
-    flex-wrap: wrap;
-
-    .file-manager-item {
-        margin-right: 20px;
-        margin-bottom: 20px;
-
-        span {
-            display: flex;
-            justify-content: 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;
-        }
-
-        &.folder span {
-            color: #cea65b
-        }
-
-        &.image span {
-            &:before {
-                display: none;
-            }
-        }
-    }
-}
-
-.small, small {
-    font-size: 12px;
-}
-
-.list-group {
-    .list-group-item {
-        padding: .75rem 1.5rem;
-
-        &.active {
-            z-index: auto;
-            background: $color-primary;
-        }
-    }
-}
-
-.bring-forward {
-    position: relative;
-    z-index: 1;
-}
-
-.table-email-list {
-    table.table {
-        .dropdown {
-            [data-toggle="dropdown"] {
-                &:after {
-                    display: none;
-                }
-            }
-        }
-
-        .email-subject {
-            max-width: 80%;
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-
-            a {
-                display: inline-block;
-            }
-        }
-
-        td, .table th {
-            padding: .80rem;
-        }
-    }
-
-    a {
-        color: $default-text-color;
-
-        &:hover, &:focus {
-            color: $color-primary
-        }
-    }
-}
-
-.read-mail-body {
-    img {
-        max-width: 50%;
-    }
-}
-
-.bootstrap-tagsinput {
-    box-shadow: none;
-    width: 100%;
-    border: 1px solid #ced4da;
-    min-height: calc(2.25rem + 2px);
-
-    &.focus {
-        border-color: #3383de;
-    }
-
-    .tag {
-        display: inline-flex;
-        color: black;
-        border-radius: 3px;
-        font-size: 13px;
-        padding: 0 8px;
-        margin: 2px 1px;
-        justify-content: space-between;
-        align-items: center;
-        background: #e1e1e1;
-    }
-}
-
-.list-group {
-    .list-group-item {
-        &.active {
-            background: $color-primary;
-            border-color: transparent;
-        }
-    }
-}
-
-.list-group-flush .list-group-item:first-child {
-    border-top: 0;
-}
-
-.badge {
-    font-weight: 500;
-}
-
-.nav-pills .nav-link.active {
-    background: $color-primary;
-}
-
-.nav-tabs .nav-link.active {
-    color: $color-primary
-}
-
-.text-muted {
-    color: #a7abc3 !important;
-}
-
-.min-width-0 {
-    min-width: 0
-}
-
-.list-group-item {
-    border-color: $border-style-color
-}
-
-.jqstooltip {
-    -webkit-box-sizing: content-box;
-    -moz-box-sizing: content-box;
-    box-sizing: content-box;
-}
-
-.hide-show-toggler {
-    .hide-show-toggler-item {
-        display: none;
-    }
-
-    &:hover, &:focus {
-        .hide-show-toggler-item {
-            display: block;
-        }
-    }
-}
-
-.tooltip {
-    font-size: $default-font-size;
-}
-
-.jqvmap-zoomin, .jqvmap-zoomout {
-    box-sizing: initial;
-}
-
-.apexcharts-canvas {
-    margin: auto;
-}
-
-[data-backround-image] {
-    position: relative;
-    background-size: cover !important;
-    background-position: center !important;
-
-    &:after {
-        content: '';
-        display: block;
-        background: rgba(white, .6);
-        position: absolute;
-        right: 0;
-        left: 0;
-        top: 0;
-        bottom: 0;
-    }
-
-    & > * {
-        position: relative;
-        z-index: 1;
-    }
-}
-
-.dropdown-menu {
-    [data-backround-image]:after {
-        border-radius: 0;
-    }
-}
-
-.jqvmap-region {
-    fill: $color-secondary-bright;
-
-    &:hover {
-
-        fill: $color-secondary;
-    }
-}
-
-.a-0 {
-    top: 0px;
-    right: 0px;
-    bottom: 0px;
-    left: 0px;
-}
-
-.font-weight-800 {
-    font-weight: 800;
-}
-
-.circle canvas {
-    vertical-align: top;
-}
-
-.todo-item {
-    user-select: none;
-    margin-bottom: 10px;
-
-    input[type="checkbox"]:checked {
-        & + label {
-            text-decoration: line-through;
-            color: #00961f
-        }
-    }
-}
-
-.border-radius-1 {
-    border-radius: 5px;
-}
-
-.rounded {
-    border-radius: .50rem !important;
-}
-
-.nav-tabs .nav-link {
-    border-top-left-radius: .50rem;
-    border-top-right-radius: .50rem;
-}
-
-.nav-pills .nav-link {
-    border-radius: .50rem;
-}
-
-.apexcharts-legend.position-top.center {
-    justify-content: flex-end !important;
-}
-
-.image-hover {
-    position: relative;
-
-    .image-hover-body {
-        display: flex;
-        align-items: flex-end;
-        opacity: 0;
-        visibility: hidden;
-        position: absolute;
-        right: 0;
-        left: 0;
-        top: 0;
-        bottom: 0;
-        background: rgba(black, .5);
-        transition: all .3s;
-        color: white;
-        padding: 20px 30px;
-    }
-
-    &:hover {
-        .image-hover-body {
-            opacity: 1;
-            visibility: visible;
-        }
-    }
-}
-
-.nav-analiytics-style {
-
-    .nav-link {
-        // border-radius: 0 !important;
-        padding: .5rem 1.5rem;
-    }
-}
-
-.daterangepicker {
-    font-family: 'Inter';
-}
Index: sources/assets/sass/responsive.scss
===================================================================
--- resources/assets/sass/responsive.scss	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,482 +1,0 @@
-@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-content {
-            display: none;
-
-            .chat-header {
-                padding: .5rem 1.5rem;
-            }
-
-            .mobile-chat-close-btn {
-                display: block;
-            }
-
-            &.chat-mobile-open {
-                display: flex;
-                background-color: white;
-                position: absolute;
-                right: 0;
-                left: 0;
-                max-width: 100%;
-                z-index: 2;
-                bottom: 0;
-            }
-        }
-
-        .chat-sidebar {
-            flex: 1;
-            border-right: none;
-            max-width: 100% !important;
-        }
-    }
-
-    .header {
-        margin: 0;
-
-        .header-left {
-            .navigation-toggler {
-                display: block !important;
-            }
-        }
-
-        div:nth-child(2) {
-
-            ul.navbar-nav:first-child {
-                display: none;
-                background: darken(white, 10%);
-                position: fixed;
-                left: 0;
-                right: 0;
-                top: $header-height;
-
-                li {
-                    a {
-                        color: black;
-                    }
-                }
-
-                &.open {
-                    display: flex;
-                    flex-wrap: wrap;
-                }
-            }
-        }
-
-        .header-search .input-group {
-            background-color: white;
-
-            .btn {
-                color: black
-            }
-
-            input.form-control {
-                &:focus {
-                    color: black;
-                }
-
-                &::placeholder {
-                    color: #9b9b9b
-                }
-            }
-        }
-
-        .navigation-toggler, .navbar-toggler {
-            a {
-                background: none !important;
-            }
-        }
-
-        .navigation-toggler {
-            display: none !important;
-
-            &.mobile-toggler {
-                display: block !important;
-            }
-        }
-
-        .navigation-toggler a:hover {
-            background: none !important;
-        }
-
-        .dropdown {
-            position: static;
-        }
-
-        .dropdown-menu {
-            right: 1rem !important;
-            top: auto !important;
-            left: 1rem !important;
-            margin-top: 10px;
-            width: auto !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, .15);
-        left: -80%;
-        top: 0;
-        bottom: 0;
-        opacity: 0;
-        transition: left .2s;
-        position: fixed !important;
-
-        &.open {
-            left: 0;
-            opacity: 1;
-        }
-
-        header.navigation-header {
-            padding-top: 20px;
-        }
-
-        .navigation-icon-menu {
-            margin: 0;
-            border-radius: 0;
-        }
-
-        .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;
-
-        .card {
-            width: auto;
-
-            .card-body {
-                padding: 30px;
-            }
-        }
-    }
-}
-
-@media (max-width: 992px) {
-
-    .app-block {
-        position: relative;
-
-        .app-sidebar-menu-button {
-            display: inline-flex;
-            margin-right: 1rem;
-        }
-
-        .app-sidebar {
-            display: none;
-            position: absolute;
-            left: 0;
-            z-index: 9;
-            flex: 0 0 35%;
-            max-width: 35%;
-            bottom: 0;
-
-            .app-sidebar-menu {
-                overflow: auto;
-            }
-
-            &.show {
-                display: block;
-            }
-
-            & > .card {
-                box-shadow: 3px 0px 15px -10px black;
-                border-top-right-radius: 0;
-                border-bottom-right-radius: 0;
-            }
-        }
-
-        .app-content {
-            flex: 0 0 100%;
-            max-width: 100%;
-
-            .app-action {
-                flex-direction: column-reverse;
-
-                .action-right {
-                    margin-left: 0;
-                    margin-bottom: 1rem;
-                }
-            }
-
-            .app-detail .card-header {
-                flex-direction: column;
-                align-items: stretch !important;
-
-                .app-detail-action-right {
-                    margin-left: 0 !important;
-                    margin-top: 1rem;
-                }
-            }
-        }
-    }
-
-    .card {
-        margin-bottom: 1rem;
-
-        .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-pager {
-            display: none !important;
-        }
-    }
-
-    .app-block {
-        .app-sidebar {
-            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;
-        }
-
-        .page-title {
-            display: none;
-        }
-    }
-
-    footer {
-        padding: 15px 20px;
-
-        .nav {
-            display: none;
-        }
-    }
-
-    .table-responsive-stack tr {
-        -webkit-box-orient: vertical;
-        -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-        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: flex;
-
-            li.nav-item {
-                border: none;
-            }
-        }
-    }
-
-    .user-page {
-        padding: 20px;
-        height: auto;
-
-        .card {
-            width: 100%;
-
-            .card-body {
-                padding: 30px;
-            }
-        }
-    }
-
-    .fc {
-        .fc-toolbar {
-            &.fc-header-toolbar {
-                & > div {
-                    float: none !important;
-
-                    .fc-button-group {
-                        float: none !important;
-                    }
-
-                    &.fc-left {
-                        display: flex;
-                        justify-content: center;
-                        margin-bottom: 15px;
-                    }
-
-                    &.fc-right {
-                        margin-bottom: 5px;
-                    }
-                }
-            }
-        }
-    }
-}
-
-@media (max-width: 414px) {
-
-    .nav {
-        display: block;
-        border: none;
-
-        li.nav-item {
-            margin-bottom: 0;
-
-            &:last-child {
-                border: none;
-            }
-
-            a.nav-link {
-                border: none;
-            }
-        }
-    }
-
-    body:not(.semi-dark):not(.dark) {
-        .nav {
-            li.nav-item {
-                border-bottom: 1px solid #ebebeb;
-            }
-        }
-    }
-
-    .navigation header.navigation-header .nav {
-        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: 75%;
-    }
-
-    .page-header {
-        .breadcrumb {
-            display: none;
-        }
-    }
-}
-
-@media (max-width: 375px) {
-    nav.navbar {
-        .navbar-menu {
-            padding-left: 0;
-        }
-    }
-
-    .navigation {
-        width: 85%;
-    }
-
-}
-
-@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;
-    }
-}
Index: resources/views/auth/verify.blade.php
===================================================================
--- resources/views/auth/verify.blade.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ resources/views/auth/verify.blade.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,35 @@
+@extends('layouts.auth')
+
+@section("title", "Verify | TechBlog")
+
+@section('content')
+
+    <!-- logo -->
+    <div id="logo">
+        <img class="logo" src="{{ url('assets/media/images/logo.png') }}" alt="image">
+    </div>
+    <!-- ./ logo -->
+
+    <h5>Verify your new e-mail address</h5>
+
+    <!-- form -->
+    <form action="{{ route("auth.verify", ["id" => $id, "token" => $token]) }}" method="post">
+        @csrf
+        @if ($errors->any())
+            <div class="alert alert-danger">
+                <ul class="m-0 pl-2">
+                    @foreach ($errors->all() as $error)
+                        <li>{{ $error }}</li>
+                    @endforeach
+                </ul>
+            </div>
+        @endif
+        <div class="form-group">
+            <input type="text" class="form-control" name="security_code" autocomplete="off" placeholder="Security code" autofocus required>
+        </div>
+        <input type="submit" value="Verify" class="btn btn-primary btn-block">
+        <hr>
+        </form>
+    <!-- ./ form -->
+
+@endsection
Index: sources/views/auth/verify_new_email.blade.php
===================================================================
--- resources/views/auth/verify_new_email.blade.php	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ 	(revision )
@@ -1,35 +1,0 @@
-@extends('layouts.auth')
-
-@section("title", "Verify | TechBlog")
-
-@section('content')
-
-    <!-- logo -->
-    <div id="logo">
-        <img class="logo" src="{{ url('assets/media/images/logo.png') }}" alt="image">
-    </div>
-    <!-- ./ logo -->
-
-    <h5>Verify your new e-mail address</h5>
-
-    <!-- form -->
-    <form action="{{ route("auth.verify", ["id" => $id, "token" => $token]) }}" method="post">
-        @csrf
-        @if ($errors->any())
-            <div class="alert alert-danger">
-                <ul class="m-0 pl-2">
-                    @foreach ($errors->all() as $error)
-                        <li>{{ $error }}</li>
-                    @endforeach
-                </ul>
-            </div>
-        @endif
-        <div class="form-group">
-            <input type="text" class="form-control" name="security_code" autocomplete="off" placeholder="Security code" autofocus required>
-        </div>
-        <input type="submit" value="Verify" class="btn btn-primary btn-block">
-        <hr>
-        </form>
-    <!-- ./ form -->
-
-@endsection
Index: resources/views/dashboard/departments/create.blade.php
===================================================================
--- resources/views/dashboard/departments/create.blade.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ resources/views/dashboard/departments/create.blade.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,57 @@
+@extends('layouts.app')
+
+@section("title", "Departments - Create new")
+
+@section('pageTitle', 'Create department')
+
+@section('content')
+
+    <div class="page-header">
+        <nav aria-label="breadcrumb" class="d-flex align-items-start">
+            <ol class="breadcrumb">
+                <li class="breadcrumb-item">
+                    <a href="{{ url('dashboard/departments') }}">Departments</a>
+                </li>
+                <li class="breadcrumb-item active" aria-current="page">New department</li>
+            </ol>
+        </nav>
+    </div>
+
+    <div class="row">
+        <div class="col-md-12">
+
+            <div class="row">
+                <div class="col-lg-12 col-md-12">
+                    <div class="tab-content" id="v-pills-tabContent">
+                        <div class="tab-pane fade show active" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab">
+                            <div class="card">
+                                <div class="card-body">
+                                    <h6 class="card-title">New department</h6>
+                                    <form action="{{ route("dashboard.departments.store") }}" method="post" accept-charset="utf-8">
+                                        <div class="row">
+                                            @csrf
+                                            <div class="col-md-6">
+                                                <div class="form-group">
+                                                    <label>Name</label>
+                                                    <input type="text" name="name" value="{{ old('name') }}" class="form-control" placeholder="Name" required>
+                                                </div>
+                                            </div>
+                                            <div class="col-md-6">
+                                                <div class="form-group">
+                                                    <label>Code</label>
+                                                    <input type="text" name="code" value="{{ old('code') }}" class="form-control" placeholder="Code" required>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <input type="submit" value="Save changes" class="submitBtn btn btn-primary pull-right m-10">
+                                    </form>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+@endsection
Index: resources/views/dashboard/departments/edit.blade.php
===================================================================
--- resources/views/dashboard/departments/edit.blade.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ resources/views/dashboard/departments/edit.blade.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,58 @@
+@extends('layouts.app')
+
+@section("title", "departments - Edit user")
+
+@section('pageTitle', 'Edit user')
+
+@section('content')
+
+    <div class="page-header">
+        <nav aria-label="breadcrumb" class="d-flex align-items-start">
+            <ol class="breadcrumb">
+                <li class="breadcrumb-item">
+                    <a href="{{ url('dashboard/departments') }}">Departments</a>
+                </li>
+                <li class="breadcrumb-item active" aria-current="page">Edit department</li>
+            </ol>
+        </nav>
+    </div>
+
+    <div class="row">
+        <div class="col-md-12">
+
+            <div class="row">
+                <div class="col-lg-12 col-md-12">
+                    <div class="tab-content" id="v-pills-tabContent">
+                        <div class="tab-pane fade show active" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab">
+                            <div class="card">
+                                <div class="card-body">
+                                    <h6 class="card-title">Departmnets</h6>
+                                    <form action="{{ route("dashboard.departments.edit", ["id" =>$department->id]) }}" method="post" accept-charset="utf-8">
+                                        @method("patch")
+                                        @csrf
+                                        <div class="row">
+                                            <div class="col-md-6">
+                                                <div class="form-group">
+                                                    <label class="form-label">Name</label>
+                                                    <input type="text" name="name" value="{{ $department->name }}" class="form-control" placeholder="Name" required>
+                                                </div>
+                                            </div>
+                                            <div class="col-md-6">
+                                                <div class="form-group">
+                                                    <label class="form-label">Code</label>
+                                                    <input type="text" name="code" value="{{ $department->code }}" class="form-control" placeholder="Code" required>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <input type="submit" value="Save changes" class="submitBtn btn btn-primary pull-right m-10">
+                                    </form>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+@endsection
Index: resources/views/dashboard/departments/index.blade.php
===================================================================
--- resources/views/dashboard/departments/index.blade.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ resources/views/dashboard/departments/index.blade.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,85 @@
+@extends('layouts.app')
+
+@section("title", "Departments")
+
+@section('pageTitle', 'Department List')
+
+@section('head')
+    <!-- Datatable -->
+    <link rel="stylesheet" href="{{ url('vendors/dataTable/dataTables.min.css') }}" type="text/css">
+@endsection
+
+@section('content')
+
+    <div class="page-header justify-content-between">
+        <nav aria-label="breadcrumb" class="d-flex align-items-start">
+            <ol class="breadcrumb">
+                <li class="breadcrumb-item">
+                    <a href="{{ url('dashboard/departments') }}">Departments</a>
+                </li>
+                <li class="breadcrumb-item active" aria-current="page">Departments</li>
+            </ol>
+        </nav>
+        <div class="dropdown">
+            <a href="{{ route("dashboard.departments.create") }}" class="btn btn-primary text-white">
+                Add department
+            </a>
+        </div>
+    </div>
+
+    <div class="row">
+        <div class="col-md-12">
+            <div class="card">
+                <div class="card-body">
+                    <div class="table-responsive">
+                        <table id="user-list" class="table table-lg">
+                            <thead>
+                            <tr>
+{{--                                <th>--}}
+{{--                                    <div class="custom-control custom-checkbox">--}}
+{{--                                        <input type="checkbox" class="custom-control-input" id="user-list-select-all">--}}
+{{--                                        <label class="custom-control-label" for="user-list-select-all"></label>--}}
+{{--                                    </div>--}}
+{{--                                </th>--}}
+                                <th>ID</th>
+                                <th>Name</th>
+                                <th>Code</th>
+                                <th>Created by</th>
+                                <th>Creation date</th>
+                                <th>Actions</th>
+                            </tr>
+                            </thead>
+                            <tbody>
+                            @foreach($departments as $department)
+                                <tr>
+                                    <td>{{$department->id }}</td>
+                                    <td>{{ $department->name }}</td>
+                                    <td>{{ $department->code }}</td>
+                                    <td>{{ $department->getCreatedByName() }}</td>
+                                    <td>{{ date('d.m.Y', strtotime($department->created_at)) }}</td>
+                                    <td>
+                                        <a href="{{ route("dashboard.departments.edit", ["id" => $department->id]) }}" class="text-secondary" data-toggle="tooltip" title="Edit">
+                                            <i class="ti-pencil"></i>
+                                        </a>
+                                        <a href="javascript:void(0)" class="text-danger ml-2" data-action="{{ route("dashboard.departments.destroy", ["id" => $department->id]) }}" data-method="delete" title="Delete">
+                                            <i class="ti-trash"></i>
+                                        </a>
+                                    </td>
+                                </tr>
+                            @endforeach
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+@endsection
+
+@section('script')
+    <!-- Datatable -->
+    <script src="{{ url('vendors/dataTable/dataTables.min.js') }}"></script>
+
+    <script src="{{ url('assets/js/examples/pages/user-list.js') }}"></script>
+@endsection
Index: resources/views/dashboard/index.blade.php
===================================================================
--- resources/views/dashboard/index.blade.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ resources/views/dashboard/index.blade.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,727 @@
+@extends('layouts.app')
+
+@section("title", "Dashboard")
+
+@section('head')
+    <!-- Slick -->
+    <link rel="stylesheet" href="{{ url('/vendors/slick/slick.css') }}" type="text/css">
+    <link rel="stylesheet" href="{{ url('/vendors/slick/slick-theme.css') }}" type="text/css">
+@endsection
+
+
+@section('pageTitle', 'Dashboard')
+
+@section('content')
+
+    <nav aria-label="breadcrumb">
+        <ol class="breadcrumb">
+            <li class="breadcrumb-item">
+                <a href="{{ url('/') }}">Home</a>
+            </li>
+            <li class="breadcrumb-item active" aria-current="page">Projects</li>
+        </ol>
+    </nav>
+
+    <div class="row">
+        <div class="col-md-12">
+
+            <div class="row">
+                <div class="col-lg-8 col-md-12">
+                    <div class="card">
+                        <div class="card-body">
+                            <div class="card-title d-flex justify-content-between">
+                                <h6 class="card-title">Project Tasks</h6>
+                                <div>
+                                    <a href="#" class="mr-3">
+                                        <i class="fa fa-refresh"></i>
+                                    </a>
+                                    <span class="dropdown">
+                                        <a href="#" data-toggle="dropdown" aria-haspopup="true"
+                                           aria-expanded="false">
+                                            <i class="fa fa-ellipsis-v" aria-hidden="true"></i>
+                                        </a>
+                                        <span class="dropdown-menu dropdown-menu-right">
+                                            <a href="#" class="dropdown-item">Action</a>
+                                            <a href="#" class="dropdown-item">Another action</a>
+                                            <a href="#" class="dropdown-item">Something else here</a>
+                                        </span>
+                                    </span>
+                                </div>
+                            </div>
+                            <div id="project-tasks"></div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-lg-4 col-md-12">
+                    <div class="card overflow-hidden">
+                        <div class="card-body">
+                            <div class="d-flex justify-content-between">
+                                <h6 class="card-title mb-0">All Projects</h6>
+                                <div>
+                                    <a href="#" class="mr-3">
+                                        <i class="fa fa-refresh"></i>
+                                    </a>
+                                    <span class="dropdown">
+                                        <a href="#" data-toggle="dropdown" aria-haspopup="true"
+                                           aria-expanded="false">
+                                            <i class="fa fa-ellipsis-v" aria-hidden="true"></i>
+                                        </a>
+                                        <span class="dropdown-menu dropdown-menu-right">
+                                            <a href="#" class="dropdown-item">Action</a>
+                                            <a href="#" class="dropdown-item">Another action</a>
+                                            <a href="#" class="dropdown-item">Something else here</a>
+                                        </span>
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="slick-js">
+                            <div class="card border-0">
+                                <div class="card-body">
+                                    <div class="d-flex align-items-center">
+                                        <h5 class="mb-0">
+                                            <a href="" class="link-2">Frontend Development</a>
+                                            <span class="badge badge-success ml-2">Active</span>
+                                        </h5>
+                                        <div class="dropdown ml-auto">
+                                            <a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                                                <i class="fa fa-ellipsis-v" aria-hidden="true"></i>
+                                            </a>
+                                            <div class="dropdown-menu dropdown-menu-right">
+                                                <a href="#" class="dropdown-item">View Detail</a>
+                                                <a href="#" class="dropdown-item">Share</a>
+                                                <a href="#" class="dropdown-item">Download</a>
+                                                <a href="#" class="dropdown-item">Copy to</a>
+                                                <a href="#" class="dropdown-item">Rename</a>
+                                                <a href="#" class="dropdown-item text-danger">Delete</a>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="text-muted small mt-1 mb-3">10 opened tasks, 5 tasks completed</div>
+                                    <div class="progress mb-2" style="height: 5px;">
+                                        <div class="progress-bar bg-primary" style="width: 53%;"></div>
+                                    </div>
+                                    <p class="small">
+                                        <strong>53%</strong> completed
+                                    </p>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac malesuada nisl.
+                                        Maecenas quis ultrices tellus.</p>
+                                    <div class="row">
+                                        <div class="col">
+                                            <div class="text-muted mb-1 small">Created</div>
+                                            <div>02/01/2019</div>
+                                        </div>
+                                        <div class="col">
+                                            <div class="text-muted mb-1 small">Deadline</div>
+                                            <div>03/12/2019</div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <hr class="m-0">
+                                <div class="card-body">
+                                    <div class="small mb-2">Team Member</div>
+                                    <div class="avatar-group">
+                                        <figure class="avatar avatar-sm">
+                                            <img src="{{ url('assets/media/image/user/women_avatar2.jpg') }}" class="rounded-circle"
+                                                 alt="avatar">
+                                        </figure>
+                                        <figure class="avatar avatar-sm">
+                                            <img src="{{ url('assets/media/image/user/women_avatar4.jpg') }}" class="rounded-circle"
+                                                 alt="avatar">
+                                        </figure>
+                                        <figure class="avatar avatar-sm">
+                                            <img src="{{ url('assets/media/image/user/man_avatar3.jpg') }}" class="rounded-circle"
+                                                 alt="avatar">
+                                        </figure>
+                                        <figure class="avatar avatar-sm">
+                                            <img src="{{ url('assets/media/image/user/man_avatar1.jpg') }}" class="rounded-circle"
+                                                 alt="avatar">
+                                        </figure>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="card border-0">
+                                <div class="card-body">
+                                    <div class="d-flex align-items-center">
+                                        <h5 class="mb-0">
+                                            <a href="" class="link-2">UI-Kit Development</a>
+                                            <span class="badge badge-success ml-2">Active</span>
+                                        </h5>
+                                        <div class="dropdown ml-auto">
+                                            <a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                                                <i class="fa fa-ellipsis-v" aria-hidden="true"></i>
+                                            </a>
+                                            <div class="dropdown-menu dropdown-menu-right">
+                                                <a href="#" class="dropdown-item">View Detail</a>
+                                                <a href="#" class="dropdown-item">Share</a>
+                                                <a href="#" class="dropdown-item">Download</a>
+                                                <a href="#" class="dropdown-item">Copy to</a>
+                                                <a href="#" class="dropdown-item">Rename</a>
+                                                <a href="#" class="dropdown-item text-danger">Delete</a>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="text-muted small mt-1 mb-3">10 opened tasks, 5 tasks completed</div>
+                                    <div class="progress mb-2" style="height: 5px;">
+                                        <div class="progress-bar bg-success" style="width: 53%;"></div>
+                                    </div>
+                                    <p class="small">
+                                        <strong>53%</strong> completed
+                                    </p>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac malesuada nisl.
+                                        Maecenas quis ultrices tellus.</p>
+                                    <div class="row">
+                                        <div class="col">
+                                            <div class="text-muted mb-1 small">Created</div>
+                                            <div>02/01/2019</div>
+                                        </div>
+                                        <div class="col">
+                                            <div class="text-muted mb-1 small">Deadline</div>
+                                            <div>03/12/2019</div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <hr class="m-0">
+                                <div class="card-body">
+                                    <div class="small mb-2">Team Member</div>
+                                    <div class="avatar-group">
+                                        <figure class="avatar avatar-sm">
+                                            <img src="{{ url('assets/media/image/user/women_avatar2.jpg') }}" class="rounded-circle"
+                                                 alt="avatar">
+                                        </figure>
+                                        <figure class="avatar avatar-sm">
+                                            <img src="{{ url('assets/media/image/user/women_avatar4.jpg') }}" class="rounded-circle"
+                                                 alt="avatar">
+                                        </figure>
+                                        <figure class="avatar avatar-sm">
+                                            <img src="{{ url('assets/media/image/user/man_avatar3.jpg') }}" class="rounded-circle"
+                                                 alt="avatar">
+                                        </figure>
+                                        <figure class="avatar avatar-sm">
+                                            <img src="{{ url('assets/media/image/user/man_avatar1.jpg') }}" class="rounded-circle"
+                                                 alt="avatar">
+                                        </figure>
+                                        <figure class="avatar avatar-sm">
+                                            <img src="{{ url('assets/media/image/user/man_avatar5.jpg') }}" class="rounded-circle"
+                                                 alt="avatar">
+                                        </figure>
+                                        <figure class="avatar avatar-sm">
+                                            <img src="{{ url('assets/media/image/user/man_avatar2.jpg') }}" class="rounded-circle"
+                                                 alt="avatar">
+                                        </figure>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="card border-0">
+                                <div class="card-body">
+                                    <div class="d-flex align-items-center">
+                                        <h5 class="mb-0">
+                                            <a href="" class="link-2">Backend Development</a>
+                                            <span class="badge badge-warning ml-2">Pending</span>
+                                        </h5>
+                                        <div class="dropdown ml-auto">
+                                            <a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                                                <i class="fa fa-ellipsis-v" aria-hidden="true"></i>
+                                            </a>
+                                            <div class="dropdown-menu dropdown-menu-right">
+                                                <a href="#" class="dropdown-item">View Detail</a>
+                                                <a href="#" class="dropdown-item">Share</a>
+                                                <a href="#" class="dropdown-item">Download</a>
+                                                <a href="#" class="dropdown-item">Copy to</a>
+                                                <a href="#" class="dropdown-item">Rename</a>
+                                                <a href="#" class="dropdown-item text-danger">Delete</a>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="text-muted small mt-1 mb-3">10 opened tasks, 5 tasks completed</div>
+                                    <div class="progress mb-2" style="height: 5px;">
+                                        <div class="progress-bar bg-success" style="width: 53%;"></div>
+                                    </div>
+                                    <p class="small">
+                                        <strong>53%</strong> completed
+                                    </p>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac malesuada nisl.
+                                        Maecenas quis ultrices tellus.</p>
+                                    <div class="row">
+                                        <div class="col">
+                                            <div class="text-muted mb-1 small">Created</div>
+                                            <div>02/01/2019</div>
+                                        </div>
+                                        <div class="col">
+                                            <div class="text-muted mb-1 small">Deadline</div>
+                                            <div>03/12/2019</div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <hr class="m-0">
+                                <div class="card-body">
+                                    <div class="small mb-2">Team Member</div>
+                                    <div class="avatar-group">
+                                        <figure class="avatar avatar-sm">
+                                            <img src="{{ url('assets/media/image/user/women_avatar5.jpg') }}" class="rounded-circle"
+                                                 alt="avatar">
+                                        </figure>
+                                        <figure class="avatar avatar-sm">
+                                            <img src="{{ url('assets/media/image/user/women_avatar1.jpg') }}" class="rounded-circle"
+                                                 alt="avatar">
+                                        </figure>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="row">
+                <div class="col-md-6">
+                    <div class="row">
+                        <div class="col-md-6">
+                            <div class="card">
+                                <div class="card-body">
+                                    <div class="d-flex justify-content-between">
+                                        <h6 class="card-title mb-2">Growth</h6>
+                                        <h2 class="mb-0 font-weight-bold">$2,450</h2>
+                                    </div>
+                                    <div class="d-flex align-items-center mt-2">
+                                        <div class="progress flex-grow-1" style="height: 5px">
+                                            <div class="progress-bar bg-primary" role="progressbar"
+                                                 style="width: 62%;"
+                                                 aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
+                                        </div>
+                                        <div class="ml-2">%62</div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="card">
+                                <div class="card-body">
+                                    <div class="d-flex justify-content-between">
+                                        <h6 class="card-title mb-2">Project</h6>
+                                        <h2 class="mb-0 font-weight-bold">2,320</h2>
+                                    </div>
+                                    <div class="d-flex align-items-center mt-2">
+                                        <div class="progress flex-grow-1" style="height: 5px">
+                                            <div class="progress-bar bg-warning" role="progressbar"
+                                                 style="width:73%;"
+                                                 aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
+                                        </div>
+                                        <div class="ml-2">%73</div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="card">
+                                <div class="card-body">
+                                    <div class="d-flex justify-content-between">
+                                        <h6 class="card-title mb-2">Income</h6>
+                                        <h2 class="mb-0 font-weight-bold">$9,750</h2>
+                                    </div>
+                                    <div class="d-flex align-items-center mt-2">
+                                        <div class="progress flex-grow-1" style="height: 5px">
+                                            <div class="progress-bar bg-success" role="progressbar"
+                                                 style="width: 40%;"
+                                                 aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
+                                        </div>
+                                        <div class="ml-2">%40</div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="card">
+                                <div class="card-body">
+                                    <div class="d-flex justify-content-between">
+                                        <h6 class="card-title mb-2">Employers</h6>
+                                        <h2 class="mb-0 font-weight-bold">3,156</h2>
+                                    </div>
+                                    <div class="d-flex align-items-center mt-2">
+                                        <div class="progress flex-grow-1" style="height: 5px">
+                                            <div class="progress-bar bg-info" role="progressbar"
+                                                 style="width: 55%;"
+                                                 aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
+                                        </div>
+                                        <div class="ml-2">%55</div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-md-6">
+                    <div class="card">
+                        <div class="card-body text-center">
+                            <h5>10th Dance Competition 2019</h5>
+                            <p class="text-muted">Sunt in culpa qui officia deserunt mol excep teur sint occa ecat cupi
+                                datat non</p>
+                            <div class="mb-4 d-flex align-items-center justify-content-center">
+                                <div class="avatar-group">
+                                    <figure class="avatar">
+                                        <span class="avatar-title bg-success rounded-circle">E</span>
+                                    </figure>
+                                    <figure class="avatar">
+                                        <img src="{{ url('assets/media/image/user/women_avatar4.jpg') }}" class="rounded-circle"
+                                             alt="avatar">
+                                    </figure>
+                                    <figure class="avatar">
+                                        <span class="avatar-title bg-danger rounded-circle">S</span>
+                                    </figure>
+                                    <figure class="avatar">
+                                        <img src="{{ url('assets/media/image/user/man_avatar1.jpg') }}" class="rounded-circle"
+                                             alt="avatar">
+                                    </figure>
+                                    <figure class="avatar">
+                                        <span class="avatar-title bg-primary rounded-circle">C</span>
+                                    </figure>
+                                </div>
+                                <div class="text-muted ml-2">10+ friends are coming</div>
+                            </div>
+                            <div class="clearfix"></div>
+                            <a href="" class="btn btn-outline-primary">View All</a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="row">
+                <div class="col-lg-6 col-md-12">
+
+
+
+
+
+                </div>
+                <div class="col-lg-6 col-md-12">
+
+
+
+                </div>
+            </div>
+
+            <div class="row">
+                <div class="col-md-8">
+                    <div class="card">
+                        <div class="card-body">
+                            <div class="d-flex justify-content-between">
+                                <h6 class="card-title">Recent Projects</h6>
+                                <div>
+                                    <a href="#" class="mr-3">
+                                        <i class="fa fa-refresh"></i>
+                                    </a>
+                                    <span class="dropdown">
+                                        <a href="#" data-toggle="dropdown" aria-haspopup="true"
+                                           aria-expanded="false">
+                                            <i class="fa fa-ellipsis-v" aria-hidden="true"></i>
+                                        </a>
+                                        <span class="dropdown-menu dropdown-menu-right">
+                                            <a href="#" class="dropdown-item">Action</a>
+                                            <a href="#" class="dropdown-item">Another action</a>
+                                            <a href="#" class="dropdown-item">Something else here</a>
+                                        </span>
+                                    </span>
+                                </div>
+                            </div>
+                            <div class="table-responsive">
+                                <table class="table">
+                                    <thead>
+                                    <tr>
+                                        <th>Project</th>
+                                        <th class="text-center">Task</th>
+                                        <th class="text-center">Members</th>
+                                        <th class="text-center">Status</th>
+                                        <th class="text-right">Progress</th>
+                                    </tr>
+                                    </thead>
+                                    <tbody>
+                                    <tr>
+                                        <td>
+                                            <a href="#">Frontend Development</a>
+                                        </td>
+                                        <td class="text-center">25</td>
+                                        <td class="text-center">
+                                            <div class="avatar-group">
+                                                <figure class="avatar avatar-sm">
+                                                    <img src="{{ url('/assets/media/image/user/women_avatar2.jpg') }}"
+                                                         class="rounded-circle"
+                                                         alt="avatar">
+                                                </figure>
+                                                <figure class="avatar avatar-sm">
+                                                    <img src="{{ url('/assets/media/image/user/women_avatar4.jpg') }}"
+                                                         class="rounded-circle"
+                                                         alt="avatar">
+                                                </figure>
+                                                <figure class="avatar avatar-sm">
+                                                    <img src="{{ url('/assets/media/image/user/man_avatar3.jpg') }}"
+                                                         class="rounded-circle"
+                                                         alt="avatar">
+                                                </figure>
+                                                <figure class="avatar avatar-sm">
+                                                    <img src="{{ url('/assets/media/image/user/man_avatar1.jpg') }}"
+                                                         class="rounded-circle"
+                                                         alt="avatar">
+                                                </figure>
+                                            </div>
+                                        </td>
+                                        <td class="text-center">
+                                            <span class="badge badge-info">In Progress</span>
+                                        </td>
+                                        <td>
+                                            <div class="d-flex align-items-center">
+                                                <div class="progress flex-grow-1" style="height: 5px;">
+                                                    <div class="progress-bar bg-info" style="width: 53%;"></div>
+                                                </div>
+                                                <small class="ml-2">%53</small>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <a href="#">Backend Development</a>
+                                        </td>
+                                        <td class="text-center">10</td>
+                                        <td class="text-center">
+                                            <div class="avatar-group">
+                                                <figure class="avatar avatar-sm">
+                                                    <img src="{{ url('/assets/media/image/user/women_avatar2.jpg') }}"
+                                                         class="rounded-circle"
+                                                         alt="avatar">
+                                                </figure>
+                                                <figure class="avatar avatar-sm">
+                                                    <img src="{{ url('/assets/media/image/user/women_avatar4.jpg') }}"
+                                                         class="rounded-circle"
+                                                         alt="avatar">
+                                                </figure>
+                                                <figure class="avatar avatar-sm">
+                                                    <img src="{{ url('/assets/media/image/user/man_avatar3.jpg') }}"
+                                                         class="rounded-circle"
+                                                         alt="avatar">
+                                                </figure>
+                                                <figure class="avatar avatar-sm">
+                                                    <img src="{{ url('/assets/media/image/user/man_avatar1.jpg') }}"
+                                                         class="rounded-circle"
+                                                         alt="avatar">
+                                                </figure>
+                                                <figure class="avatar avatar-sm">
+                                                    <img src="{{ url('/assets/media/image/user/man_avatar5.jpg') }}"
+                                                         class="rounded-circle"
+                                                         alt="avatar">
+                                                </figure>
+                                                <figure class="avatar avatar-sm">
+                                                    <img src="{{ url('/assets/media/image/user/man_avatar2.jpg') }}"
+                                                         class="rounded-circle"
+                                                         alt="avatar">
+                                                </figure>
+                                            </div>
+                                        </td>
+                                        <td class="text-center">
+                                            <span class="badge badge-warning">Pending</span>
+                                        </td>
+                                        <td>
+                                            <div class="d-flex align-items-center">
+                                                <div class="progress flex-grow-1" style="height: 5px;">
+                                                    <div class="progress-bar bg-warning" style="width: 80%;"></div>
+                                                </div>
+                                                <small class="ml-2">%80</small>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <a href="#">UI-Kit Development</a>
+                                        </td>
+                                        <td class="text-center">32</td>
+                                        <td class="text-center">
+                                            <div class="avatar-group">
+                                                <figure class="avatar avatar-sm">
+                                                    <img src="{{ url('/assets/media/image/user/women_avatar2.jpg') }}"
+                                                         class="rounded-circle"
+                                                         alt="avatar">
+                                                </figure>
+                                                <figure class="avatar avatar-sm">
+                                                    <img src="{{ url('/assets/media/image/user/women_avatar4.jpg') }}"
+                                                         class="rounded-circle"
+                                                         alt="avatar">
+                                                </figure>
+                                            </div>
+                                        </td>
+                                        <td class="text-center">
+                                            <span class="badge badge-success">Active</span>
+                                        </td>
+                                        <td>
+                                            <div class="d-flex align-items-center">
+                                                <div class="progress flex-grow-1" style="height: 5px;">
+                                                    <div class="progress-bar bg-success" style="width: 35%;"></div>
+                                                </div>
+                                                <small class="ml-2">%35</small>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <a href="#">UI-Kit Development 2</a>
+                                        </td>
+                                        <td class="text-center">5</td>
+                                        <td class="text-center">
+                                            <div class="avatar-group">
+                                                <figure class="avatar avatar-sm">
+                                                    <img src="{{ url('/assets/media/image/user/women_avatar1.jpg') }}"
+                                                         class="rounded-circle"
+                                                         alt="avatar">
+                                                </figure>
+                                                <figure class="avatar avatar-sm">
+                                                    <img src="{{ url('/assets/media/image/user/women_avatar3.jpg') }}"
+                                                         class="rounded-circle"
+                                                         alt="avatar">
+                                                </figure>
+                                                <figure class="avatar avatar-sm">
+                                                    <img src="{{ url('/assets/media/image/user/women_avatar2.jpg') }}"
+                                                         class="rounded-circle"
+                                                         alt="avatar">
+                                                </figure>
+                                            </div>
+                                        </td>
+                                        <td class="text-center">
+                                            <span class="badge badge-info">In Progress</span>
+                                        </td>
+                                        <td>
+                                            <div class="d-flex align-items-center">
+                                                <div class="progress flex-grow-1" style="height: 5px;">
+                                                    <div class="progress-bar bg-info" style="width: 50%;"></div>
+                                                </div>
+                                                <small class="ml-2">%50</small>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-md-4">
+                    <div class="card">
+                        <div class="card-body">
+                            <div class="d-flex justify-content-between">
+                                <h6 class="card-title">Upcoming Meeting</h6>
+                                <a href="#">View All</a>
+                            </div>
+                            <div class="d-flex mb-3">
+                                <div class="text-center">
+                                    <div class="avatar">
+                                    <span
+                                        class="avatar-title bg-info-bright text-info rounded-circle font-size-22">17</span>
+                                    </div>
+                                </div>
+                                <div class="m-l-20">
+                                    <h5 class="mb-2">
+                                        <a class="text-dark">UI Discussion</a>
+                                    </h5>
+                                    <p class="mb-0">Execute core that as result.</p>
+                                </div>
+                            </div>
+                            <div class="d-flex mb-3">
+                                <div class="text-center">
+                                    <div class="avatar">
+                                        <span class="avatar-title bg-danger-bright text-danger rounded-circle font-size-22">21</span>
+                                    </div>
+                                </div>
+                                <div class="m-l-20">
+                                    <h5 class="mb-2">
+                                        <a class="text-dark">Project Schdule</a>
+                                    </h5>
+                                    <p class="mb-0">Special cloth alert always.</p>
+                                </div>
+                            </div>
+                            <div class="d-flex mb-3">
+                                <div class="text-center">
+                                    <div class="avatar">
+                                    <span
+                                        class="avatar-title bg-warning-bright text-warning rounded-circle font-size-22">25</span>
+                                    </div>
+                                </div>
+                                <div class="m-l-20">
+                                    <h5 class="mb-2">
+                                        <a class="text-dark">Design Discussion</a>
+                                    </h5>
+                                    <p class="mb-0">Let us wax poetic about.</p>
+                                </div>
+                            </div>
+                            <div class="d-flex">
+                                <div class="text-center">
+                                    <div class="avatar">
+                                    <span
+                                        class="avatar-title bg-success-bright text-success rounded-circle font-size-22">10</span>
+                                    </div>
+                                </div>
+                                <div class="m-l-20">
+                                    <h5 class="mb-2">
+                                        <a class="text-dark">UI Discussion</a>
+                                    </h5>
+                                    <p class="mb-0">Let us wax poetic about.</p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+        </div>
+    </div>
+
+@endsection
+
+@section('script')
+    <!-- Slick -->
+    <script src="{{ url('/vendors/slick/slick.min.js') }}"></script>
+
+    <!-- Apex chart -->
+    <script src="{{ url('/vendors/charts/apex/apexcharts.min.js') }}"></script>
+
+    <!-- Circle progress -->
+    <script src="{{ url('/vendors/circle-progress/circle-progress.min.js') }}"></script>
+
+    <!-- Dashboard scripts -->
+    <script src="{{ url('/assets/js/examples/dashboard.js') }}"></script>
+
+    <!-- To use theme colors with Javascript -->
+    <div class="colors">
+        <div class="bg-primary"></div>
+        <div class="bg-primary-bright"></div>
+        <div class="bg-secondary"></div>
+        <div class="bg-secondary-bright"></div>
+        <div class="bg-info"></div>
+        <div class="bg-info-bright"></div>
+        <div class="bg-success"></div>
+        <div class="bg-success-bright"></div>
+        <div class="bg-danger"></div>
+        <div class="bg-danger-bright"></div>
+        <div class="bg-warning"></div>
+        <div class="bg-warning-bright"></div>
+    </div>
+
+{{--    <script>--}}
+{{--        $(function () {--}}
+{{--            $('.slick-js').slick({--}}
+{{--                speed: 500,--}}
+{{--                arrows: false,--}}
+{{--                slidesToShow: 1,--}}
+{{--                slidesToScroll: 1,--}}
+{{--                autoplay: true,--}}
+{{--                autoplaySpeed: 2000--}}
+{{--            });--}}
+
+{{--            $('input[name="daterangepicker"]').daterangepicker();--}}
+
+{{--            $('.dataTable').DataTable({--}}
+{{--                lengthMenu: [5, 10],--}}
+{{--                "columnDefs": [ {--}}
+{{--                    "targets": 7,--}}
+{{--                    "orderable": false--}}
+{{--                } ]--}}
+{{--            });--}}
+{{--        })--}}
+{{--    </script>--}}
+
+@endsection
Index: resources/views/dashboard/settings/index.blade.php
===================================================================
--- resources/views/dashboard/settings/index.blade.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ resources/views/dashboard/settings/index.blade.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,231 @@
+@extends('layouts.app')
+
+@section("title", "User Settings")
+
+@section('pageTitle', 'User Settings')
+
+@section('content')
+
+    <div class="page-header">
+        <nav aria-label="breadcrumb" class="d-flex align-items-start">
+            <ol class="breadcrumb">
+                <li class="breadcrumb-item">
+                    <a href="{{ url('dashboard/users') }}">Users</a>
+                </li>
+                <li class="breadcrumb-item active" aria-current="page">User Settings</li>
+            </ol>
+        </nav>
+    </div>
+
+    <div class="row">
+        <div class="col-md-12">
+
+            <div class="row">
+                <div class="col-lg-3 col-md-12 mb-3">
+                    <div class="nav flex-lg-column flex-sm-row nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
+                        <a class="nav-link active" id="v-pills-home-tab" data-toggle="pill" href="#v-pills-home" role="tab" aria-controls="v-pills-home" aria-selected="true">Account</a>
+                        <a class="nav-link" id="v-pills-messages-tab" data-toggle="pill" href="#v-pills-messages" role="tab" aria-controls="v-pills-messages" aria-selected="false">Security</a>
+                        <a class="nav-link" id="v-pills-settings-tab" data-toggle="pill" href="#v-pills-settings" role="tab" aria-controls="v-pills-settings" aria-selected="false">Social</a>
+                    </div>
+                </div>
+                <div class="col-lg-9 col-md-12">
+                    <div class="tab-content" id="v-pills-tabContent">
+                        <div class="tab-pane fade show active" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab">
+                            <div class="card">
+                                <div class="card-body">
+                                    <h6 class="card-title">Account</h6>
+                                    <form action="{{ route("dashboard.users.editUserData", ["id" =>$user->id]) }}" method="post" accept-charset="utf-8">
+                                        @method("patch")
+                                        @csrf
+                                        <div class="row">
+                                            <div class="col-md-6">
+                                                <div class="form-group">
+                                                    <label>Name</label>
+                                                    <input type="text" name="name" value="{{ $user->name }}" class="form-control" placeholder="Name" required>
+                                                </div>
+                                            </div>
+                                            <div class="col-md-6">
+                                                <div class="form-group">
+                                                    <label>Surname</label>
+                                                    <input type="text" name="surname" value="{{$user->surname}}" class="form-control" placeholder="Surname" required>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="row">
+{{--                                            <div class="col-md-6">--}}
+{{--                                                <div class="form-group">--}}
+{{--                                                    <label>Email</label>--}}
+{{--                                                    <input type="email" name="email" value="{{ $user->email }}" class="form-control" placeholder="E-mail" required>--}}
+{{--                                                </div>--}}
+{{--                                            </div>--}}
+                                            <div class="col-md-6">
+                                                <div class="form-group">
+                                                    <label class="form-label">Mobile Number</label>
+                                                    <input type="text" name="mobile_number" value="{{ $user->mobile_number }}" class="form-control" placeholder="Phone number" autocomplete="off" required>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <input type="submit" value="Save changes" class="submitBtn btn btn-primary pull-right m-10">
+                                    </form>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="tab-pane fade" id="v-pills-messages" role="tabpanel" aria-labelledby="v-pills-messages-tab">
+                            <div class="card">
+                                <div class="card-body">
+                                    <form class="actionForm" action="{{ route("dashboard.settings.password") }}"
+                                          method="post" accept-charset="UTF-8">
+
+                                        @method("patch")
+                                        @csrf
+
+                                        <fieldset class="form-fieldset">
+
+                                            <h4 class="font-weight-normal border-bottom pb-2">Password</h4>
+
+                                            <h6 class="font-weight-normal text-muted">After changing your
+                                                password you will be logged out automatically.</h6>
+
+                                            <div class="row">
+
+                                                <div class="col-md-4">
+                                                    <div class="form-group">
+                                                        <label class="form-label">Current Password <span
+                                                                class="form-required">*</span></label>
+                                                        <input type="password" class="form-control"
+                                                               name="current_password" autocomplete="off"
+                                                               required>
+                                                    </div>
+                                                </div>
+
+                                                <div class="col-md-4">
+                                                    <div class="form-group">
+                                                        <label class="form-label">New Password <span
+                                                                class="form-required">*</span></label>
+                                                        <input type="password" class="form-control"
+                                                               name="password" autocomplete="off" required>
+                                                    </div>
+                                                </div>
+
+                                                <div class="col-md-4">
+                                                    <div class="form-group">
+                                                        <label class="form-label">Repeat New Password <span
+                                                                class="form-required">*</span></label>
+                                                        <input type="password" class="form-control"
+                                                               name="password_confirmation" autocomplete="off"
+                                                               required>
+                                                    </div>
+                                                </div>
+
+                                                <div class="col-md-12">
+                                                    <div class="form-group mb-0 float-right">
+                                                        <input type="submit" value="Submit"
+                                                               class="submitBtn btn btn-primary">
+                                                    </div>
+                                                </div>
+
+                                            </div>
+
+                                        </fieldset>
+
+                                    </form>
+                                </div>
+                            </div>
+
+
+                            <div class="card">
+                                <div class="card-body">
+                                    <form class="actionForm" action="{{ route("dashboard.settings.username") }}"
+                                          method="post" accept-charset="UTF-8">
+
+                                        @method("patch")
+                                        @csrf
+
+                                        <fieldset class="form-fieldset">
+
+                                            <h4 class="font-weight-normal border-bottom pb-2">Username</h4>
+
+                                            <h6 class="font-weight-normal text-muted">After changing your
+                                                username you will be logged out automatically.</h6>
+
+                                            <div class="row">
+
+
+                                                <div class="col-md-6">
+                                                    <div class="form-group">
+                                                        <label class="form-label">Username</label>
+                                                        <input type="text"
+                                                               value="{{ old("username", $user->username) }}"
+                                                               name="username" class="form-control">
+                                                    </div>
+                                                </div>
+
+                                                <div class="col-md-12">
+                                                    <div class="form-group mb-0 float-right">
+                                                        <input type="submit" value="Submit"
+                                                               class="submitBtn btn btn-primary">
+                                                    </div>
+                                                </div>
+
+                                            </div>
+
+                                        </fieldset>
+
+                                    </form>
+
+                                </div>
+                    </div>
+
+                            <div class="card">
+                                <div class="card-body">
+                                    <form class="actionForm" action="{{ route("dashboard.settings.email") }}"
+                                          method="post" accept-charset="UTF-8">
+
+                                        @method("patch")
+                                        @csrf
+
+                                        <fieldset class="form-fieldset">
+
+                                            <h4 class="font-weight-normal border-bottom pb-2">E-mail</h4>
+
+                                            <h6 class="font-weight-normal text-muted">This is where lost
+                                                password requests will be sent. After changing your e-mail you
+                                                will be logged out automatically.</h6>
+
+                                            <div class="row">
+
+                                                <div class="col-md-4">
+                                                    <div class="form-group">
+                                                        <label class="form-label">E-mail</label>
+                                                        <input type="email"
+                                                               value="{{ old("email", $user->email) }}"
+                                                               name="email" class="form-control">
+                                                    </div>
+                                                </div>
+
+                                                <div class="col-md-12">
+                                                    <div class="form-group mb-0 float-right">
+                                                        <input type="submit" value="Submit"
+                                                               class="submitBtn btn btn-primary">
+                                                    </div>
+                                                </div>
+
+                                            </div>
+
+                                        </fieldset>
+                                    </form>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="tab-pane fade" id="v-pills-settings" role="tabpanel" aria-labelledby="v-pills-settings-tab">
+                            <div class="card">
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+        </div>
+    </div>
+
+@endsection
Index: resources/views/dashboard/users/create.blade.php
===================================================================
--- resources/views/dashboard/users/create.blade.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ resources/views/dashboard/users/create.blade.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,90 @@
+@extends('layouts.app')
+
+@section("title", "Users - Create new")
+
+@section('pageTitle', 'Create user')
+
+@section('content')
+
+    <div class="page-header">
+        <nav aria-label="breadcrumb" class="d-flex align-items-start">
+            <ol class="breadcrumb">
+                <li class="breadcrumb-item">
+                    <a href="{{ url('dashboard/users') }}">Users</a>
+                </li>
+                <li class="breadcrumb-item active" aria-current="page">Create user</li>
+            </ol>
+        </nav>
+    </div>
+
+    <div class="row">
+        <div class="col-md-12">
+
+            <div class="row">
+                <div class="col-lg-12 col-md-12">
+                    <div class="tab-content" id="v-pills-tabContent">
+                        <div class="tab-pane fade show active" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab">
+                            <div class="card">
+                                <div class="card-body">
+                                    <h6 class="card-title">User account data</h6>
+                                    <form action="{{ route("dashboard.users.store") }}" method="post" accept-charset="utf-8">
+                                        @csrf
+                                        <div class="row">
+                                            <div class="col-md-6">
+                                                <div class="form-group">
+                                                    <label>Name</label>
+                                                    <input type="text" name="name" value="{{ old('name') }}" class="form-control" placeholder="Name" required>
+                                                </div>
+                                            </div>
+                                            <div class="col-md-6">
+                                                <div class="form-group">
+                                                    <label>Surname</label>
+                                                    <input type="text" name="surname" value="{{ old('surname') }}" class="form-control" placeholder="Surname" required>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="row">
+                                            <div class="col-md-6">
+                                                <div class="form-group">
+                                                    <label class="form-label">Username</label>
+                                                    <input type="text" name="username" value="{{ old('username') }}" class="form-control" placeholder="Username" required>
+                                                </div>
+                                            </div>
+                                            <div class="col-md-6">
+                                                <div class="form-group">
+                                                    <label class="form-label">Role</label>
+                                                    <select class="form-control" name="userRole">
+                                                        @foreach ($roles as $role)
+                                                            <option value="{{ $role->id }}" {{ (old("userRole") == $role->id ? "selected" : "" ) }}>{{ ucfirst($role->name) }}</option>
+                                                        @endforeach
+                                                    </select>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="row">
+                                            <div class="col-md-6">
+                                                <div class="form-group">
+                                                    <label>Email</label>
+                                                    <input type="email" name="email" value="{{ old('email') }}" class="form-control" placeholder="E-mail" required>
+                                                </div>
+                                            </div>
+                                            <div class="col-md-6">
+                                                <div class="form-group">
+                                                    <label class="form-label">Mobile Number</label>
+                                                    <input type="text" name="mobile_number" value="{{ old('mobile_number') }}" class="form-control" placeholder="Phone number" autocomplete="off" required>
+                                                </div>
+                                            </div>
+
+                                        </div>
+                                            <input type="submit" value="Save changes" class="submitBtn btn btn-primary pull-right m-10">
+                                    </form>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+@endsection
Index: resources/views/dashboard/users/edit.blade.php
===================================================================
--- resources/views/dashboard/users/edit.blade.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ resources/views/dashboard/users/edit.blade.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,90 @@
+@extends('layouts.app')
+
+@section("title", "Users - Edit user")
+
+@section('pageTitle', 'Edit user')
+
+@section('content')
+
+    <div class="page-header">
+        <nav aria-label="breadcrumb" class="d-flex align-items-start">
+            <ol class="breadcrumb">
+                <li class="breadcrumb-item">
+                    <a href="{{ url('dashboard/users') }}">Users</a>
+                </li>
+                <li class="breadcrumb-item active" aria-current="page">Edit user</li>
+            </ol>
+        </nav>
+    </div>
+
+    <div class="row">
+        <div class="col-md-12">
+
+            <div class="row">
+                <div class="col-lg-12 col-md-12">
+                    <div class="tab-content" id="v-pills-tabContent">
+                        <div class="tab-pane fade show active" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab">
+                            <div class="card">
+                                <div class="card-body">
+                                    <h6 class="card-title">User account data</h6>
+                                    <form action="{{ route("dashboard.users.edit", ["id" =>$user->id]) }}" method="post" accept-charset="utf-8">
+                                        @method("patch")
+                                        @csrf
+                                        <div class="row">
+                                            <div class="col-md-6">
+                                                <div class="form-group">
+                                                    <label>Name</label>
+                                                    <input type="text" name="name" value="{{ $user->name }}" class="form-control" placeholder="Name" required>
+                                                </div>
+                                            </div>
+                                            <div class="col-md-6">
+                                                <div class="form-group">
+                                                    <label>Surname</label>
+                                                    <input type="text" name="surname" value="{{$user->surname}}" class="form-control" placeholder="Surname" required>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="row">
+                                            <div class="col-md-6">
+                                                <div class="form-group">
+                                                    <label class="form-label">Username</label>
+                                                    <input type="text" name="username" value="{{ $user->username }}" class="form-control" placeholder="Username" required>
+                                                </div>
+                                            </div>
+                                            <div class="col-md-6">
+                                                <div class="form-group">
+                                                    <label class="form-label">Role</label>
+
+                                                    <select class="form-control" name="userRole">
+                                                        @foreach($roles as $role)
+                                                            <option value="{{ $role->id }}" {{ $user->role_id == $role->id ? "selected" : "" }}>{{ $role->name }}</option>
+                                                        @endforeach
+                                                    </select>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="row">
+                                            <div class="col-md-6">
+                                                <div class="form-group">
+                                                    <label>Email</label>
+                                                    <input type="email" name="email" value="{{ $user->email }}" class="form-control" placeholder="E-mail" required>
+                                                </div>
+                                            </div>
+                                            <div class="col-md-6">
+                                                <div class="form-group">
+                                                    <label class="form-label">Mobile Number</label>
+                                                    <input type="text" name="mobile_number" value="{{ $user->mobile_number }}" class="form-control" placeholder="Phone number" autocomplete="off" required>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <input type="submit" value="Save changes" class="submitBtn btn btn-primary pull-right m-10">
+                                    </form>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+@endsection
Index: resources/views/dashboard/users/index.blade.php
===================================================================
--- resources/views/dashboard/users/index.blade.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ resources/views/dashboard/users/index.blade.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,103 @@
+@extends('layouts.app')
+
+@section("title", "Users")
+
+@section('pageTitle', 'User List')
+
+@section('head')
+    <!-- Datatable -->
+    <link rel="stylesheet" href="{{ url('vendors/dataTable/dataTables.min.css') }}" type="text/css">
+@endsection
+
+@section('content')
+
+    <div class="page-header justify-content-between">
+        <nav aria-label="breadcrumb" class="d-flex align-items-start">
+            <ol class="breadcrumb">
+                <li class="breadcrumb-item">
+                    <a href="{{ url('dashboard.users') }}">Users</a>
+                </li>
+                <li class="breadcrumb-item active" aria-current="page">User List</li>
+            </ol>
+        </nav>
+        <div class="dropdown">
+            <a href="{{ route("dashboard.users.create") }}" class="btn btn-primary text-white">
+                Add user
+            </a>
+        </div>
+    </div>
+
+    <div class="row">
+        <div class="col-md-12">
+            <div class="card">
+                <div class="card-body">
+                    <div class="table-responsive">
+                        <table id="user-list" class="table table-lg">
+                            <thead>
+                            <tr>
+                                <th>ID</th>
+                                <th>Status</th>
+                                <th>Username</th>
+                                <th>Name</th>
+                                <th>Email</th>
+                                <th>Phone Number</th>
+                                <th>Registration Date</th>
+                                <th>Role</th>
+                                <th>Actions</th>
+                            </tr>
+                            </thead>
+                            <tbody>
+                            @foreach($users as $user)
+                                <tr>
+                                    <td>{{$user->id }}</td>
+                                    <td>
+                                        @if($user->is_confirmed)
+                                            @if ($user->is_active)
+                                                <span class="badge bg-success-bright text-success">Active</span>
+                                            @else
+                                                <span class="badge bg-danger-bright text-danger">Blocked</span>
+                                            @endif
+                                        @else
+                                            <span class="badge bg-warning-bright text-warning">New user</span>
+                                        @endif
+                                    </td>
+                                    <td>
+                                        <a href="#">{{$user->name .' '. $user->surname}}</a>
+                                    </td>
+                                    <td>{{$user->username}}</td>
+                                    <td>{{$user->email}}</td>
+                                    <td>{{$user->mobile_number}}</td>
+                                    <td>{{ date('d.m.Y', strtotime($user->created_at)) }}</td>
+                                    <td>{{ $user->role->name }}</td>
+                                    @if($user->hasRole("Referent") && $user->is_confirmed)
+                                        <td>
+                                            <a href="{{ route("dashboard.users.edit", ["id" => $user->id]) }}" class="text-secondary" data-toggle="tooltip" title="Edit">
+                                                <i class="ti-pencil"></i>
+                                            </a>
+                                            <a href="javascript:void(0)" class="text-danger ml-2" data-action="{{ route("dashboard.users.destroy", ["id" => $user->id]) }}" data-method="delete" title="Delete">
+                                                <i class="ti-trash"></i>
+                                            </a>
+                                        </td>
+                                    @else
+                                        <td>Not available</td>
+                                        @endif
+                                </tr>
+                            @endforeach
+
+
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+@endsection
+
+@section('script')
+    <!-- Datatable -->
+    <script src="{{ url('vendors/dataTable/dataTables.min.js') }}"></script>
+
+    <script src="{{ url('assets/js/examples/pages/user-list.js') }}"></script>
+@endsection
Index: resources/views/layouts/alert.blade.php
===================================================================
--- resources/views/layouts/alert.blade.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ resources/views/layouts/alert.blade.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,21 @@
+{{--  Validation errors --}}
+@if($errors->any())
+    @foreach ($errors->all() as $error)
+        <script>
+                new Toast({
+                    message: "{{$error}}",
+                    type: 'danger'
+                });
+        </script>
+    @endforeach
+@endif
+
+{{--  Http request alerts --}}
+@if(session()->has("alert"))
+    <script>
+                new Toast({
+                    message: "{{session()->get("alert.message")}}",
+                    type: {{session()->get("alert.type")}}
+                });
+    </script>
+@endif
Index: resources/views/layouts/app.blade.php
===================================================================
--- resources/views/layouts/app.blade.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
+++ resources/views/layouts/app.blade.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -0,0 +1,396 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>@yield('title')</title>
+
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+    <!-- Favicon -->
+    <link rel="shortcut icon" href="{{ url('assets/media/images/favicon.png') }}"/>
+
+    <!-- Plugin styles -->
+    <link rel="stylesheet" href="{{ url('vendors/bundle.css') }}" type="text/css">
+
+    <!-- App styles -->
+    <link rel="stylesheet" href="{{ url('assets/css/app.min.css') }}" type="text/css">
+</head>
+<body @if (trim($__env->yieldContent('bodyClass'))) class="@yield('bodyClass')" @endif>
+
+<!-- begin::preloader-->
+<div class="preloader">
+    <div class="preloader-icon"></div>
+</div>
+<!-- end::preloader -->
+
+<!-- BEGIN: Sidebar Group -->
+<div class="sidebar-group">
+
+    <!-- BEGIN: User Menu -->
+    <div class="sidebar" id="user-menu">
+        <div class="py-4 text-center bg-dark">
+            <h5 class="d-flex align-items-center justify-content-center">{{auth()->user()->getFullName()}}</h5>
+            <h6 class="d-flex align-items-center justify-content-center">{{auth()->user()->role->name}}</h6>
+        </div>
+        <div class="card mb-0 card-body shadow-none">
+            <div class="mb-4">
+                <div class="list-group list-group-flush">
+                    <a href="{{route("dashboard.settings.index")}}" class="list-group-item p-l-r-0">Settings</a>
+                    <a href="javascript:void(0)" onclick="
+								event.preventDefault();
+								document.getElementById('logout-form').submit();
+							" class="list-group-item p-l-r-0 text-danger">Sign Out</a>
+                    <form id="logout-form" action="{{ route("auth.logout") }}" method="post">
+                        @csrf
+                    </form>
+                </div>
+            </div>
+            <div class="mb-4">
+                <h6 class="d-flex justify-content-between">
+                    Added documents
+                    <span class="float-right">68</span>
+                </h6>
+                <div class="progress" style="height:5px;">
+                    <div class="progress-bar bg-secondary" role="progressbar" style="width: 68%;"
+                         aria-valuenow="68"
+                         aria-valuemin="0" aria-valuemax="100"></div>
+                </div>
+            </div>
+            <div class="mb-4">
+                <h6 class="d-flex justify-content-between">
+                    Used space
+                    <span>%25</span>
+                </h6>
+                <div class="progress" style="height: 5px;">
+                    <div class="progress-bar bg-info" role="progressbar" style="width: 40%;" aria-valuenow="40"
+                         aria-valuemin="0" aria-valuemax="100"></div>
+                </div>
+            </div>
+            <div class="mb-4">
+                <h6>Email</h6>
+                <p class="text-muted mb-0">{{ auth()->user()->email }}</p>
+            </div>
+            <div class="mb-4">
+                <h6>Phone</h6>
+                <p class="text-muted mb-0">{{ auth()->user()->mobile_number }}</p>
+            </div>
+        </div>
+    </div>
+    <!-- END: User Menu -->
+
+    <!-- BEGIN: Settings -->
+    <div class="sidebar" id="settings">
+        <div class="card">
+            <div class="card-body">
+                <h6 class="card-title">Settings</h6>
+                <ul class="list-group list-group-flush">
+                    <li class="list-group-item pl-0 pr-0">
+                        <div class="custom-control custom-switch">
+                            <input type="checkbox" class="custom-control-input" id="customSwitch1" checked>
+                            <label class="custom-control-label" for="customSwitch1">Allow notifications.</label>
+                        </div>
+                    </li>
+                    <li class="list-group-item pl-0 pr-0">
+                        <div class="custom-control custom-switch">
+                            <input type="checkbox" class="custom-control-input" id="customSwitch2">
+                            <label class="custom-control-label" for="customSwitch2">Hide user requests</label>
+                        </div>
+                    </li>
+                    <li class="list-group-item pl-0 pr-0">
+                        <div class="custom-control custom-switch">
+                            <input type="checkbox" class="custom-control-input" id="customSwitch3" checked>
+                            <label class="custom-control-label" for="customSwitch3">Speed up demands</label>
+                        </div>
+                    </li>
+                    <li class="list-group-item pl-0 pr-0">
+                        <div class="custom-control custom-switch">
+                            <input type="checkbox" class="custom-control-input" id="customSwitch4" checked>
+                            <label class="custom-control-label" for="customSwitch4">Hide menus</label>
+                        </div>
+                    </li>
+                    <li class="list-group-item pl-0 pr-0">
+                        <div class="custom-control custom-switch">
+                            <input type="checkbox" class="custom-control-input" id="customSwitch5">
+                            <label class="custom-control-label" for="customSwitch5">Remember next visits</label>
+                        </div>
+                    </li>
+                    <li class="list-group-item pl-0 pr-0">
+                        <div class="custom-control custom-switch">
+                            <input type="checkbox" class="custom-control-input" id="customSwitch6">
+                            <label class="custom-control-label" for="customSwitch6">Enable report
+                                generation.</label>
+                        </div>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </div>
+    <!-- END: Settings -->
+
+</div>
+<!-- END: Sidebar Group -->
+
+<!-- begin::main -->
+<div class="layout-wrapper">
+
+    <!-- begin::header -->
+    <div class="header d-print-none">
+
+        <div class="header-left">
+            <div class="navigation-toggler">
+                <a href="#" data-action="navigation-toggler">
+                    <i data-feather="menu"></i>
+                </a>
+            </div>
+            <div class="header-logo">
+                <a href="{{ url('dashboard') }}">
+                    <img class="logo" src="{{ url('assets/media/images/logo-small.png') }}" alt="logo">
+                </a>
+            </div>
+        </div>
+
+        <div class="header-body">
+            <div class="header-body-left">
+                <div class="page-title">
+                    <h4>@yield('pageTitle')</h4>
+                </div>
+            </div>
+            <div class="header-body-right">
+                <ul class="navbar-nav">
+
+                    <!-- begin::header fullscreen -->
+                    <li class="nav-item dropdown">
+                        <a href="#" class="nav-link" title="Fullscreen" data-toggle="fullscreen">
+                            <i class="maximize" data-feather="maximize"></i>
+                            <i class="minimize" data-feather="minimize"></i>
+                        </a>
+                    </li>
+                    <!-- end::header fullscreen -->
+
+                    <!-- begin::header search -->
+                    <li class="nav-item">
+                        <a href="#" class="nav-link" title="Search" data-toggle="dropdown">
+                            <i data-feather="search"></i>
+                        </a>
+                        <div class="dropdown-menu p-2 dropdown-menu-right">
+                            <form>
+                                <div class="input-group">
+                                    <input type="text" class="form-control" placeholder="Search">
+                                    <div class="input-group-prepend">
+                                        <button class="btn" type="button">
+                                            <i data-feather="search"></i>
+                                        </button>
+                                    </div>
+                                </div>
+                            </form>
+                        </div>
+                    </li>
+                    <!-- end::header search -->
+
+                    <!-- begin::header notification dropdown -->
+                    <li class="nav-item dropdown">
+                        <a href="#" class="nav-link nav-link-notify" title="Notifications" data-toggle="dropdown">
+                            <i data-feather="bell"></i>
+                        </a>
+                        <div class="dropdown-menu dropdown-menu-right dropdown-menu-big">
+                            <div class="bg-dark p-4 text-center d-flex justify-content-between align-items-center">
+                                <h5 class="mb-0">Notifications</h5>
+                                <small class="opacity-7">1 unread notifications</small>
+                            </div>
+                            <div>
+                                <ul class="list-group list-group-flush">
+                                    <li>
+                                        <a href="#" class="list-group-item d-flex align-items-center hide-show-toggler">
+                                            <div>
+                                                <figure class="avatar mr-2">
+                                                <span
+                                                    class="avatar-title bg-success-bright text-success rounded-circle">
+                                                    <i class="ti-user"></i>
+                                                </span>
+                                                </figure>
+                                            </div>
+                                            <div class="flex-grow-1">
+                                                <p class="mb-0 line-height-20 d-flex justify-content-between">
+                                                    New customer registered
+                                                    <i title="Mark as read" data-toggle="tooltip"
+                                                       class="hide-show-toggler-item fa fa-circle-o font-size-11"></i>
+                                                </p>
+                                                <span class="text-muted small">20 min ago</span>
+                                            </div>
+                                        </a>
+                                    </li>
+                                    <li class="text-divider small pb-2 pl-3 pt-3">
+                                        <span>Old notifications</span>
+                                    </li>
+                                    <li>
+                                        <a href="#" class="list-group-item d-flex align-items-center hide-show-toggler">
+                                            <div>
+                                                <figure class="avatar mr-2">
+                                                <span
+                                                    class="avatar-title bg-warning-bright text-warning rounded-circle">
+                                                    <i class="ti-package"></i>
+                                                </span>
+                                                </figure>
+                                            </div>
+                                            <div class="flex-grow-1">
+                                                <p class="mb-0 line-height-20 d-flex justify-content-between">
+                                                    New Order Recieved
+                                                    <i title="Mark as unread" data-toggle="tooltip"
+                                                       class="hide-show-toggler-item fa fa-check font-size-11"></i>
+                                                </p>
+                                                <span class="text-muted small">45 sec ago</span>
+                                            </div>
+                                        </a>
+                                    </li>
+                                    <li>
+                                        <a href="#"
+                                           class="list-group-item d-flex align-items-center hide-show-toggler">
+                                            <div>
+                                                <figure class="avatar mr-2">
+                                                <span class="avatar-title bg-danger-bright text-danger rounded-circle">
+                                                    <i class="ti-server"></i>
+                                                </span>
+                                                </figure>
+                                            </div>
+                                            <div class="flex-grow-1">
+                                                <p class="mb-0 line-height-20 d-flex justify-content-between">
+                                                    Server Limit Reached!
+                                                    <i title="Mark as unread" data-toggle="tooltip"
+                                                       class="hide-show-toggler-item fa fa-check font-size-11"></i>
+                                                </p>
+                                                <span class="text-muted small">55 sec ago</span>
+                                            </div>
+                                        </a>
+                                    </li>
+                                    <li>
+                                        <a href="#"
+                                           class="list-group-item d-flex align-items-center hide-show-toggler">
+                                            <div>
+                                                <figure class="avatar mr-2">
+                                                <span class="avatar-title bg-info-bright text-info rounded-circle">
+                                                    <i class="ti-layers"></i>
+                                                </span>
+                                                </figure>
+                                            </div>
+                                            <div class="flex-grow-1">
+                                                <p class="mb-0 line-height-20 d-flex align-items-center justify-content-between">
+                                                    Apps are ready for update
+                                                    <i title="Mark as unread" data-toggle="tooltip"
+                                                       class="hide-show-toggler-item fa fa-check font-size-11"></i>
+                                                </p>
+                                                <span class="text-muted small">Yesterday</span>
+                                            </div>
+                                        </a>
+                                    </li>
+                                </ul>
+                            </div>
+                            <div class="p-2 text-right border-top">
+                                <ul class="list-inline small">
+                                    <li class="list-inline-item mb-0">
+                                        <a href="#">Mark All Read</a>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+                    </li>
+                    <!-- end::header notification dropdown -->
+
+                    <!-- begin::user menu -->
+                    <li class="nav-item dropdown">
+                        <a href="#" class="nav-link" title="User menu" data-sidebar-target="#user-menu">
+                            <span class="mr-2 d-sm-inline d-none">{{auth()->user()->getFullName()}}</span>
+                        </a>
+                        </li>
+                    <!-- end::user menu -->
+
+                </ul>
+
+                <!-- begin::mobile header toggler -->
+                <ul class="navbar-nav d-flex align-items-center">
+                    <li class="nav-item header-toggler">
+                        <a href="#" class="nav-link">
+                            <i data-feather="arrow-down"></i>
+                        </a>
+                    </li>
+                </ul>
+                <!-- end::mobile header toggler -->
+            </div>
+        </div>
+
+    </div>
+    <!-- end::header -->
+
+    <div class="content-wrapper">
+
+        <!-- begin::navigation -->
+        <div class="navigation">
+            <div class="navigation-menu-tab">
+                <ul>
+                    <li>
+                        <a href="{{ route("dashboard.index") }}" class="nav-link {{ request()->is('dashboard') ? 'active' : '' }}" data-toggle="tooltip"
+                           data-placement="right" title="Pages">
+                            <i data-feather="copy"></i>
+                        </a>
+                    </li>
+                    @if(auth()->user()->hasPermission("access_all_users"))
+                    <li>
+                        <a href="{{ route("dashboard.users.index") }}" class="nav-link {{ request()->is(['dashboard/users', 'dashboard/users/*']) ? 'active' : '' }}" data-toggle="tooltip"
+                           data-placement="right" title="Users">
+                            <i data-feather="users"></i>
+                        </a>
+                    </li>
+                    @endif
+                    <li>
+                        <a href="#" data-toggle="tooltip"
+                           data-placement="right" title="Files"
+                           data-nav-target="#components">
+                            <i data-feather="layers"></i>
+                        </a>
+                    </li>
+                    @if(auth()->user()->hasPermission("access_all_departments"))
+                    <li>
+                        <a href="{{route("dashboard.departments.index")}}" data-toggle="tooltip"
+                           data-placement="right" title="Departments">
+                            <i data-feather="layers"></i>
+                        </a>
+                    </li>
+                    @endif
+                </ul>
+            </div>
+        </div>
+        <!-- end::navigation -->
+
+        <div class="content-body">
+
+            <div class="content">
+
+                @yield('content')
+
+            </div>
+
+            <!-- begin::footer -->
+            <footer class="content-footer">
+                <div>© {{ date('Y') }}<a href="{{route("dashboard.index")}}" target="_blank"> SaveSpace</a></div>
+                <div>
+
+                </div>
+            </footer>
+            <!-- end::footer -->
+
+        </div>
+
+    </div>
+
+</div>
+<!-- end::main -->
+
+<!-- Plugin scripts -->
+<script src="{{ url('vendors/bundle.js') }}"></script>
+
+<!-- App scripts -->
+<script src="{{ url('assets/js/app.js') }}"></script>
+<script src="{{url('assets/js/Toast.js')}}"></script>
+@include("layouts.alert")
+</body>
+</html>
Index: resources/views/layouts/auth.blade.php
===================================================================
--- resources/views/layouts/auth.blade.php	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ resources/views/layouts/auth.blade.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -17,5 +17,4 @@
 </head>
 <body class="form-membership">
-
 <!-- begin::preloader-->
 <div class="preloader">
@@ -27,4 +26,5 @@
 
     @yield('content')
+    @include("layouts.alert")
 
 </div>
Index: routes/web.php
===================================================================
--- routes/web.php	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ routes/web.php	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -37,2 +37,44 @@
 
 });
+
+////////////////////
+// Dashboard Routes
+////////////////////
+Route::group(['prefix' => 'dashboard', 'middleware' => ["auth", "checkIsActive"]], function () {
+
+    Route::get("/", "Dashboard\IndexController@index")->name("dashboard.index");
+
+    Route::get("/settings", "Dashboard\SettingsController@settings")->name("dashboard.settings.index");
+    Route::patch("/settings/personal", "Dashboard\SettingsController@updatePersonalInformation")->name("dashboard.settings.personal");
+    Route::patch("/settings/username", "Dashboard\SettingsController@updateUsername")->name("dashboard.settings.username");
+    Route::patch("/settings/password", "Dashboard\SettingsController@updatePassword")->name("dashboard.settings.password");
+    Route::patch("/settings/email", "Dashboard\SettingsController@updateEmail")->name("dashboard.settings.email");
+
+
+    // Users
+    Route::group(['middleware' => 'permission:access_all_users'], function () {
+        Route::get("/users", "Dashboard\UsersController@index")->name("dashboard.users.index");
+        Route::patch("/users/{id}/block", "Dashboard\UsersController@block")->name("dashboard.users.block");
+        Route::patch("/users/{id}/unblock", "Dashboard\UsersController@unblock")->name("dashboard.users.unblock");
+        Route::delete("/users/{id}/destroy", "Dashboard\UsersController@destroy")->name("dashboard.users.destroy");
+    });
+
+    Route::group(['middleware' => 'permission:create_user'], function () {
+        Route::get("/users/create", "Dashboard\UsersController@create")->name("dashboard.users.create");
+        Route::post("/users/store", "Dashboard\UsersController@store")->name("dashboard.users.store");
+        Route::get("/users/{id}/edit", "Dashboard\UsersController@editShow")->name("dashboard.users.editShow");
+        Route::patch("/users/{id}/edit", "Dashboard\UsersController@edit")->name("dashboard.users.edit");
+        Route::patch("/users/{id}/editUserData", "Dashboard\UsersController@editUserData")->name("dashboard.users.editUserData");
+    });
+
+    // Departments
+    Route::group(['middleware' => 'permission:access_all_departments'], function () {
+        Route::get("/departments", "Dashboard\departmentsController@index")->name("dashboard.departments.index");
+        Route::get("/departments/create", "Dashboard\departmentsController@create")->name("dashboard.departments.create");
+        Route::post("/departments/store", "Dashboard\departmentsController@store")->name("dashboard.departments.store");
+        Route::get("/departments/{id}/edit", "Dashboard\departmentsController@editShow")->name("dashboard.departments.editShow");
+        Route::patch("/departments/{id}/edit", "Dashboard\departmentsController@edit")->name("dashboard.departments.edit");
+        Route::delete("/departments/{id}/destroy", "Dashboard\DepartmentsController@destroy")->name("dashboard.departments.destroy");
+    });
+
+});
Index: webpack.mix.js
===================================================================
--- webpack.mix.js	(revision 582789f8fd3b5f9520ed36b7f2feb0828d4a43af)
+++ webpack.mix.js	(revision 194a35967c638db611da70bbf868d51cd9124ed2)
@@ -12,9 +12,19 @@
  */
 
-mix.js('resources/assets/js/app.js', 'public/assets/js')
-    .sass('resources/assets/sass/app.scss', 'public/assets/css');
+mix.scripts([
+    'resources/assets/js/app.js',
+    'resources/assets/js/app.min.js',
+    'resources/assets/js/custom.js',
+    'resources/assets/js/Toast.min.js',
+    'resources/assets/examples/*.js',
+    'resources/assets/examples/charts/*.js',
+    'resources/assets/examples/pages/*.js',
+], 'public/assets/js/app.js')
 
 mix.styles([
-    'resources/assets/css/app.css'
+    'resources/assets/css/app.css',
+    'resources/assets/css/app.min.css',
+    'resources/assets/css/Toast.min.css',
+    'resources/assets/css/custom.css'
 ],  'public/assets/css/app.min.css');