diff --git a/application/views/layouts/account/account_layout.php b/application/views/layouts/account/account_layout.php
index 4f2b74a2..17ba02af 100644
--- a/application/views/layouts/account/account_layout.php
+++ b/application/views/layouts/account/account_layout.php
@@ -17,7 +17,7 @@
     <?php slot('meta') ?>
 
     <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/vendor/jquery-ui-dist/jquery-ui.min.css') ?>">
-    <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/vendor/bootstrap/bootstrap.min.css') ?>">
+    <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/bootstrap.css') ?>">
     <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/login.css') ?>">
     <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/general.css') ?>">
 
diff --git a/application/views/layouts/backend/backend_layout.php b/application/views/layouts/backend/backend_layout.php
index c8862a90..c3113bfa 100644
--- a/application/views/layouts/backend/backend_layout.php
+++ b/application/views/layouts/backend/backend_layout.php
@@ -16,10 +16,10 @@
 
     <?php slot('meta') ?>
 
-    <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/vendor/bootstrap/bootstrap.min.css') ?>">
     <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/vendor/jquery-ui-dist/jquery-ui.min.css') ?>">
     <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/vendor/trumbowyg/trumbowyg.min.css') ?>">
     <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/vendor/select2/select2.min.css') ?>">
+    <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/bootstrap.css') ?>">
     <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/backend.css') ?>">
     <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/general.css') ?>">
     <link rel="icon" type="image/x-icon" href="<?= asset_url('assets/img/favicon.ico') ?>">
diff --git a/application/views/layouts/booking/booking_layout.php b/application/views/layouts/booking/booking_layout.php
index f0e8d1c2..15433eb6 100644
--- a/application/views/layouts/booking/booking_layout.php
+++ b/application/views/layouts/booking/booking_layout.php
@@ -29,9 +29,9 @@
     <meta name="theme-color" content="#35A768">
     <title><?= lang('page_title') . ' ' . $company_name ?></title>
 
-    <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/vendor/bootstrap/bootstrap.min.css') ?>">
     <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/vendor/jquery-ui-dist/jquery-ui.min.css') ?>">
     <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/vendor/cookieconsent/cookieconsent.min.css') ?>">
+    <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/bootstrap.css') ?>">
     <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/frontend.css') ?>">
     <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/general.css') ?>">
 
diff --git a/application/views/layouts/message/message_layout.php b/application/views/layouts/message/message_layout.php
index ef4ca382..e9abe7b7 100644
--- a/application/views/layouts/message/message_layout.php
+++ b/application/views/layouts/message/message_layout.php
@@ -14,7 +14,7 @@
     <link rel="icon" href="<?= asset_url('assets/img/favicon.ico') ?>">
     <link rel="icon" href="<?= asset_url('assets/img/logo.png') ?>" sizes="192x192" type="image/png">
     <title><?= $page_title ?> | Easy!Appointments</title>
-    <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/vendor/bootstrap/bootstrap.min.css') ?>">
+    <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/bootstrap.css') ?>">
     <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/frontend.css') ?>">
     
     <?php slot('meta') ?>
diff --git a/assets/css/bootstrap.scss b/assets/css/bootstrap.scss
new file mode 100644
index 00000000..3520480a
--- /dev/null
+++ b/assets/css/bootstrap.scss
@@ -0,0 +1,14 @@
+/* ----------------------------------------------------------------------------
+ * Easy!Appointments - Open Source Web Scheduler
+ *
+ * @package     EasyAppointments
+ * @author      A.Tselegidis <alextselegidis@gmail.com>
+ * @copyright   Copyright (c) 2013 - 2020, Alex Tselegidis
+ * @license     http://opensource.org/licenses/GPL-3.0 - GPLv3
+ * @link        http://easyappointments.org
+ * @since       v1.0.0
+ * ---------------------------------------------------------------------------- */
+
+$primary: #439982;
+
+@import '../../node_modules/bootstrap/scss/bootstrap';