diff --git a/RELEASE_NOTES b/RELEASE_NOTES
index 023f6d0..6dd38be 100644
--- a/RELEASE_NOTES
+++ b/RELEASE_NOTES
@@ -1,3 +1,7 @@
+- Improvement: Updates 500 error page with js support form submission [#qubIT-Omnis-8481]
+- Improvement: Adds 403 and 404 error pages [#qubIT-Omnis-8252]
+- Improvement: Adds default userNotFound html [#qubIT-Omnis-8411]
+
 2.12.2 (05-11-2024)
 - Refactor: Replaces calls to helpdesk report controller with calls to default support request handler [#qubIT-Support-8445]
 
diff --git a/base-theme/src/main/resources/resources/ULisboaThemeResources_en.properties b/base-theme/src/main/resources/resources/ULisboaThemeResources_en.properties
index 9b5bb3d..4a06f71 100644
--- a/base-theme/src/main/resources/resources/ULisboaThemeResources_en.properties
+++ b/base-theme/src/main/resources/resources/ULisboaThemeResources_en.properties
@@ -35,4 +35,22 @@ label.orLoginWith=Or login with
 
 label.quality.mode=Quality Environment: All changes made will be lost on the next update
 label.development.mode=Development Environment
-label.database.last.tick=Data from: 
\ No newline at end of file
+label.database.last.tick=Data from: 
+
+label.error.backButtonCaption=Back to Homepage
+
+#Error 403 labels
+title.not.authorized = Unauthorized
+error.not.authorized = You are not authorized to view this information. 
+
+#Error 404 labels
+title.not.found = Resource Not Found
+error.not.found = Resource not found
+error.not.found.message = Please verify the URL and that you are allowed to view the selected content or try again later.
+
+#Error 500 labels
+label.error.occurred=An error occured
+label.error.occurred.detail=An unexpected error occured. We're sorry for the inconvenience. Please try again later.
+label.error.500.successSupportSubmition=Report sent successfully!
+label.error.500.errorSupportSubmition=Report submition failed, please try again.
+label.error.500.reportError=Send us the error
\ No newline at end of file
diff --git a/base-theme/src/main/resources/resources/ULisboaThemeResources_pt.properties b/base-theme/src/main/resources/resources/ULisboaThemeResources_pt.properties
index 45c599a..e00a76e 100644
--- a/base-theme/src/main/resources/resources/ULisboaThemeResources_pt.properties
+++ b/base-theme/src/main/resources/resources/ULisboaThemeResources_pt.properties
@@ -1,13 +1,13 @@
 link.helpdeskReport = Apoio Fenix (Formulário)
 label.helpdesk.form = Formulário de Suporte
-label.helpdesk.form.welcome = Este formulário serve para contactar o suporte técnico do sistema. Utilize-o se detectou um erro, tem uma sugestão/pedido ou uma dúvida de utilização.
+label.helpdesk.form.welcome = Este formulário serve para contactar o suporte técnico do sistema. Utilize-o se detectou um erro, tem uma sugestão/pedido ou uma dívida de utilização.
 label.helpdesk.report.subject = Assunto
 label.helpdesk.report.description = Descrição
 label.helpdesk.report.description.tooltip = Seja o mais detalhado possível na descrição do problema. Se está a reportar um erro indique os passos necessários para o reproduzir, o resultado esperado e o resultado ocorrido.
 label.helpdesk.report.type = Tipo
 label.helpdesk.report.type.error = Erro
 label.helpdesk.report.type.request = Pedido
-label.helpdesk.report.type.question =  Dúvida
+label.helpdesk.report.type.question =  Dívida
 label.helpdesk.report.attachment = Anexo
 label.helpdesk.report.attachment.file.too.large = O tamanho do anexo carregado excede o tamanho máximo (5MB)!
 label.helpdesk.report.attachment.tooltip = De forma a ajudar a equipa de suporte a entender de forma mais precisa a situação reportada, anexe um ficheiro (com o máximo de 5 MB) que ilustre o problema identificado.
@@ -36,3 +36,21 @@ label.orLoginWith=Ou fazer login com
 label.quality.mode=Ambiente de Qualidade: As alterações realizadas serão perdidas na próxima actualização
 label.development.mode=Ambiente de Desenvolvimento
 label.database.last.tick=Dados de: 
+
+label.error.backButtonCaption=Voltar à página inicial
+
+#Error 403 labels
+title.not.authorized = Não autorizado
+error.not.authorized = Não tem autorização para visualizar esta informação.
+
+#Error 404 labels
+title.not.found = Recurso Não Encontrado
+error.not.found = O recurso que procura não foi encontrado
+error.not.found.message = Por favor verifique que o URL está correcto e que tem permissão para aceder ao conteúdo, ou tente mais tarde.
+
+#Error 500 labels
+label.error.occurred=Ocorreu um erro
+label.error.occurred.detail=Aconteceu um erro inesperado. Lamentos qualquer inconveniente causado. Por favor, tente mais tarde.
+label.error.500.successSupportSubmition=Pedido submetido com sucesso!
+label.error.500.errorSupportSubmition=Pedido não enviado, por favor tente novamente.
+label.error.500.reportError=Envie-nos o erro
\ No newline at end of file
diff --git a/base-theme/src/main/webapp/themes/ulisboa/403.html b/base-theme/src/main/webapp/themes/ulisboa/403.html
new file mode 100644
index 0000000..f384e7f
--- /dev/null
+++ b/base-theme/src/main/webapp/themes/ulisboa/403.html
@@ -0,0 +1,98 @@
+<!--
+
+    Copyright © 2002 Instituto Superior Técnico
+
+    This file is part of FenixEdu Academic.
+
+    FenixEdu Academic is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Lesser General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    FenixEdu Academic is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Lesser General Public License for more details.
+
+    You should have received a copy of the GNU Lesser General Public License
+    along with FenixEdu Academic.  If not, see <http://www.gnu.org/licenses/>.
+
+-->
+
+<!DOCTYPE html>
+
+<head>
+	<title>
+		{{i18n('resources.ULisboaThemeResources', 'title.not.authorized')}}
+	</title>
+	<link href="{{contextPath}}/bennu-core/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<style>
+		body {
+			font: 16px 'Roboto', sans-serif;
+			font-weight:100;
+			color: #617383;
+			background-color: #F1F1F1;
+		}
+		.container {
+			margin: 60px auto 0 auto;
+			max-width: 700px;
+			background-color: white;
+			padding: 30px;
+			border-radius: 7px;
+		}
+		.content { margin-top: 25px; }
+		@media (max-width: 767px) {
+			.title > * {
+				text-align: center !important;
+			}
+			img {
+				padding-bottom: 5px;
+			}
+		}
+		.title {
+			border-bottom: 1px solid #eee;
+			font-size: 22px;
+			padding-bottom: 15px;
+		}
+	</style>
+</head>
+
+<body>
+	<div class="container">
+		<div class="title row">
+			<div class="col-sm-6 text-right col-sm-push-6">
+				{% if logoResource != null %}
+					<img src="{{contextPath}}/portalImage?resourceId={{ logoResource.externalId }}"/>
+				{% else %}
+					<img src="{{contextPath}}/api/bennu-portal/configuration/logo"/>
+				{% endif %}
+			</div>
+			<div class="col-sm-6 col-sm-pull-6">
+				 {{i18n('resources.ULisboaThemeResources', 'title.not.authorized')}}
+			</div>
+		</div>
+		<div class="content">
+			<p>{{i18n('resources.ULisboaThemeResources', 'error.not.authorized')}}</p>
+            <br />
+			{% if currentUser is empty %}
+				<p><a id="goToLogin" href="{{fullLoginPath}}">Login</a></p>
+                 <script>
+                         var link = document.getElementById("goToLogin");
+                         var href = link.href;
+                         var callback = window.location.href;
+                         if (callback != null) {
+                           callback = callback.split("#")[0];
+                           link.href= href + "?callback=" + callback;
+                         }else {
+                           link.href = href;
+                         }
+
+                 </script>
+            {% else %}
+            <p><a href="{% if contexPath is empty %}/{% else %}{{contextPath}}{% endif %}">{{i18n('resources.ULisboaThemeResources', 'label.error.backButtonCaption')}}</a></p>
+            {% endif %}
+		</div>
+	</div>
+</body>
diff --git a/base-theme/src/main/webapp/themes/ulisboa/404.html b/base-theme/src/main/webapp/themes/ulisboa/404.html
new file mode 100644
index 0000000..ca68b3c
--- /dev/null
+++ b/base-theme/src/main/webapp/themes/ulisboa/404.html
@@ -0,0 +1,97 @@
+<!-- 
+
+    Copyright © 2002 Instituto Superior Técnico
+
+    This file is part of FenixEdu Academic.
+
+    FenixEdu Academic is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Lesser General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    FenixEdu Academic is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Lesser General Public License for more details.
+
+    You should have received a copy of the GNU Lesser General Public License
+    along with FenixEdu Academic.  If not, see <http://www.gnu.org/licenses/>.
+
+ -->
+
+<!DOCTYPE html>
+
+<head>
+    <title>
+        {{i18n('resources.ULisboaThemeResources', 'title.not.found')}}
+    </title>
+    <link href="{{contextPath}}/bennu-core/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <style>
+        body {
+            font: 16px 'Roboto', sans-serif;
+            font-weight:100;
+            color: #617383;
+            background-color: #F1F1F1;
+        }
+        .container {
+            margin: 60px auto 0 auto;
+            max-width: 700px;
+            background-color: white;
+            padding: 30px;
+            border-radius: 7px;
+        }
+        .content { margin-top: 25px; }
+        @media (max-width: 767px) {
+            .title > * {
+                text-align: center !important;
+            }
+            img {
+                padding-bottom: 5px;
+            }
+        }
+        .title {
+            border-bottom: 1px solid #eee;
+            font-size: 22px;
+            padding-bottom: 15px;
+        }
+    </style>
+</head>
+
+<body>
+    <div class="container">
+        <div class="title row">
+            <div class="col-sm-6 text-right col-sm-push-6">
+                {% if logoResource != null %}
+                <img src="{{contextPath}}/portalImage?resourceId={{ logoResource.externalId }}"/>
+                {% else %}
+                <img src="{{contextPath}}/api/bennu-portal/configuration/logo"/>
+                {% endif %}
+            </div>
+            <div class="col-sm-6 col-sm-pull-6">
+                {{i18n('resources.ULisboaThemeResources', 'error.not.found')}}
+            </div>
+        </div>
+        <div class="content">
+            <p>{{i18n('resources.ULisboaThemeResources', 'error.not.found.message')}}</p>
+            <br/>
+            {% if currentUser is empty %}
+            <p><a id="goToLogin" href="{{fullLoginPath}}">Login</a></p>
+            <script>
+                var link = document.getElementById("goToLogin");
+                var href = link.href;
+                var callback = window.location.href;
+                if (callback != null) {
+                    callback = callback.split("#")[0];
+                    link.href= href + "?callback=" + callback;
+                }else {
+                    link.href = href;
+                }
+            </script>
+            {% else %}
+            <p><a href="{% if contexPath is empty %}/{% else %}{{contextPath}}{% endif %}">{{i18n('resources.ULisboaThemeResources', 'label.error.backButtonCaption')}}</a></p>
+            {% endif %}
+        </div>
+    </div>
+</body>
diff --git a/base-theme/src/main/webapp/themes/ulisboa/500.html b/base-theme/src/main/webapp/themes/ulisboa/500.html
index 55d5b50..250d093 100644
--- a/base-theme/src/main/webapp/themes/ulisboa/500.html
+++ b/base-theme/src/main/webapp/themes/ulisboa/500.html
@@ -1,162 +1,272 @@
-<html ng-app="errorPageApp">
-	<head>
-		<title>{{i18n('resources.BennuPortalResources', 'label.error.occurred')}} · {{config.applicationTitle.content}}</title>
-		<meta charset="utf-8">
-		<link rel="stylesheet" type="text/css" media="screen" href="{{contextPath}}/themes/{{school-theme}}/css/general.css">
-    	<link href="{{contextPath}}/themes/{{school-theme}}/css/style.css" rel="stylesheet">
-		<script src="{{contextPath}}/bennu-portal/js/angular.min.js"></script>
-	</head>
-	<body ng-controller="ErrorCtrl">
-		<div class="container">
-			<div class="title">
-				<img style="width:200px;" src="{{contextPath}}/api/bennu-portal/configuration/logo" />
-				<span class="right">
+{% if config.fenixeduPortalConfiguration.supportActive and config.fenixeduPortalConfiguration.supportAccessibleToCurrentUser %}
+
+<html>
+<head>
+	<title>{{i18n('resources.BennuPortalResources', 'label.error.occurred')}} · {{config.applicationTitle.content}}</title>
+	<meta charset="utf-8">
+	<link rel="stylesheet" type="text/css" media="screen" href="{{contextPath}}/themes/{{school-theme}}/css/general.css">
+	<link href="{{contextPath}}/themes/{{school-theme}}/css/style.css" rel="stylesheet">
+
+	<!-- page plugins css -->
+
+	<link rel="stylesheet" type="text/css"
+		  href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css" />
+	<!-- core css -->
+	<link href="{{contextPath}}/themes/{{school-theme}}/assets/scss/app.scss" rel="stylesheet">
+
+	<script src="{{contextPath}}/bennu-portal/js/jquery.min.js"></script>
+	<script
+			src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
+	<script type="text/javascript">
+		toastr.options = {
+              "closeButton": false,
+              "debug": false,
+              "newestOnTop": false,
+              "progressBar": false,
+              "positionClass": "toast-top-center",
+              "preventDuplicates": true,
+              "onclick": null,
+              "showDuration": "1",
+              "hideDuration": "1000",
+              "timeOut": "10000",
+              "extendedTimeOut": "1000",
+              "showEasing": "swing",
+              "hideEasing": "linear",
+              "showMethod": "fadeIn",
+              "hideMethod": "fadeOut"
+        }
+	</script>
+</head>
+<body >
+<div class="container">
+	<div class="title">
+		{% if logoResource != null %}
+		<img src="{{contextPath}}/portalImage?resourceId={{ logoResource.externalId }}"/>
+		{% else %}
+		<img src="{{contextPath}}/api/bennu-portal/configuration/logo"/>
+		{% endif %}
+		<span class="right">
 					{{i18n('resources.BennuPortalResources', 'label.error.occurred')}}
-				</span>
+		</span>
+	</div>
+	<div class="content">
+		<p style="text-align: center;">
+			{{i18n('resources.ULisboaThemeResources', 'label.error.page.welcome')}}
+		</p>
+		<form id = "supportForm" class="form-horizontal" method="POST" action="{{contextPath}}/{{ supportConfig.localServerPostURL }}">
+			{%  for formField in  formFields %}
+			{% if formField.hidden %}
+			<input type="hidden" placeholder="{{formField.label}}"
+				   autocomplete="off" name="{{formField.name}}"
+				   id="{{formField.name}}" value="{{ formField.value }}">
+			{% elseif formField.textArea %}
+			<div class="form-group">
+				<label for="{{ formField.name }}">{{ formField.label }}</label>
+				<div class="form-input">
+					<textarea class="form-control" autocomplete="off"
+							  name="{{ formField.name }}" id="{{ formField.name }}">{{ formField.value }}</textarea>
+				</div>
 			</div>
-			<div class="content" ng-show="!success">
-				<p>
-					{{i18n('resources.ULisboaThemeResources', 'label.error.page.welcome')}}
-				</p>
-
-				<form class="form-horizontal" ng-submit="sendForm()">
-					<input type="hidden" id="exceptionInfo" value="
-*** Error Message ***
-{{exception.localizedMessage}}
-*** Request Info ***
-User         | {{loggedUser.username}}
-Request URI  | {{request.requestURI}}
-Request URL  | {{request.requestURL}}
-Query String | {{request.queryString}}
-Method       | {{request.method}}
-Locale       | {{locale}}
-*** Request Parameters ***
-{% for entry in parameters %}
-[{{entry.key}}] {{entry.value}}
-{% endfor %}
-*** Request Attributes ***
-{% for entry in attributes %}
-[{{entry.key}}] {{entry.value}}
-{% endfor %}
-*** Stacktrace ***
-{{stackTrace}}
-" />
-					<div class="form-group">
-						<label for="email" class="col-sm-2 control-label">{{i18n('resources.ULisboaThemeResources', 'label.error.page.email')}}</label>
-						<div class="form-input">
-							{% if loggedUser is null %}
-								<input type="email" class="form-control" ng-model="data.email" id="email" required />
-							{% else %}
-								<input type="email" class="form-control" ng-model="data.email" id="email" readonly ng-init="data.email = '{{loggedUser.email}}'" />
-							{% endif %}
-						</div>
-					</div>
-					<div class="form-group">
-						<label for="subject" class="col-sm-2 control-label">{{i18n('resources.ULisboaThemeResources', 'label.helpdesk.report.subject')}}</label>
-						<div class="form-input">
-							<input type="text" class="form-control" ng-model="data.subject" id="subject" required />
-						</div>
-					</div>
-					<div class="form-group">
-						<label for="description" class="col-sm-2 control-label">{{i18n('resources.ULisboaThemeResources', 'label.helpdesk.report.description')}}</label>
-						<div class="form-input">
-							<textarea class="form-control" ng-model="data.description" id="description" rows="5" required></textarea>
-							<small>{{i18n('resources.ULisboaThemeResources', 'label.error.page.help')}}</small>
-						</div>
-					</div>
-					<input type="submit" class="btn btn-primary" value="{{i18n('resources.ULisboaThemeResources', 'label.helpdesk.report.submit')}}" ng-if="!sending">
-					<input type="submit" class="btn btn-primary" disabled value="{{i18n('resources.ULisboaThemeResources', 'label.helpdesk.report.error.submitting')}}..." ng-if="sending">
-				</form>
+			{% elseif formField.options is not empty %}
+			<div class="form-group">
+				<label for="{{formField.name}}">{{ formField.label }}</label>
+				<div class="form-input">
+					<select
+						class="form-control" autocomplete="off" name="{{formField.name}}"
+						id="{{ formField.name }}"">
+					{% for entry in formField.options %}
+						<option value="{{  entry.value }}">{{  entry.key }}</option>
+					{% endfor %}
+					</select>
+				</div>
 			</div>
-			<div class="success" ng-if="success">
-				<h3>{{i18n('resources.ULisboaThemeResources', 'label.helpdesk.report.submitted')}}</h3>
-				{{i18n('resources.ULisboaThemeResources', 'label.helpdesk.report.submitted.body')}} <a href="mailto:{{config.supportEmailAddress}}">{{config.supportEmailAddress}}</a>.
+			{% else %}
+			<div class="form-group">
+				<label for="{{formField.name}}">{{ formField.label }}</label>
+				<div class="form-input">
+					<input
+						class="form-control" autocomplete="off" name="{{formField.name}}"
+						id="{{ formField.name }}" value="{{ formField.value }}">
+				</div>
 			</div>
-		</div>
-	</body>
+			{% endif %}
+			{% endfor %}
+		</form>
+			<div class = "options-row">
+				<a href="{{ contextPath }}" class="btn btn-default"> {{i18n('resources.ULisboaThemeResources', 'label.error.backButtonCaption')}}</a>
+				<input type="submit" class="btn btn-primary" value="{{i18n('resources.ULisboaThemeResources', 'label.helpdesk.report.submit')}}" id="submitSupportForm">
+			</div>
+			<script type="text/javascript">
+				$("#submitSupportForm").click(function() {
+					$.ajax({
+						url : "{{contextPath}}/{{supportConfig.localServerPostURL}}",
+						type: "POST",
+						  contentType: "application/json",
+						data : JSON.stringify({
+							{%  for formField in  formFields %}
+							{% if loop.index > 0 %},{% endif %}
+							{{ formField.name}} : $("#{{formField.name}}").val()
+							{% endfor %}
+						})
+					}).done(function() {
+							$("#supportForm").find("input:visible").each(function() { $(this).val(""); });
+							$("#supportForm").find("textarea:visible").each(function() { $(this).val(""); });
+							toastr["success"]("{{ i18n('resources.ULisboaThemeResources', 'label.error.500.successSupportSubmition') }}");
+						})
+						.fail(function() {
+							toastr["error"]("{{ i18n('resources.ULisboaThemeResources', 'label.error.500.errorSupportSubmition') }}");
+						});
+				});
+			</script>
+	</div>
+</div>
+</body>
+
+<style>
+	body {
+        font: 15px 'Roboto', sans-serif;
+        background-color: #F1F1F1;
+        font-weight:100;
+        color: #617383;
+    }
+    .container {
+        margin: 120px auto 0 auto;
+        width: 800px;
+        background-color: white;
+        padding: 20px;
+        -moz-border-radius: 2px;
+        -webkit-border-radius: 2px;
+        border-radius: 5px;
+    }
+    .content {
+        margin: 20px auto 20px auto;
+    }
+    .right {
+        float: right;
+    }
+    .title {
+        border-bottom: 1px solid #eee;
+        padding-bottom: 15px;
+        font-size: 25px;
+    }
+    label {
+        width: 18%;
+        float: left;
+        text-align: right;
+        position: relative;
+        padding-right: 10px;
+        padding-top: 10px;
+    }
+    .form-control {
+        margin-bottom: 15px;
+    }
+    .form-input {
+        width: 75%;
+        float: left;
+        position: relative;
+    }
+    small {
+        color: #999;
+    }
+    .form-input input, .form-input textarea, .form-input select {
+        display: block;
+        width: 100%;
+        max-width: 100%;
+        padding: 6px 12px;
+        font-size: 12px;
+        line-height: 1.42857143;
+        border: 1px solid #ccc;
+        border-radius: 4px;
+        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
+        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
+    }
+    .success {
+        text-align: center;
+    }
+	.options-row {
+		display: flex;
+		justify-content: space-around;
+	}
+</style>
+</html>
+
+{% else %}
+
+<html>
 
+<head>
+	<title>
+		{{i18n('resources.ULisboaThemeResources', 'label.error.occurred')}}
+	</title>
+	<link href="{{contextPath}}/bennu-core/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<style>
 		body {
-			font: 15px 'Roboto', sans-serif;
-			background-color: #F1F1F1;
+			font: 16px 'Roboto', sans-serif;
 			font-weight:100;
 			color: #617383;
+			background-color: #F1F1F1;
 		}
 		.container {
-			margin: 120px auto 0 auto;
-			width: 800px;
+			margin: 60px auto 0 auto;
+			max-width: 700px;
 			background-color: white;
-			padding: 20px;
-			-moz-border-radius: 2px;
-			-webkit-border-radius: 2px;
-			border-radius: 5px;
-		}
-		.content {
-			margin: 20px auto 20px auto;
+			padding: 30px;
+			border-radius: 7px;
 		}
-		.right {
-			float: right;
+		.content { margin-top: 25px; }
+		@media (max-width: 767px) {
+			.title > * {
+				text-align: center !important;
+			}
+			img {
+				padding-bottom: 5px;
+			}
 		}
 		.title {
 			border-bottom: 1px solid #eee;
+			font-size: 22px;
 			padding-bottom: 15px;
-			font-size: 25px;
-		}
-		label {
-			width: 18%;
-			float: left;
-			text-align: right;
-			position: relative;
-			padding-right: 10px;
-			padding-top: 10px;
-		}
-		.form-control {
-			margin-bottom: 15px;
-		}
-		.form-input {
-			width: 75%;
-			float: left;
-			position: relative;
-		}
-		small {
-			color: #999;
-		}
-		input[type=submit] {
-			margin-left: 19%;
-			margin-top: 15px;
-		}
-		.form-input input, .form-input textarea {
-			display: block;
-			width: 100%;
-			max-width: 100%;
-			padding: 6px 12px;
-			font-size: 12px;
-			line-height: 1.42857143;
-			border: 1px solid #ccc;
-			border-radius: 4px;
-			-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-			box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-		}
-		.success {
-			text-align: center;
 		}
 	</style>
+</head>
 
-	<script>
-		angular.module('errorPageApp', []).controller('ErrorCtrl', ['$scope', '$http', function($scope, $http) {
-			$scope.data = {}; $scope.success = false; $scope.sending = false; $scope.data.userAgent = "{{userAgent}}"; $scope.data.referer = "{{referer}}";
-			$scope.data.functionality = '{{functionality.externalId}}'; $scope.data.exceptionInfo = document.getElementById('exceptionInfo').value;
-			$scope.data.exceptionFullQualifiedName='{{exceptionFullQualifiedName}}';
-			$scope.data.offendingClass='{{offendingClass}}';
-			$scope.data.offendingMethod='{{offendingMethod}}';
-			$scope.data.offendingLine='{{offendingLine}}';
-			$scope.data.exceptionMessage='{{exceptionMessage}}';
-			$scope.sendForm = function() {
-				$scope.sending = true;
-				$http.post('{{contextPath}}/api/defaultSupportRequest', $scope.data).then(function () {
-					$scope.success = true;
-				});
-			}
-		}]);
-	</script>
-</html>
\ No newline at end of file
+<body>
+<div class="container">
+	<div class="title row">
+		<div class="col-sm-6 text-right col-sm-push-6">
+			{% if logoResource != null %}
+			<img src="{{contextPath}}/portalImage?resourceId={{ logoResource.externalId }}"/>
+			{% else %}
+			<img src="{{contextPath}}/api/bennu-portal/configuration/logo"/>
+			{% endif %}
+		</div>
+		<div class="col-sm-6 col-sm-pull-6">
+			{{i18n('resources.ULisboaThemeResources', 'label.error.occurred')}}
+		</div>
+	</div>
+	<div class="content">
+		<p>{{i18n('resources.ULisboaThemeResources', 'label.error.occurred.detail')}}</p>
+		{% if currentUser is null %}
+		<br />
+		<p><a id="goToLogin" href="{{fullLoginPath}}">Login</a></p>
+		<script>
+			var link = document.getElementById("goToLogin");
+            var href = link.href;
+            var callback = window.location.href;
+            if (callback != null) {
+              callback = callback.split("#")[0];
+              link.href= href + "?callback=" + callback;
+            } else {
+              link.href = href;
+            }
+		</script>
+		{% endif %}
+	</div>
+</div>
+</body>
+
+</html>
+{% endif %}