diff --git a/application/views/general/installation.php b/application/views/general/installation.php
index a627cf7f..8586a4a0 100755
--- a/application/views/general/installation.php
+++ b/application/views/general/installation.php
@@ -1,51 +1,15 @@
- Easy!Appointments - Installation
+ Easy!Appointments - Installation
+
+
-
-
diff --git a/application/views/general/update.php b/application/views/general/update.php
index 87ace1df..359b3275 100644
--- a/application/views/general/update.php
+++ b/application/views/general/update.php
@@ -1,41 +1,15 @@
- Easy!Appointments - Update
-
+ Easy!Appointments - Update
+
+
-
-
diff --git a/application/views/user/forgot_password.php b/application/views/user/forgot_password.php
index 50b34419..97251afc 100644
--- a/application/views/user/forgot_password.php
+++ b/application/views/user/forgot_password.php
@@ -8,50 +8,15 @@
= lang('forgot_your_password') . ' - ' . $company_name ?>
-
-
-
-
+
+
+
+
-
+
+
-
-
-
-
-
-
-
-
+
+
+
+
+
+
diff --git a/application/views/user/login.php b/application/views/user/login.php
index 26ffe6e6..cd396b19 100644
--- a/application/views/user/login.php
+++ b/application/views/user/login.php
@@ -7,41 +7,13 @@
= lang('login') . ' - ' . $company_name ?>
-
-
-
-
-
+
-
-
+
+
+
+
+
+
diff --git a/application/views/user/logout.php b/application/views/user/logout.php
index e3ddca51..5b1377b0 100644
--- a/application/views/user/logout.php
+++ b/application/views/user/logout.php
@@ -8,54 +8,20 @@
= lang('log_out') . ' - ' . $company_name ?>
-
+
+
+
-
-
-
+
+
-
+
-
-
-
+
+
+
diff --git a/application/views/user/no_privileges.php b/application/views/user/no_privileges.php
index c0e204b9..00cd2461 100644
--- a/application/views/user/no_privileges.php
+++ b/application/views/user/no_privileges.php
@@ -8,46 +8,15 @@
= lang('no_privileges') . ' - ' . $company_name ?>
-
-
-
+
+
+
-
+
+
diff --git a/assets/css/error404.css b/assets/css/error404.css
new file mode 100644
index 00000000..520ccc0b
--- /dev/null
+++ b/assets/css/error404.css
@@ -0,0 +1,36 @@
+body {
+ width: 100vw;
+ height: 100vh;
+ display: table-cell;
+ vertical-align: middle;
+ background-color: #F2F2F2;
+}
+
+#message-frame {
+ width: 630px;
+ margin: auto;
+ background: #FFF;
+ border: 1px solid #DDDADA;
+ padding: 70px;
+}
+
+.btn {
+ margin-right: 10px;
+}
+
+@media(max-width: 640px) {
+ body {
+ display: block;
+ }
+
+ #message-frame {
+ width: 100%;
+ height: 100%;
+ padding: 20px;
+ }
+
+ .btn {
+ width: 100%;
+ margin-bottom: 20px;
+ }
+}
diff --git a/assets/css/forgot_password.css b/assets/css/forgot_password.css
new file mode 100644
index 00000000..438a7e03
--- /dev/null
+++ b/assets/css/forgot_password.css
@@ -0,0 +1,26 @@
+body {
+ width: 100vw;
+ height: 100vh;
+ display: table-cell;
+ vertical-align: middle;
+ background-color: #F2F2F2;
+}
+
+#forgot-password-frame {
+ width: 630px;
+ margin: auto;
+ background: #FFF;
+ border: 1px solid #DDDADA;
+ padding: 70px;
+}
+
+.user-login {
+ margin-left: 20px;
+}
+
+@media(max-width: 640px) {
+ #forgot-password-frame {
+ width: 100%;
+ padding: 20px;
+ }
+}
diff --git a/assets/css/installation.css b/assets/css/installation.css
new file mode 100644
index 00000000..80164eea
--- /dev/null
+++ b/assets/css/installation.css
@@ -0,0 +1,35 @@
+header {
+ background: #DAFFEB;
+ margin-bottom: 25px;
+}
+
+.content {
+ margin: 32px;
+ max-width: 980px;
+}
+
+.alert {
+ margin: 25px 0 10px 0;
+}
+
+footer {
+ padding: 10px 35px;
+ background-color: #FAFAFA;
+ margin-top: 20px;
+ border-top: 1px solid #EEE;
+}
+
+#loading {
+ position: fixed;
+ top: 0px;
+ left: 0px;
+ width: 100%;
+ height: 100%;
+ z-index: 999999;
+ background: rgba(255, 255, 255, 0.75);
+}
+
+#loading img {
+ margin: auto;
+ display: block;
+}
diff --git a/assets/css/login.css b/assets/css/login.css
new file mode 100644
index 00000000..33da3045
--- /dev/null
+++ b/assets/css/login.css
@@ -0,0 +1,22 @@
+body {
+ width: 100vw;
+ height: 100vh;
+ display: table-cell;
+ vertical-align: middle;
+ background-color: #F2F2F2;
+}
+
+#login-frame {
+ width: 630px;
+ margin: auto;
+ background: #FFF;
+ border: 1px solid #DDDADA;
+ padding: 70px;
+}
+
+@media(max-width: 640px) {
+ #login-frame {
+ width: 100%;
+ padding: 20px;
+ }
+}
diff --git a/assets/css/logout.css b/assets/css/logout.css
new file mode 100644
index 00000000..e37dcf31
--- /dev/null
+++ b/assets/css/logout.css
@@ -0,0 +1,31 @@
+body {
+ width: 100vw;
+ height: 100vh;
+ display: table-cell;
+ vertical-align: middle;
+ background-color: #F2F2F2;
+}
+
+#logout-frame {
+ width: 630px;
+ margin: auto;
+ background: #FFF;
+ border: 1px solid #DDDADA;
+ padding: 70px;
+}
+
+.btn {
+ margin-right: 10px;
+}
+
+@media(max-width: 640px) {
+ #logout-frame {
+ width: 100%;
+ padding: 20px;
+ }
+
+ .btn {
+ width: 100%;
+ margin-bottom: 20px;
+ }
+}
diff --git a/assets/css/no_privileges.php.css b/assets/css/no_privileges.php.css
new file mode 100644
index 00000000..6eccdc12
--- /dev/null
+++ b/assets/css/no_privileges.php.css
@@ -0,0 +1,31 @@
+body {
+ width: 100vw;
+ height: 100vh;
+ display: table-cell;
+ vertical-align: middle;
+ background-color: #F2F2F2;
+}
+
+#no-priv-frame {
+ width: 630px;
+ margin: auto;
+ background: #FFF;
+ border: 1px solid #DDDADA;
+ padding: 70px;
+}
+
+.btn {
+ margin-right: 10px;
+}
+
+@media(max-width: 640px) {
+ #no-priv-frame {
+ width: 100%;
+ padding: 20px;
+ }
+
+ .btn {
+ width: 100%;
+ margin-bottom: 20px;
+ }
+}
diff --git a/assets/css/update.css b/assets/css/update.css
new file mode 100644
index 00000000..46341b0f
--- /dev/null
+++ b/assets/css/update.css
@@ -0,0 +1,24 @@
+html {
+ position: relative;
+ min-height: 100%;
+}
+
+.header {
+ background: #DAFFEB;
+}
+
+h3 {
+ margin-bottom: 40px;
+}
+
+.content {
+ margin-top: 30px;
+}
+
+footer {
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ background-color: #f5f5f5;
+ padding: 15px 40px;
+}