diff --git a/core/static/css/base/material_guideline.css b/core/static/css/base/material_guideline.css
new file mode 100644
index 0000000..087271e
--- /dev/null
+++ b/core/static/css/base/material_guideline.css
@@ -0,0 +1,32 @@
+/*This .css file follows material design guidelines to implement it colors */
+/*Buttons Guideline*/
+.confirm-button{
+	background-color: #66BB6A !important;
+	color: #FFFFFF !important;
+}
+
+
+.cancel-button{
+	background-color: #FAFAFA;
+	color: #009988;
+}
+
+.info-card{
+	background-color: #26A69A;
+}
+
+/*BREADCRUMBS*/
+
+.last-item{
+	color: #BDBDBD;
+}
+
+/* Side Menu */
+
+.side-menu-item{
+	color: #26A69A;
+}
+
+.side-menu-item:hover{
+	color: #00695C;
+}
\ No newline at end of file
diff --git a/core/templates/base.html b/core/templates/base.html
index 7fb60aa..b54cc56 100644
--- a/core/templates/base.html
+++ b/core/templates/base.html
@@ -28,6 +28,8 @@
 	<link rel="stylesheet" type="text/css" href="{% static 'css/vendor/bootstrap-datepicker.standalone.css' %}">
 	<link rel="stylesheet" type="text/css" href="{% static 'css/vendor/alertifyjs/alertify.min.css' %}">
 	<link rel="stylesheet" type="text/css" href="{% static 'css/vendor/alertifyjs/themes/bootstrap.css' %}">
+  <link rel="stylesheet" type="text/css" href="{% static 'css/base/material_guideline.css' %}">
+
 	<script type="text/javascript" src="{% static 'bootstrap-3.3.7/js/bootstrap.js' %}"></script>
 	<script type="text/javascript" src="{% static 'js/vendor/bootstrap-acessibility.min.js' %}"></script>
 	<script type="text/javascript" src="{% static 'material/js/material.min.js' %}"></script>
--
libgit2 0.21.2