diff --git a/src/application/views/general/error404.php b/src/application/views/general/error404.php
index 01fc25f0..6f64c38c 100644
--- a/src/application/views/general/error404.php
+++ b/src/application/views/general/error404.php
@@ -1,8 +1,11 @@
 <!DOCTYPE html>
 <html>
 <head>
+    <meta charset="utf-8" /> 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="theme-color" content="#35A768">
     <title><?php echo $this->lang->line('page_not_found') . ' - ' . $company_name; ?></title>
-    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
     
     <?php
         // ------------------------------------------------------------
@@ -53,12 +56,16 @@
         // ------------------------------------------------------------ ?>
     <style>
         body {
+            width: 100vw;
+            height: 100vh;
+            display: table-cell;
+            vertical-align: middle;
             background-color: #CAEDF3;
         }
         
         #message-frame {
             width: 630px;
-            margin: 150px auto 0 auto;
+            margin: auto;
             background: #FFF;
             border: 1px solid #DDDADA;
             padding: 70px;
@@ -67,6 +74,18 @@
         .btn { 
             margin-right: 10px;
         }
+
+        @media(max-width: 640px) { 
+            #message-frame {
+                width: 100%;
+                padding: 20px;
+            }
+
+            .btn {
+                width: 100%;
+                margin-bottom: 20px;
+            }
+        }   
     </style>
 </head>
 <body>
diff --git a/src/application/views/user/forgot_password.php b/src/application/views/user/forgot_password.php
index 235b9358..e257ed0c 100644
--- a/src/application/views/user/forgot_password.php
+++ b/src/application/views/user/forgot_password.php
@@ -58,8 +58,7 @@
         @media(max-width: 640px) {
             #forgot-password-frame {
                 width: 100%;
-                
-                padding: 15px;
+                padding: 20px;
             }
         }
     </style>
diff --git a/src/application/views/user/login.php b/src/application/views/user/login.php
index 53154d7c..066dea8e 100644
--- a/src/application/views/user/login.php
+++ b/src/application/views/user/login.php
@@ -37,28 +37,25 @@
     
     <style>
         body {
+            width: 100vw;
+            height: 100vh;
+            display: table-cell;
+            vertical-align: middle;
             background-color: #CAEDF3;
         }
         
         #login-frame {
             width: 630px;
-            height: 80hv;
-            margin: 10vh auto 0 auto;
+            margin: auto;
             background: #FFF;
             border: 1px solid #DDDADA;
             padding: 70px;
         }
 
         @media(max-width: 640px) {
-            body {
-                width: 100%;
-            }   
-
             #login-frame {
                 width: 100%;
-                margin-top: 5vh;
-                height: 90vh;
-                padding: 25px;
+                padding: 20px;
             }
         }
     </style>
@@ -107,7 +104,9 @@
                         window.location.href = GlobalVariables.destUrl;
                     } else {
                         $('.alert').text(EALang['login_failed']);
-                        $('.alert').removeClass('hidden');
+                        $('.alert')
+                            .removeClass('hidden alert-danger alert-success')
+                            .addClass('alert-danger');
                     }
                 }, 'json');
             });
diff --git a/src/application/views/user/logout.php b/src/application/views/user/logout.php
index 79a5741c..c204151d 100644
--- a/src/application/views/user/logout.php
+++ b/src/application/views/user/logout.php
@@ -30,12 +30,16 @@
     
     <style>
         body {
+            width: 100vw;
+            height: 100vh;
+            display: table-cell;
+            vertical-align: middle;
             background-color: #CAEDF3;
         }
         
         #logout-frame {
             width: 630px;
-            margin: 150px auto 0 auto;
+            margin: auto;
             background: #FFF;
             border: 1px solid #DDDADA;
             padding: 70px;
@@ -45,16 +49,10 @@
             margin-right: 10px;
         }
 
-        @media(max-width: 640px) {
-            body {
-                width: 100%;
-            }   
-
+        @media(max-width: 640px) { 
             #logout-frame {
                 width: 100%;
-                margin-top: 5vh;
-                height: 90vh;
-                padding: 25px;
+                padding: 20px;
             }
 
             .btn {
diff --git a/src/application/views/user/no_privileges.php b/src/application/views/user/no_privileges.php
index f738c78a..66470009 100644
--- a/src/application/views/user/no_privileges.php
+++ b/src/application/views/user/no_privileges.php
@@ -1,9 +1,12 @@
 <!DOCTYPE html>
 <html>
 <head>
+    <meta charset="utf-8" /> 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="theme-color" content="#35A768">
     <title><?php echo $this->lang->line('no_privileges') . ' - ' . $company_name; ?></title>
-    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
-    
+        
     <?php // INCLUDE JS FILES ?>
     <script 
         type="text/javascript" 
@@ -26,29 +29,36 @@
     
     <style>
         body {
+            width: 100vw;
+            height: 100vh;
+            display: table-cell;
+            vertical-align: middle;
             background-color: #CAEDF3;
         }
         
         #no-priv-frame {
             width: 630px;
-            margin: 150px auto 0 auto;
+            margin: auto;
             background: #FFF;
             border: 1px solid #DDDADA;
             padding: 70px;
         }
         
-        #login-icon {
-            float: right;
-            margin-top: 17px;
-        }
-        
-        label {
-            font-weight: bold;
-        }
-        
         .btn {
             margin-right: 10px;
         }
+
+        @media(max-width: 640px) { 
+            #no-priv-frame {
+                width: 100%;
+                padding: 20px;
+            }
+
+            .btn {
+                width: 100%;
+                margin-bottom: 20px;
+            }
+        }  
     </style>
 </head>
 <body>
