Bladeren bron

cambios en los templates de correos electrónicos

oscarleiva 5 jaren geleden
bovenliggende
commit
0100aa7436

File diff suppressed because it is too large
+ 492 - 309
emails/package-lock.json


+ 6 - 3
emails/package.json

@@ -18,11 +18,14 @@
     "grunt-premailer": "^1.1.0",
     "grunt-processhtml": "^0.4.2",
     "grunt-text-replace": "^0.3.12",
-    "grunt-uncss": "^0.3.7",
+    "grunt-uncss": "^0.9.1",
     "load-grunt-config": "^0.14.0"
   },
   "dependencies": {
-    "grunt-assemble": "^0.4.0",
-    "grunt-contrib-clean": "^0.6.0"
+    "grunt-assemble": "^0.6.3",
+    "grunt-contrib-clean": "^0.6.0",
+    "tiny-lr-fork": "0.0.5",
+    "uncss": "^0.17.3",
+    "verbalize": "^0.2.0"
   }
 }

+ 215 - 151
emails/templates/layouts/default.html

@@ -1,161 +1,225 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
+
 <head>
-	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-	<meta name="viewport" content="width=device-width"/>
-	<!-- build:css css/tidy.css -->
-	<link inline rel="stylesheet" href="../assets/css/ink.css">
-	<link inline rel="stylesheet" href="../assets/css/style.css">
-	<!-- /build -->
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <meta name="viewport" content="width=device-width" />
+  <!-- build:css css/tidy.css -->
+  <link inline rel="stylesheet" href="../assets/css/ink.css">
+  <link inline rel="stylesheet" href="../assets/css/style.css">
+  <!-- /build -->
 </head>
-<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" class="main" style="background: #2e2e2e; height: 100% !important; margin: 0 auto; padding: 0; width: 100% !important" bgcolor="#2e2e2e"><style type="text/css">
-body {
-	height: 100% !important; width: 100% !important;
-}
-body .copy {
-   -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
-}
-.ExternalClass {
-	width: 100%;
-}
-.ExternalClass {
-	line-height: 100%;
-}
-img {
-    -ms-interpolation-mode: bicubic;
-}
-img {
-	border: 0 !important; outline: none !important; text-decoration: none !important;
-}
-a:hover {
-	text-decoration: underline;
-}
-td[class="stack-column-center"] {
-    text-align: center !important;
-}
-@media (max-width: 600px) {
-  table[class="email-container"] {
-    width: 95% !important;
-  }
-  img[class="fluid"] {
-    width: 100% !important; max-width: 100% !important; height: auto !important; margin: auto !important;
-  }
-  img[class="fluid-centered"] {
-    width: 100% !important; max-width: 100% !important; height: auto !important; margin: auto !important;
-  }
-  img[class="fluid-centered"] {
-    margin: auto !important;
-  }
-  td[class="comms-content"] {
-    padding: 20px !important;
-  }
-  td[class="stack-column"] {
-    display: block !important; width: 100% !important; direction: ltr !important;
-  }
-  td[class="stack-column-center"] {
-    display: block !important; width: 100% !important; direction: ltr !important;
-  }
-  td[class="stack-column-center"] {
-    text-align: center !important;
-  }
-  td[class="copy"] {
-    font-size: 14px !important; line-height: 24px !important; padding: 0 30px !important;
-  }
-  td[class="copy -center"] {
-    font-size: 14px !important; line-height: 24px !important; padding: 0 30px !important;
-  }
-  td[class="copy -bold"] {
-    font-size: 14px !important; line-height: 24px !important; padding: 0 30px !important;
-  }
-  td[class="small-text"] {
-    font-size: 14px !important; line-height: 24px !important; padding: 0 30px !important;
-  }
-  td[class="mini-centered-text"] {
-    font-size: 14px !important; line-height: 24px !important; padding: 15px 30px !important;
-  }
-  td[class="copy -padd"] {
-    padding: 0 40px !important;
-  }
-  span[class="sep"] {
-    display: none !important;
-  }
-  td[class="mb-hide"] {
-    display: none !important; height: 0 !important;
-  }
-  td[class="spacer mb-shorten"] {
-    height: 25px !important;
-  }
-  .two-up td {
-  	width:270px;
-  }
-}
-</style>
-
-	<table class="body" style="background: #2e2e2e;">
-		<tr>
-			<td class="center" align="center" valign="top">
+
+<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" class="main"
+  style="background: #2e2e2e; height: 100% !important; margin: 0 auto; padding: 0; width: 100% !important"
+  bgcolor="#2e2e2e">
+  <style type="text/css">
+    body {
+      height: 100% !important;
+      width: 100% !important;
+    }
+
+    body .copy {
+      -ms-text-size-adjust: 100%;
+      -webkit-text-size-adjust: 100%;
+    }
+
+    .ExternalClass {
+      width: 100%;
+    }
+
+    .ExternalClass {
+      line-height: 100%;
+    }
+
+    img {
+      -ms-interpolation-mode: bicubic;
+    }
+
+    img {
+      border: 0 !important;
+      outline: none !important;
+      text-decoration: none !important;
+    }
+
+    a:hover {
+      text-decoration: underline;
+    }
+
+    td[class="stack-column-center"] {
+      text-align: center !important;
+    }
+
+    @media (max-width: 600px) {
+      table[class="email-container"] {
+        width: 95% !important;
+      }
+
+      img[class="fluid"] {
+        width: 100% !important;
+        max-width: 100% !important;
+        height: auto !important;
+        margin: auto !important;
+      }
+
+      img[class="fluid-centered"] {
+        width: 100% !important;
+        max-width: 100% !important;
+        height: auto !important;
+        margin: auto !important;
+      }
+
+      img[class="fluid-centered"] {
+        margin: auto !important;
+      }
+
+      td[class="comms-content"] {
+        padding: 20px !important;
+      }
+
+      td[class="stack-column"] {
+        display: block !important;
+        width: 100% !important;
+        direction: ltr !important;
+      }
+
+      td[class="stack-column-center"] {
+        display: block !important;
+        width: 100% !important;
+        direction: ltr !important;
+      }
+
+      td[class="stack-column-center"] {
+        text-align: center !important;
+      }
+
+      td[class="copy"] {
+        font-size: 14px !important;
+        line-height: 24px !important;
+        padding: 0 30px !important;
+      }
+
+      td[class="copy -center"] {
+        font-size: 14px !important;
+        line-height: 24px !important;
+        padding: 0 30px !important;
+      }
+
+      td[class="copy -bold"] {
+        font-size: 14px !important;
+        line-height: 24px !important;
+        padding: 0 30px !important;
+      }
+
+      td[class="small-text"] {
+        font-size: 14px !important;
+        line-height: 24px !important;
+        padding: 0 30px !important;
+      }
+
+      td[class="mini-centered-text"] {
+        font-size: 14px !important;
+        line-height: 24px !important;
+        padding: 15px 30px !important;
+      }
+
+      td[class="copy -padd"] {
+        padding: 0 40px !important;
+      }
+
+      span[class="sep"] {
+        display: none !important;
+      }
+
+      td[class="mb-hide"] {
+        display: none !important;
+        height: 0 !important;
+      }
+
+      td[class="spacer mb-shorten"] {
+        height: 25px !important;
+      }
+
+      .two-up td {
+        width: 270px;
+      }
+    }
+
+  </style>
+
+  <table class="body" style="background: #2e2e2e;">
+    <tr>
+      <td class="center" align="center" valign="top">
         <center>
-					<table class="row header">
-						<tr>
-						  <td class="center" align="center">
-						    <center>
-
-						      <table class="container">
-						        <tr>
-						          <td class="wrapper last">
-
-						            <table class="twelve columns">
-						              <tr>
-						                <td class="twelve sub-columns center">
-											<img class="logo" src="https://www.mercadoselectricos.com.sv/energylink_typelogo-2/" style="width: 200px; float: none; display: inline">
+          <table class="row header">
+            <tr>
+              <td class="center" align="center">
+                <center>
+
+                  <table class="container">
+                    <tr>
+                      <td class="wrapper last">
+
+                        <table class="twelve columns">
+                          <tr>
+                            <td class="twelve sub-columns center">
+                              <img class="logo"
+                                src="https://www.mercadoselectricos.com.sv/wp-content/uploads/2020/05/Energylink_Transparente.png"
+                                style="width: 200px; float: none; display: inline">
                             </td>
                             <td class="expander"></td>
                           </tr>
-						            </table>
-
-						          </td>
-						        </tr>
-						      </table>
-
-						    </center>
-						  </td>
-						</tr>
-					</table>
-
-					<table class="container" style="background-color: #efefef;" width="600">
-						<tr>
-							<td height="2" class="spacer mb-shorten" style="font-size: 0; line-height: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt; vertical-align: top; border: 0; background: linear-gradient(to right, #ffed00 0%, #f26529 75%); height: 2px !important" valign="top"> </td>
-						</tr>
-						<tr>
-							<td class="mini-centered-text" style="color: #343b41; font: 400 16px/27px 'Helvetica Neue', Helvetica, Arial, sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding: 25px 35px; text-align: center; vertical-align: top" align="center" valign="top">
-								{{> body }}
-								<!-- container end below -->
-							</td>
-						</tr>
-					</table>
-					<!-- footer -->
-					<table class="footer center">
-						<tr>
-							<td class="wrapper last">
-								<table class="twelve columns center">
-									<tr>
-										<td class="twelve" align="center">
-											<center>
-												<p style="text-align: center; font-size: 12px; color: #999999;">
-													Sent by <a href="[[.MEHomePage]]">Mercados Eléctricos de Centroamérica<!--Grafana v[[.BuildVersion]]--></a>
-													<br />&copy; 2019 EnergyLink
-												</p>
-											</center>
-										</td>
-										<td class="expander"></td>
-									</tr>
-								</table>
-							</td>
-						</tr>
-					</table>
-				</center>
-			</td>
-		</tr>
-	</table>
+                        </table>
+
+                      </td>
+                    </tr>
+                  </table>
+
+                </center>
+              </td>
+            </tr>
+          </table>
+
+          <table class="container" style="background-color: #efefef;" width="600">
+            <tr>
+              <td height="2" class="spacer mb-shorten"
+                style="font-size: 0; line-height: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt; vertical-align: top; border: 0; background: linear-gradient(to right, #ffed00 0%, #f26529 75%); height: 2px !important"
+                valign="top"> </td>
+            </tr>
+            <tr>
+              <td class="mini-centered-text"
+                style="color: #343b41; font: 400 16px/27px 'Helvetica Neue', Helvetica, Arial, sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding: 25px 35px; text-align: center; vertical-align: top"
+                align="center" valign="top">
+                {{> body }}
+                <!-- container end below -->
+              </td>
+            </tr>
+          </table>
+          <!-- footer -->
+          <table class="footer center">
+            <tr>
+              <td class="wrapper last">
+                <table class="twelve columns center">
+                  <tr>
+                    <td class="twelve" align="center">
+                      <center>
+                        <p style="text-align: center; font-size: 12px; color: #999999;">
+                          Sent by <a href="[[.MEHomePage]]">Mercados Eléctricos de Centroamérica
+                            <!--Grafana v[[.BuildVersion]]--></a>
+                          <br />&copy; 2020 EnergyLink
+                        </p>
+                      </center>
+                    </td>
+                    <td class="expander"></td>
+                  </tr>
+                </table>
+              </td>
+            </tr>
+          </table>
+        </center>
+      </td>
+    </tr>
+  </table>
 </body>
+
 </html>

+ 44 - 40
emails/templates/new_user_invite.html

@@ -1,49 +1,53 @@
 <!-- This email is sent when user who does not already exist in Grafana is added to an organization -->
 
-[[Subject .Subject "[[.InvitedBy]] has invited you to join EnergyLink"]]
+<!-- [[Subject .Subject "[[.InvitedBy]] has invited you to join EnergyLink"]] -->
+[[Subject .Subject "Te invitamos a unirte a EnergyLink"]]
 
 <table class="row">
-	<tr>
-		<td class="wrapper last">
+  <tr>
+    <td class="wrapper last">
 
-			<table class="twelve columns">
-				<tr>
-					<td>
-						<h4 class="center">You're invited to join [[.OrgName]]</h4>
-					</td>
-					<td class="expander"></td>
-				</tr>
-			</table>
+      <table class="twelve columns">
+        <tr>
+          <td>
+            <h4 class="center">Únete a nuestra plataforma EnergyLink</h4>
+          </td>
+          <td class="expander"></td>
+        </tr>
+      </table>
 
-		</td>
-	</tr>
+    </td>
+  </tr>
 </table>
 
 <table class="row">
-	<tr>
-		<td class="wrapper last">
-			<table class="twelve columns">
-				<tr>
-					<td class="center">
-						<p>You've been invited to join the <b>[[.OrgName]]</b> organization by <b>[[.InvitedBy]]</b>. To accept your invitation and join the team, please click the link below:</p>
-					</td>
-				</tr>
-				<tr>				
-					<td class="center">
-	                    <table class="better-button" align="center" border="0" cellspacing="0" cellpadding="0">
-	                    	<tr>
-	                          <td align="center" class="better-button" bgcolor="#FCB122"><a href="[[.LinkUrl]]" target="_blank">Accept Invitation</a></td>
-	                        </tr>
-	                    </table>
-					</td>
-				</tr>
-				<tr>
-					<td class="center">
-						<p>You can also copy/paste this link into your browser directly: <a href="[[.LinkUrl]]">[[.LinkUrl]]</a></p>
-					</td>								
-					<td class="expander"></td>
-				</tr>
-			</table>
-		</td>
-	</tr>
-</table>
+  <tr>
+    <td class="wrapper last">
+      <table class="twelve columns">
+        <tr>
+          <td class="center">
+            <p>Te invitamos a ser parte de nuestra plataforma <b>EnergyLink</b>. Para unirte, por favor sigue el
+              siguiente enlace:</p>
+          </td>
+        </tr>
+        <tr>
+          <td class="center">
+            <table class="better-button" align="center" border="0" cellspacing="0" cellpadding="0">
+              <tr>
+                <td align="center" class="better-button" bgcolor="#FCB122"><a href="[[.LinkUrl]]" target="_blank">Unirte
+                    a EnergyLink</a></td>
+              </tr>
+            </table>
+          </td>
+        </tr>
+        <tr>
+          <td class="center">
+            <p>También puedes copiar/pegar este enlace en tu navegador directamente: <a
+                href="[[.LinkUrl]]">[[.LinkUrl]]</a></p>
+          </td>
+          <td class="expander"></td>
+        </tr>
+      </table>
+    </td>
+  </tr>
+</table>

+ 34 - 34
emails/templates/reset_password.html

@@ -1,42 +1,42 @@
-[[Subject .Subject "Reset your EnergyLink password - [[.Name]]"]]
+[[Subject .Subject "Restauración de Contraseña de EnergyLink - [[.Name]]"]]
 
 <table class="row">
-	<tr>
-		<td class="wrapper last">
+  <tr>
+    <td class="wrapper last">
 
-			<table class="twelve columns">
-				<tr>
-					<td>
-						<h4>Hi [[.Name]],</h4>
-					</td>
-					<td class="expander"></td>
-				</tr>
-			</table>
+      <table class="twelve columns">
+        <tr>
+          <td>
+            <h4>Hola [[.Name]],</h4>
+          </td>
+          <td class="expander"></td>
+        </tr>
+      </table>
 
-		</td>
-	</tr>
+    </td>
+  </tr>
 </table>
 
 <table class="row">
-	<tr>
-		<td class="wrapper last">
-			<table class="twelve columns">
-				<tr>
-					<td class="center">
-						<p>
-							Please click the following link to reset your password within <b>[[.EmailCodeValidHours]]
-								hours</b>.
-						</p>
-						<p>
-							<a
-								href="[[.AppUrl]]user/password/reset?code=[[.Code]]">[[.AppUrl]]user/password/reset?code=[[.Code]]</a>
-						</p>
-						<p>Not working? Try copying and pasting it to your browser.</p>
-					</td>
-					<td class="expander"></td>
-				</tr>
-			</table>
+  <tr>
+    <td class="wrapper last">
+      <table class="twelve columns">
+        <tr>
+          <td class="center">
+            <p>
+              Por favor, haga clic en el siguiente enlace para restablecer su contraseña dentro de
+              <b>[[.EmailCodeValidHours]]
+                horas</b>.
+            </p>
+            <p>
+              <a href="[[.AppUrl]]user/password/reset?code=[[.Code]]">[[.AppUrl]]user/password/reset?code=[[.Code]]</a>
+            </p>
+            <p>¿No funciona? Intenta copiar y pegar en tu navegador.</p>
+          </td>
+          <td class="expander"></td>
+        </tr>
+      </table>
 
-		</td>
-	</tr>
-</table>
+    </td>
+  </tr>
+</table>

+ 41 - 41
emails/templates/welcome_on_signup.html

@@ -1,49 +1,49 @@
-[[Subject .Subject "Welcome to Grafana"]]
+[[Subject .Subject "Bienvenido a EnergyLink"]]
 
 <table class="row">
-	<tr>
-		<td class="wrapper last">
+  <tr>
+    <td class="wrapper last">
 
-			<table class="twelve columns">
-				<tr>
-					<td>
-						<h4>Hi [[.Name]],</h4>
-					</td>
-					<td class="expander"></td>
-				</tr>
-				<tr>
-					<td>
-						Welcome! Ready to start building some beautiful metric and analytic dashboards?
-					</td>
-				</tr>
-			</table>
+      <table class="twelve columns">
+        <tr>
+          <td>
+            <h4>Hola [[.Name]],</h4>
+          </td>
+          <td class="expander"></td>
+        </tr>
+        <tr>
+          <td>
+            ¡Bienvenido/a! ¿Estás listo/a para una nueva experiencia de información del Mercado Eléctrico Regional?
+          </td>
+        </tr>
+      </table>
 
-		</td>
-	</tr>
+    </td>
+  </tr>
 </table>
 
 <table class="row">
-	<tr>
-		<td class="wrapper last">
-			<table class="twelve columns">
-				<tr>
-					<td class="center">
-						<p>
-							If you are new to Grafana please read the <a href="http://docs.grafana.org/guides/gettingstarted/">Getting Started</a> guide.
-						</p>
-					</td>
-					<td class="expander"></td>
-				</tr>
-				<tr>
-					<td>
-						Thank you for joining our community.
-						<br />
-						<p>The Grafana Team</p>
-					</td>
-				</tr>
-			</table>
-		</td>
-	</tr>
+  <tr>
+    <td class="wrapper last">
+      <table class="twelve columns">
+        <tr>
+          <td class="center">
+            <p>
+              Si quieres conocer mas sobre EnergyLink puedes visitar nuestro <a
+                href="https://wwww.mercadoselectricos.com.sv/energylink">sitio web</a> o consultar con nuestros
+              expertos.
+            </p>
+          </td>
+          <td class="expander"></td>
+        </tr>
+        <tr>
+          <td>
+            Gracias por tu confianza. Sabemos lo bueno de contar con un buen aliado.
+            <br />
+            <p>El Equipo de Energylink @ Grupo Merelec</p>
+          </td>
+        </tr>
+      </table>
+    </td>
+  </tr>
 </table>
-
-

+ 33 - 29
public/app/partials/signup_invited.html

@@ -1,36 +1,40 @@
 <page-header model="navModel"></page-header>
 
 <div class="page-container page-body">
-	<h3 class="page-sub-heading">Hello {{greeting}}.</h3>
+  <h3 class="page-sub-heading">Hello {{greeting}}.</h3>
 
-	<div class="modal-tagline p-b-2">
-		<em>{{invitedBy}}</em> has invited you to join EnergyLink and the organization <span class="highlight-word">{{contextSrv.user.orgName}}</span></br>Please complete the following and choose a password to accept your invitation and continue:
-	</div>
+  <div class="modal-tagline p-b-2">
+    <em>{{invitedBy}}</em> has invited you to join EnergyLink
+    <!-- <span class="highlight-word">{{contextSrv.user.orgName}}</span> -->
+    </br>Please complete the following and choose a password to accept your invitation and continue:
+  </div>
 
-	<form name="inviteForm" class="login-form gf-form-group">
-		<div class="gf-form">
-			<span class="gf-form-label width-7">Email</span>
-			<input type="email" name="email" class="gf-form-input max-width-21" required ng-model='formModel.email' placeholder="Email">
-		</div>
-		<div class="gf-form">
-			<span class="gf-form-label width-7">Name</span>
-			<input type="text" name="name" class="gf-form-input max-width-21" ng-model='formModel.name' placeholder="Name (optional)">
-		</div>
-		<div class="gf-form">
-			<span class="gf-form-label width-7">Username</span>
-			<input type="text" name="username" class="gf-form-input max-width-21" required ng-model='formModel.username' placeholder="Username">
-		</div>
-		<div class="gf-form">
-			<span class="gf-form-label width-7">Password</span>
-			<input type="password" name="password" class="gf-form-input max-width-21" required ng-model="formModel.password" id="inputPassword" placeholder="password">
-		</div>
+  <form name="inviteForm" class="login-form gf-form-group">
+    <div class="gf-form">
+      <span class="gf-form-label width-7">Email</span>
+      <input type="email" name="email" class="gf-form-input max-width-21" required ng-model='formModel.email'
+        placeholder="Email">
+    </div>
+    <div class="gf-form">
+      <span class="gf-form-label width-7">Name</span>
+      <input type="text" name="name" class="gf-form-input max-width-21" ng-model='formModel.name'
+        placeholder="Name (optional)">
+    </div>
+    <div class="gf-form">
+      <span class="gf-form-label width-7">Username</span>
+      <input type="text" name="username" class="gf-form-input max-width-21" required ng-model='formModel.username'
+        placeholder="Username">
+    </div>
+    <div class="gf-form">
+      <span class="gf-form-label width-7">Password</span>
+      <input type="password" name="password" class="gf-form-input max-width-21" required ng-model="formModel.password"
+        id="inputPassword" placeholder="password">
+    </div>
 
-		<div class="gf-form-button-row">
-			<button type="submit" class="btn btn-primary" ng-click="submit();" ng-disable="!inviteForm.$valid">
-				Sign Up
-			</button>
-		</div>
-	</form>
+    <div class="gf-form-button-row">
+      <button type="submit" class="btn btn-primary" ng-click="submit();" ng-disable="!inviteForm.$valid">
+        Sign Up
+      </button>
+    </div>
+  </form>
 </div>
-
-

+ 65 - 60
public/emails/alert_notification.html

@@ -1,9 +1,10 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/xhtml">
+
 <head>
-	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-	<meta name="viewport" content="width=device-width" />
-	
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <meta name="viewport" content="width=device-width" />
+  
 <style>body {
 width: 100% !important; min-width: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin: 0; padding: 0;
 }
@@ -165,46 +166,48 @@ text-decoration: underline;
   }
 }
 </style></head>
+
 <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" class="main" style="height: 100% !important; width: 100% !important; min-width: 100%; -webkit-text-size-adjust: none; -ms-text-size-adjust: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0 auto; text-align: left; padding: 0; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased;" bgcolor="#2e2e2e">
+  
 
-	<table class="body" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; height: 100%; width: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" bgcolor="#2e2e2e">
-		<tr style="padding: 0; vertical-align: top;" align="left">
-			<td class="center" align="center" valign="top" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;">
+  <table class="body" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; height: 100%; width: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" bgcolor="#2e2e2e">
+    <tr style="padding: 0; vertical-align: top;" align="left">
+      <td class="center" align="center" valign="top" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;">
         <center style="width: 100%; min-width: 580px;">
-					<table class="row header" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; padding: 0px; position: relative; margin-top: 25px; margin-bottom: 25px;">
-						<tr style="padding: 0; vertical-align: top;" align="left">
-						  <td class="center" align="center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" valign="top">
-						    <center style="width: 100%; min-width: 580px;">
+          <table class="row header" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; padding: 0px; position: relative; margin-top: 25px; margin-bottom: 25px;">
+            <tr style="padding: 0; vertical-align: top;" align="left">
+              <td class="center" align="center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" valign="top">
+                <center style="width: 100%; min-width: 580px;">
 
-						      <table class="container" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 580px;">
-						        <tr style="padding: 0; vertical-align: top;" align="left">
-						          <td class="wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; position: relative; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 10px 0px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
+                  <table class="container" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 580px;">
+                    <tr style="padding: 0; vertical-align: top;" align="left">
+                      <td class="wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; position: relative; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 10px 0px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
 
-						            <table class="twelve columns" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px;">
-						              <tr style="padding: 0; vertical-align: top;" align="left">
-						                <td class="twelve sub-columns center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; min-width: 0px; width: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0px 10px 10px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="center" valign="top">
-											<img class="logo" src="https://www.mercadoselectricos.com.sv/energylink_typelogo-2/" style="border: 0; width: 200px; display: inline; outline: none !important; text-decoration: none !important; -ms-interpolation-mode: bicubic; clear: both;" align="none" />
+                        <table class="twelve columns" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px;">
+                          <tr style="padding: 0; vertical-align: top;" align="left">
+                            <td class="twelve sub-columns center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; min-width: 0px; width: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0px 10px 10px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="center" valign="top">
+                              <img class="logo" src="https://www.mercadoselectricos.com.sv/wp-content/uploads/2020/05/Energylink_Transparente.png" style="border: 0; width: 200px; display: inline; outline: none !important; text-decoration: none !important; -ms-interpolation-mode: bicubic; clear: both;" align="none" />
                             </td>
                             <td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; visibility: hidden; width: 0px; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top"></td>
                           </tr>
-						            </table>
+                        </table>
 
-						          </td>
-						        </tr>
-						      </table>
+                      </td>
+                    </tr>
+                  </table>
 
-						    </center>
-						  </td>
-						</tr>
-					</table>
+                </center>
+              </td>
+            </tr>
+          </table>
 
-					<table class="container" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 580px;" width="600" bgcolor="#efefef">
-						<tr style="padding: 0; vertical-align: top;" align="left">
-							<td height="2" class="spacer mb-shorten" style="font-size: 0; line-height: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-image: linear-gradient(to right, #ffed00 0%, #f26529 75%); height: 2px !important; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; padding: 0; margin: 0; border-collapse: collapse !important; color: #222222; border: 0; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" valign="top" align="left"> </td>
-						</tr>
-						<tr style="padding: 0; vertical-align: top;" align="left">
-							<td class="mini-centered-text" style="color: #343b41; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; padding: 25px 35px; margin: 0; border-collapse: collapse !important; -webkit-font-smoothing: antialiased; font: 400 16px/27px 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-text-size-adjust: none;" align="center" valign="top">
-								{{Subject .Subject "{{.Title}}"}}
+          <table class="container" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 580px;" width="600" bgcolor="#efefef">
+            <tr style="padding: 0; vertical-align: top;" align="left">
+              <td height="2" class="spacer mb-shorten" style="font-size: 0; line-height: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-image: linear-gradient(to right, #ffed00 0%, #f26529 75%); height: 2px !important; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; padding: 0; margin: 0; border-collapse: collapse !important; color: #222222; border: 0; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" valign="top" align="left"> </td>
+            </tr>
+            <tr style="padding: 0; vertical-align: top;" align="left">
+              <td class="mini-centered-text" style="color: #343b41; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; padding: 25px 35px; margin: 0; border-collapse: collapse !important; -webkit-font-smoothing: antialiased; font: 400 16px/27px 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-text-size-adjust: none;" align="center" valign="top">
+                {{Subject .Subject "{{.Title}}"}}
 
 <table class="row" style="padding: 0px; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; position: relative; display: block;">
   <tr style="padding: 0; vertical-align: top;" align="left">
@@ -339,33 +342,35 @@ text-decoration: underline;
 
 
 
-								
-							</td>
-						</tr>
-					</table>
-					
-					<table class="footer center" style="padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: center; color: #999999; margin-top: 20px;" bgcolor="#2e2e2e">
-						<tr style="padding: 0; vertical-align: top;" align="left">
-							<td class="wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; position: relative; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 10px 20px 0px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
-								<table class="twelve columns center" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: center; width: 580px;">
-									<tr style="padding: 0; vertical-align: top;" align="left">
-										<td class="twelve" align="center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; width: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0px 0px 10px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" valign="top">
-											<center style="width: 100%; min-width: 580px;">
-												<p style="font-size: 12px; color: #999999; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; margin: 0 0 10px; -webkit-font-smoothing: antialiased; padding: 0; -webkit-text-size-adjust: none;" align="center">
-													Sent by <a href="{{.MEHomePage}}" style="color: #FCB122; text-decoration: none;">Mercados Eléctricos de Centroamérica</a>
-													<br />© 2019 EnergyLink
-												</p>
-											</center>
-										</td>
-										<td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; visibility: hidden; width: 0px; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top"></td>
-									</tr>
-								</table>
-							</td>
-						</tr>
-					</table>
-				</center>
-			</td>
-		</tr>
-	</table>
+                
+              </td>
+            </tr>
+          </table>
+          
+          <table class="footer center" style="padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: center; color: #999999; margin-top: 20px;" bgcolor="#2e2e2e">
+            <tr style="padding: 0; vertical-align: top;" align="left">
+              <td class="wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; position: relative; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 10px 20px 0px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
+                <table class="twelve columns center" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: center; width: 580px;">
+                  <tr style="padding: 0; vertical-align: top;" align="left">
+                    <td class="twelve" align="center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; width: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0px 0px 10px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" valign="top">
+                      <center style="width: 100%; min-width: 580px;">
+                        <p style="font-size: 12px; color: #999999; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; margin: 0 0 10px; -webkit-font-smoothing: antialiased; padding: 0; -webkit-text-size-adjust: none;" align="center">
+                          Sent by <a href="{{.MEHomePage}}" style="color: #FCB122; text-decoration: none;">Mercados Eléctricos de Centroamérica
+                            </a>
+                          <br />© 2020 EnergyLink
+                        </p>
+                      </center>
+                    </td>
+                    <td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; visibility: hidden; width: 0px; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top"></td>
+                  </tr>
+                </table>
+              </td>
+            </tr>
+          </table>
+        </center>
+      </td>
+    </tr>
+  </table>
 </body>
+
 </html>

+ 65 - 60
public/emails/invited_to_org.html

@@ -1,9 +1,10 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/xhtml">
+
 <head>
-	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-	<meta name="viewport" content="width=device-width" />
-	
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <meta name="viewport" content="width=device-width" />
+  
 <style>body {
 width: 100% !important; min-width: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin: 0; padding: 0;
 }
@@ -165,46 +166,48 @@ text-decoration: underline;
   }
 }
 </style></head>
+
 <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" class="main" style="height: 100% !important; width: 100% !important; min-width: 100%; -webkit-text-size-adjust: none; -ms-text-size-adjust: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0 auto; text-align: left; padding: 0; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased;" bgcolor="#2e2e2e">
+  
 
-	<table class="body" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; height: 100%; width: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" bgcolor="#2e2e2e">
-		<tr style="padding: 0; vertical-align: top;" align="left">
-			<td class="center" align="center" valign="top" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;">
+  <table class="body" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; height: 100%; width: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" bgcolor="#2e2e2e">
+    <tr style="padding: 0; vertical-align: top;" align="left">
+      <td class="center" align="center" valign="top" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;">
         <center style="width: 100%; min-width: 580px;">
-					<table class="row header" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; padding: 0px; position: relative; margin-top: 25px; margin-bottom: 25px;">
-						<tr style="padding: 0; vertical-align: top;" align="left">
-						  <td class="center" align="center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" valign="top">
-						    <center style="width: 100%; min-width: 580px;">
+          <table class="row header" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; padding: 0px; position: relative; margin-top: 25px; margin-bottom: 25px;">
+            <tr style="padding: 0; vertical-align: top;" align="left">
+              <td class="center" align="center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" valign="top">
+                <center style="width: 100%; min-width: 580px;">
 
-						      <table class="container" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 580px;">
-						        <tr style="padding: 0; vertical-align: top;" align="left">
-						          <td class="wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; position: relative; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 10px 0px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
+                  <table class="container" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 580px;">
+                    <tr style="padding: 0; vertical-align: top;" align="left">
+                      <td class="wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; position: relative; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 10px 0px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
 
-						            <table class="twelve columns" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px;">
-						              <tr style="padding: 0; vertical-align: top;" align="left">
-						                <td class="twelve sub-columns center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; min-width: 0px; width: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0px 10px 10px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="center" valign="top">
-											<img class="logo" src="https://www.mercadoselectricos.com.sv/energylink_typelogo-2/" style="border: 0; width: 200px; display: inline; outline: none !important; text-decoration: none !important; -ms-interpolation-mode: bicubic; clear: both;" align="none" />
+                        <table class="twelve columns" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px;">
+                          <tr style="padding: 0; vertical-align: top;" align="left">
+                            <td class="twelve sub-columns center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; min-width: 0px; width: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0px 10px 10px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="center" valign="top">
+                              <img class="logo" src="https://www.mercadoselectricos.com.sv/wp-content/uploads/2020/05/Energylink_Transparente.png" style="border: 0; width: 200px; display: inline; outline: none !important; text-decoration: none !important; -ms-interpolation-mode: bicubic; clear: both;" align="none" />
                             </td>
                             <td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; visibility: hidden; width: 0px; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top"></td>
                           </tr>
-						            </table>
+                        </table>
 
-						          </td>
-						        </tr>
-						      </table>
+                      </td>
+                    </tr>
+                  </table>
 
-						    </center>
-						  </td>
-						</tr>
-					</table>
+                </center>
+              </td>
+            </tr>
+          </table>
 
-					<table class="container" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 580px;" width="600" bgcolor="#efefef">
-						<tr style="padding: 0; vertical-align: top;" align="left">
-							<td height="2" class="spacer mb-shorten" style="font-size: 0; line-height: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-image: linear-gradient(to right, #ffed00 0%, #f26529 75%); height: 2px !important; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; padding: 0; margin: 0; border-collapse: collapse !important; color: #222222; border: 0; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" valign="top" align="left"> </td>
-						</tr>
-						<tr style="padding: 0; vertical-align: top;" align="left">
-							<td class="mini-centered-text" style="color: #343b41; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; padding: 25px 35px; margin: 0; border-collapse: collapse !important; -webkit-font-smoothing: antialiased; font: 400 16px/27px 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-text-size-adjust: none;" align="center" valign="top">
-								
+          <table class="container" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 580px;" width="600" bgcolor="#efefef">
+            <tr style="padding: 0; vertical-align: top;" align="left">
+              <td height="2" class="spacer mb-shorten" style="font-size: 0; line-height: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-image: linear-gradient(to right, #ffed00 0%, #f26529 75%); height: 2px !important; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; padding: 0; margin: 0; border-collapse: collapse !important; color: #222222; border: 0; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" valign="top" align="left"> </td>
+            </tr>
+            <tr style="padding: 0; vertical-align: top;" align="left">
+              <td class="mini-centered-text" style="color: #343b41; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; padding: 25px 35px; margin: 0; border-collapse: collapse !important; -webkit-font-smoothing: antialiased; font: 400 16px/27px 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-text-size-adjust: none;" align="center" valign="top">
+                
 
 {{Subject .Subject "{{.InvitedBy}} has added you to the {{.OrgName}} organization"}}
 
@@ -252,33 +255,35 @@ text-decoration: underline;
 
 
 
-								
-							</td>
-						</tr>
-					</table>
-					
-					<table class="footer center" style="padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: center; color: #999999; margin-top: 20px;" bgcolor="#2e2e2e">
-						<tr style="padding: 0; vertical-align: top;" align="left">
-							<td class="wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; position: relative; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 10px 20px 0px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
-								<table class="twelve columns center" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: center; width: 580px;">
-									<tr style="padding: 0; vertical-align: top;" align="left">
-										<td class="twelve" align="center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; width: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0px 0px 10px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" valign="top">
-											<center style="width: 100%; min-width: 580px;">
-												<p style="font-size: 12px; color: #999999; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; margin: 0 0 10px; -webkit-font-smoothing: antialiased; padding: 0; -webkit-text-size-adjust: none;" align="center">
-													Sent by <a href="{{.MEHomePage}}" style="color: #FCB122; text-decoration: none;">Mercados Eléctricos de Centroamérica</a>
-													<br />© 2019 EnergyLink
-												</p>
-											</center>
-										</td>
-										<td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; visibility: hidden; width: 0px; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top"></td>
-									</tr>
-								</table>
-							</td>
-						</tr>
-					</table>
-				</center>
-			</td>
-		</tr>
-	</table>
+                
+              </td>
+            </tr>
+          </table>
+          
+          <table class="footer center" style="padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: center; color: #999999; margin-top: 20px;" bgcolor="#2e2e2e">
+            <tr style="padding: 0; vertical-align: top;" align="left">
+              <td class="wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; position: relative; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 10px 20px 0px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
+                <table class="twelve columns center" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: center; width: 580px;">
+                  <tr style="padding: 0; vertical-align: top;" align="left">
+                    <td class="twelve" align="center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; width: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0px 0px 10px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" valign="top">
+                      <center style="width: 100%; min-width: 580px;">
+                        <p style="font-size: 12px; color: #999999; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; margin: 0 0 10px; -webkit-font-smoothing: antialiased; padding: 0; -webkit-text-size-adjust: none;" align="center">
+                          Sent by <a href="{{.MEHomePage}}" style="color: #FCB122; text-decoration: none;">Mercados Eléctricos de Centroamérica
+                            </a>
+                          <br />© 2020 EnergyLink
+                        </p>
+                      </center>
+                    </td>
+                    <td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; visibility: hidden; width: 0px; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top"></td>
+                  </tr>
+                </table>
+              </td>
+            </tr>
+          </table>
+        </center>
+      </td>
+    </tr>
+  </table>
 </body>
+
 </html>

+ 108 - 99
public/emails/new_user_invite.html

@@ -1,9 +1,10 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/xhtml">
+
 <head>
-	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-	<meta name="viewport" content="width=device-width" />
-	
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <meta name="viewport" content="width=device-width" />
+  
 <style>body {
 width: 100% !important; min-width: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin: 0; padding: 0;
 }
@@ -165,121 +166,129 @@ text-decoration: underline;
   }
 }
 </style></head>
+
 <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" class="main" style="height: 100% !important; width: 100% !important; min-width: 100%; -webkit-text-size-adjust: none; -ms-text-size-adjust: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0 auto; text-align: left; padding: 0; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased;" bgcolor="#2e2e2e">
+  
 
-	<table class="body" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; height: 100%; width: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" bgcolor="#2e2e2e">
-		<tr style="padding: 0; vertical-align: top;" align="left">
-			<td class="center" align="center" valign="top" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;">
+  <table class="body" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; height: 100%; width: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" bgcolor="#2e2e2e">
+    <tr style="padding: 0; vertical-align: top;" align="left">
+      <td class="center" align="center" valign="top" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;">
         <center style="width: 100%; min-width: 580px;">
-					<table class="row header" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; padding: 0px; position: relative; margin-top: 25px; margin-bottom: 25px;">
-						<tr style="padding: 0; vertical-align: top;" align="left">
-						  <td class="center" align="center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" valign="top">
-						    <center style="width: 100%; min-width: 580px;">
+          <table class="row header" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; padding: 0px; position: relative; margin-top: 25px; margin-bottom: 25px;">
+            <tr style="padding: 0; vertical-align: top;" align="left">
+              <td class="center" align="center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" valign="top">
+                <center style="width: 100%; min-width: 580px;">
 
-						      <table class="container" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 580px;">
-						        <tr style="padding: 0; vertical-align: top;" align="left">
-						          <td class="wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; position: relative; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 10px 0px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
+                  <table class="container" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 580px;">
+                    <tr style="padding: 0; vertical-align: top;" align="left">
+                      <td class="wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; position: relative; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 10px 0px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
 
-						            <table class="twelve columns" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px;">
-						              <tr style="padding: 0; vertical-align: top;" align="left">
-						                <td class="twelve sub-columns center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; min-width: 0px; width: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0px 10px 10px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="center" valign="top">
-											<img class="logo" src="https://www.mercadoselectricos.com.sv/energylink_typelogo-2/" style="border: 0; width: 200px; display: inline; outline: none !important; text-decoration: none !important; -ms-interpolation-mode: bicubic; clear: both;" align="none" />
+                        <table class="twelve columns" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px;">
+                          <tr style="padding: 0; vertical-align: top;" align="left">
+                            <td class="twelve sub-columns center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; min-width: 0px; width: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0px 10px 10px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="center" valign="top">
+                              <img class="logo" src="https://www.mercadoselectricos.com.sv/wp-content/uploads/2020/05/Energylink_Transparente.png" style="border: 0; width: 200px; display: inline; outline: none !important; text-decoration: none !important; -ms-interpolation-mode: bicubic; clear: both;" align="none" />
                             </td>
                             <td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; visibility: hidden; width: 0px; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top"></td>
                           </tr>
-						            </table>
+                        </table>
+
+                      </td>
+                    </tr>
+                  </table>
 
-						          </td>
-						        </tr>
-						      </table>
+                </center>
+              </td>
+            </tr>
+          </table>
 
-						    </center>
-						  </td>
-						</tr>
-					</table>
+          <table class="container" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 580px;" width="600" bgcolor="#efefef">
+            <tr style="padding: 0; vertical-align: top;" align="left">
+              <td height="2" class="spacer mb-shorten" style="font-size: 0; line-height: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-image: linear-gradient(to right, #ffed00 0%, #f26529 75%); height: 2px !important; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; padding: 0; margin: 0; border-collapse: collapse !important; color: #222222; border: 0; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" valign="top" align="left"> </td>
+            </tr>
+            <tr style="padding: 0; vertical-align: top;" align="left">
+              <td class="mini-centered-text" style="color: #343b41; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; padding: 25px 35px; margin: 0; border-collapse: collapse !important; -webkit-font-smoothing: antialiased; font: 400 16px/27px 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-text-size-adjust: none;" align="center" valign="top">
+                
 
-					<table class="container" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 580px;" width="600" bgcolor="#efefef">
-						<tr style="padding: 0; vertical-align: top;" align="left">
-							<td height="2" class="spacer mb-shorten" style="font-size: 0; line-height: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-image: linear-gradient(to right, #ffed00 0%, #f26529 75%); height: 2px !important; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; padding: 0; margin: 0; border-collapse: collapse !important; color: #222222; border: 0; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" valign="top" align="left"> </td>
-						</tr>
-						<tr style="padding: 0; vertical-align: top;" align="left">
-							<td class="mini-centered-text" style="color: #343b41; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; padding: 25px 35px; margin: 0; border-collapse: collapse !important; -webkit-font-smoothing: antialiased; font: 400 16px/27px 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-text-size-adjust: none;" align="center" valign="top">
-								
 
-{{Subject .Subject "{{.InvitedBy}} has invited you to join EnergyLink"}}
+{{Subject .Subject "Te invitamos a unirte a EnergyLink"}}
 
 <table class="row" style="padding: 0px; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; position: relative; display: block;">
-	<tr style="padding: 0; vertical-align: top;" align="left">
-		<td class="wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; position: relative; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 10px 0px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
+  <tr style="padding: 0; vertical-align: top;" align="left">
+    <td class="wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; position: relative; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 10px 0px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
 
-			<table class="twelve columns" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px;">
-				<tr style="padding: 0; vertical-align: top;" align="left">
-					<td style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0px 0px 10px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
-						<h4 class="center" style="color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; word-break: normal; font-size: 20px; margin: 0; -webkit-font-smoothing: antialiased; padding: 0; -webkit-text-size-adjust: none;" align="center">You're invited to join {{.OrgName}}</h4>
-					</td>
-					<td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; visibility: hidden; width: 0px; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top"></td>
-				</tr>
-			</table>
+      <table class="twelve columns" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px;">
+        <tr style="padding: 0; vertical-align: top;" align="left">
+          <td style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0px 0px 10px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
+            <h4 class="center" style="color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; word-break: normal; font-size: 20px; margin: 0; -webkit-font-smoothing: antialiased; padding: 0; -webkit-text-size-adjust: none;" align="center">Únete a nuestra plataforma EnergyLink</h4>
+          </td>
+          <td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; visibility: hidden; width: 0px; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top"></td>
+        </tr>
+      </table>
 
-		</td>
-	</tr>
+    </td>
+  </tr>
 </table>
 
 <table class="row" style="padding: 0px; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; position: relative; display: block;">
-	<tr style="padding: 0; vertical-align: top;" align="left">
-		<td class="wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; position: relative; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 10px 0px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
-			<table class="twelve columns" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px;">
-				<tr style="padding: 0; vertical-align: top;" align="left">
-					<td class="center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0px 0px 10px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="center" valign="top">
-						<p style="color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0 0 10px; -webkit-font-smoothing: antialiased; padding: 0; -webkit-text-size-adjust: none;" align="left">You've been invited to join the <b>{{.OrgName}}</b> organization by <b>{{.InvitedBy}}</b>. To accept your invitation and join the team, please click the link below:</p>
-					</td>
-				</tr>
-				<tr style="padding: 0; vertical-align: top;" align="left">				
-					<td class="center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0px 0px 10px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="center" valign="top">
-	                    <table class="better-button" align="center" border="0" cellspacing="0" cellpadding="0" style="padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; margin-top: 10px; margin-bottom: 20px;">
-	                    	<tr style="padding: 0; vertical-align: top;" align="left">
-	                          <td align="center" class="better-button" bgcolor="#FCB122" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; margin: 0; font-size: 14px; padding: 0px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;" valign="top"><a href="{{.LinkUrl}}" target="_blank" style="border: 1px solid #fcb122; padding: 12px 25px; color: #FFF; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; display: inline-block;">Accept Invitation</a></td>
-	                        </tr>
-	                    </table>
-					</td>
-				</tr>
-				<tr style="padding: 0; vertical-align: top;" align="left">
-					<td class="center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0px 0px 10px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="center" valign="top">
-						<p style="color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0 0 10px; -webkit-font-smoothing: antialiased; padding: 0; -webkit-text-size-adjust: none;" align="left">You can also copy/paste this link into your browser directly: <a href="{{.LinkUrl}}" style="color: #FCB122; text-decoration: none;">{{.LinkUrl}}</a></p>
-					</td>								
-					<td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; visibility: hidden; width: 0px; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top"></td>
-				</tr>
-			</table>
-		</td>
-	</tr>
+  <tr style="padding: 0; vertical-align: top;" align="left">
+    <td class="wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; position: relative; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 10px 0px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
+      <table class="twelve columns" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px;">
+        <tr style="padding: 0; vertical-align: top;" align="left">
+          <td class="center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0px 0px 10px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="center" valign="top">
+            <p style="color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0 0 10px; -webkit-font-smoothing: antialiased; padding: 0; -webkit-text-size-adjust: none;" align="left">Te invitamos a ser parte de nuestra plataforma <b>EnergyLink</b>. Para unirte, por favor sigue el
+              siguiente enlace:</p>
+          </td>
+        </tr>
+        <tr style="padding: 0; vertical-align: top;" align="left">
+          <td class="center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0px 0px 10px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="center" valign="top">
+            <table class="better-button" align="center" border="0" cellspacing="0" cellpadding="0" style="padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; margin-top: 10px; margin-bottom: 20px;">
+              <tr style="padding: 0; vertical-align: top;" align="left">
+                <td align="center" class="better-button" bgcolor="#FCB122" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; margin: 0; font-size: 14px; padding: 0px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;" valign="top"><a href="{{.LinkUrl}}" target="_blank" style="border: 1px solid #fcb122; padding: 12px 25px; color: #FFF; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; display: inline-block;">Unirte
+                    a EnergyLink</a></td>
+              </tr>
+            </table>
+          </td>
+        </tr>
+        <tr style="padding: 0; vertical-align: top;" align="left">
+          <td class="center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0px 0px 10px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="center" valign="top">
+            <p style="color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0 0 10px; -webkit-font-smoothing: antialiased; padding: 0; -webkit-text-size-adjust: none;" align="left">También puedes copiar/pegar este enlace en tu navegador directamente: <a href="{{.LinkUrl}}" style="color: #FCB122; text-decoration: none;">{{.LinkUrl}}</a></p>
+          </td>
+          <td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; visibility: hidden; width: 0px; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top"></td>
+        </tr>
+      </table>
+    </td>
+  </tr>
 </table>
-								
-							</td>
-						</tr>
-					</table>
-					
-					<table class="footer center" style="padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: center; color: #999999; margin-top: 20px;" bgcolor="#2e2e2e">
-						<tr style="padding: 0; vertical-align: top;" align="left">
-							<td class="wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; position: relative; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 10px 20px 0px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
-								<table class="twelve columns center" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: center; width: 580px;">
-									<tr style="padding: 0; vertical-align: top;" align="left">
-										<td class="twelve" align="center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; width: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0px 0px 10px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" valign="top">
-											<center style="width: 100%; min-width: 580px;">
-												<p style="font-size: 12px; color: #999999; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; margin: 0 0 10px; -webkit-font-smoothing: antialiased; padding: 0; -webkit-text-size-adjust: none;" align="center">
-													Sent by <a href="{{.MEHomePage}}" style="color: #FCB122; text-decoration: none;">Mercados Eléctricos de Centroamérica</a>
-													<br />© 2019 EnergyLink
-												</p>
-											</center>
-										</td>
-										<td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; visibility: hidden; width: 0px; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top"></td>
-									</tr>
-								</table>
-							</td>
-						</tr>
-					</table>
-				</center>
-			</td>
-		</tr>
-	</table>
+
+                
+              </td>
+            </tr>
+          </table>
+          
+          <table class="footer center" style="padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: center; color: #999999; margin-top: 20px;" bgcolor="#2e2e2e">
+            <tr style="padding: 0; vertical-align: top;" align="left">
+              <td class="wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; position: relative; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 10px 20px 0px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
+                <table class="twelve columns center" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: center; width: 580px;">
+                  <tr style="padding: 0; vertical-align: top;" align="left">
+                    <td class="twelve" align="center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; width: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0px 0px 10px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" valign="top">
+                      <center style="width: 100%; min-width: 580px;">
+                        <p style="font-size: 12px; color: #999999; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; margin: 0 0 10px; -webkit-font-smoothing: antialiased; padding: 0; -webkit-text-size-adjust: none;" align="center">
+                          Sent by <a href="{{.MEHomePage}}" style="color: #FCB122; text-decoration: none;">Mercados Eléctricos de Centroamérica
+                            </a>
+                          <br />© 2020 EnergyLink
+                        </p>
+                      </center>
+                    </td>
+                    <td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; visibility: hidden; width: 0px; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top"></td>
+                  </tr>
+                </table>
+              </td>
+            </tr>
+          </table>
+        </center>
+      </td>
+    </tr>
+  </table>
 </body>
+
 </html>

+ 98 - 91
public/emails/reset_password.html

@@ -1,9 +1,10 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/xhtml">
+
 <head>
-	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-	<meta name="viewport" content="width=device-width" />
-	
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <meta name="viewport" content="width=device-width" />
+  
 <style>body {
 width: 100% !important; min-width: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin: 0; padding: 0;
 }
@@ -165,113 +166,119 @@ text-decoration: underline;
   }
 }
 </style></head>
+
 <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" class="main" style="height: 100% !important; width: 100% !important; min-width: 100%; -webkit-text-size-adjust: none; -ms-text-size-adjust: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0 auto; text-align: left; padding: 0; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased;" bgcolor="#2e2e2e">
+  
 
-	<table class="body" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; height: 100%; width: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" bgcolor="#2e2e2e">
-		<tr style="padding: 0; vertical-align: top;" align="left">
-			<td class="center" align="center" valign="top" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;">
+  <table class="body" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; height: 100%; width: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" bgcolor="#2e2e2e">
+    <tr style="padding: 0; vertical-align: top;" align="left">
+      <td class="center" align="center" valign="top" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;">
         <center style="width: 100%; min-width: 580px;">
-					<table class="row header" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; padding: 0px; position: relative; margin-top: 25px; margin-bottom: 25px;">
-						<tr style="padding: 0; vertical-align: top;" align="left">
-						  <td class="center" align="center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" valign="top">
-						    <center style="width: 100%; min-width: 580px;">
+          <table class="row header" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; padding: 0px; position: relative; margin-top: 25px; margin-bottom: 25px;">
+            <tr style="padding: 0; vertical-align: top;" align="left">
+              <td class="center" align="center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" valign="top">
+                <center style="width: 100%; min-width: 580px;">
 
-						      <table class="container" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 580px;">
-						        <tr style="padding: 0; vertical-align: top;" align="left">
-						          <td class="wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; position: relative; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 10px 0px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
+                  <table class="container" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 580px;">
+                    <tr style="padding: 0; vertical-align: top;" align="left">
+                      <td class="wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; position: relative; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 10px 0px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
 
-						            <table class="twelve columns" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px;">
-						              <tr style="padding: 0; vertical-align: top;" align="left">
-						                <td class="twelve sub-columns center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; min-width: 0px; width: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0px 10px 10px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="center" valign="top">
-											<img class="logo" src="https://www.mercadoselectricos.com.sv/energylink_typelogo-2/" style="border: 0; width: 200px; display: inline; outline: none !important; text-decoration: none !important; -ms-interpolation-mode: bicubic; clear: both;" align="none" />
+                        <table class="twelve columns" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px;">
+                          <tr style="padding: 0; vertical-align: top;" align="left">
+                            <td class="twelve sub-columns center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; min-width: 0px; width: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0px 10px 10px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="center" valign="top">
+                              <img class="logo" src="https://www.mercadoselectricos.com.sv/wp-content/uploads/2020/05/Energylink_Transparente.png" style="border: 0; width: 200px; display: inline; outline: none !important; text-decoration: none !important; -ms-interpolation-mode: bicubic; clear: both;" align="none" />
                             </td>
                             <td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; visibility: hidden; width: 0px; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top"></td>
                           </tr>
-						            </table>
+                        </table>
 
-						          </td>
-						        </tr>
-						      </table>
+                      </td>
+                    </tr>
+                  </table>
 
-						    </center>
-						  </td>
-						</tr>
-					</table>
+                </center>
+              </td>
+            </tr>
+          </table>
 
-					<table class="container" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 580px;" width="600" bgcolor="#efefef">
-						<tr style="padding: 0; vertical-align: top;" align="left">
-							<td height="2" class="spacer mb-shorten" style="font-size: 0; line-height: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-image: linear-gradient(to right, #ffed00 0%, #f26529 75%); height: 2px !important; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; padding: 0; margin: 0; border-collapse: collapse !important; color: #222222; border: 0; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" valign="top" align="left"> </td>
-						</tr>
-						<tr style="padding: 0; vertical-align: top;" align="left">
-							<td class="mini-centered-text" style="color: #343b41; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; padding: 25px 35px; margin: 0; border-collapse: collapse !important; -webkit-font-smoothing: antialiased; font: 400 16px/27px 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-text-size-adjust: none;" align="center" valign="top">
-								{{Subject .Subject "Reset your EnergyLink password - {{.Name}}"}}
+          <table class="container" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 580px;" width="600" bgcolor="#efefef">
+            <tr style="padding: 0; vertical-align: top;" align="left">
+              <td height="2" class="spacer mb-shorten" style="font-size: 0; line-height: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-image: linear-gradient(to right, #ffed00 0%, #f26529 75%); height: 2px !important; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; padding: 0; margin: 0; border-collapse: collapse !important; color: #222222; border: 0; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" valign="top" align="left"> </td>
+            </tr>
+            <tr style="padding: 0; vertical-align: top;" align="left">
+              <td class="mini-centered-text" style="color: #343b41; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; padding: 25px 35px; margin: 0; border-collapse: collapse !important; -webkit-font-smoothing: antialiased; font: 400 16px/27px 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-text-size-adjust: none;" align="center" valign="top">
+                {{Subject .Subject "Restauración de Contraseña de EnergyLink - {{.Name}}"}}
 
 <table class="row" style="padding: 0px; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; position: relative; display: block;">
-	<tr style="padding: 0; vertical-align: top;" align="left">
-		<td class="wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; position: relative; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 10px 0px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
+  <tr style="padding: 0; vertical-align: top;" align="left">
+    <td class="wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; position: relative; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 10px 0px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
 
-			<table class="twelve columns" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px;">
-				<tr style="padding: 0; vertical-align: top;" align="left">
-					<td style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0px 0px 10px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
-						<h4 style="color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; word-break: normal; font-size: 20px; margin: 0; -webkit-font-smoothing: antialiased; padding: 0; -webkit-text-size-adjust: none;" align="left">Hi {{.Name}},</h4>
-					</td>
-					<td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; visibility: hidden; width: 0px; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top"></td>
-				</tr>
-			</table>
+      <table class="twelve columns" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px;">
+        <tr style="padding: 0; vertical-align: top;" align="left">
+          <td style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0px 0px 10px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
+            <h4 style="color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; word-break: normal; font-size: 20px; margin: 0; -webkit-font-smoothing: antialiased; padding: 0; -webkit-text-size-adjust: none;" align="left">Hola {{.Name}},</h4>
+          </td>
+          <td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; visibility: hidden; width: 0px; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top"></td>
+        </tr>
+      </table>
 
-		</td>
-	</tr>
+    </td>
+  </tr>
 </table>
 
 <table class="row" style="padding: 0px; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; position: relative; display: block;">
-	<tr style="padding: 0; vertical-align: top;" align="left">
-		<td class="wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; position: relative; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 10px 0px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
-			<table class="twelve columns" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px;">
-				<tr style="padding: 0; vertical-align: top;" align="left">
-					<td class="center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0px 0px 10px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="center" valign="top">
-						<p style="color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0 0 10px; -webkit-font-smoothing: antialiased; padding: 0; -webkit-text-size-adjust: none;" align="left">
-							Please click the following link to reset your password within <b>{{.EmailCodeValidHours}}
-								hours</b>.
-						</p>
-						<p style="color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0 0 10px; -webkit-font-smoothing: antialiased; padding: 0; -webkit-text-size-adjust: none;" align="left">
-							<a href="{{.AppUrl}}user/password/reset?code={{.Code}}" style="color: #FCB122; text-decoration: none;">{{.AppUrl}}user/password/reset?code={{.Code}}</a>
-						</p>
-						<p style="color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0 0 10px; -webkit-font-smoothing: antialiased; padding: 0; -webkit-text-size-adjust: none;" align="left">Not working? Try copying and pasting it to your browser.</p>
-					</td>
-					<td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; visibility: hidden; width: 0px; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top"></td>
-				</tr>
-			</table>
+  <tr style="padding: 0; vertical-align: top;" align="left">
+    <td class="wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; position: relative; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 10px 0px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
+      <table class="twelve columns" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px;">
+        <tr style="padding: 0; vertical-align: top;" align="left">
+          <td class="center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0px 0px 10px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="center" valign="top">
+            <p style="color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0 0 10px; -webkit-font-smoothing: antialiased; padding: 0; -webkit-text-size-adjust: none;" align="left">
+              Por favor, haga clic en el siguiente enlace para restablecer su contraseña dentro de
+              <b>{{.EmailCodeValidHours}}
+                horas</b>.
+            </p>
+            <p style="color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0 0 10px; -webkit-font-smoothing: antialiased; padding: 0; -webkit-text-size-adjust: none;" align="left">
+              <a href="{{.AppUrl}}user/password/reset?code={{.Code}}" style="color: #FCB122; text-decoration: none;">{{.AppUrl}}user/password/reset?code={{.Code}}</a>
+            </p>
+            <p style="color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0 0 10px; -webkit-font-smoothing: antialiased; padding: 0; -webkit-text-size-adjust: none;" align="left">¿No funciona? Intenta copiar y pegar en tu navegador.</p>
+          </td>
+          <td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; visibility: hidden; width: 0px; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top"></td>
+        </tr>
+      </table>
 
-		</td>
-	</tr>
+    </td>
+  </tr>
 </table>
-								
-							</td>
-						</tr>
-					</table>
-					
-					<table class="footer center" style="padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: center; color: #999999; margin-top: 20px;" bgcolor="#2e2e2e">
-						<tr style="padding: 0; vertical-align: top;" align="left">
-							<td class="wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; position: relative; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 10px 20px 0px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
-								<table class="twelve columns center" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: center; width: 580px;">
-									<tr style="padding: 0; vertical-align: top;" align="left">
-										<td class="twelve" align="center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; width: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0px 0px 10px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" valign="top">
-											<center style="width: 100%; min-width: 580px;">
-												<p style="font-size: 12px; color: #999999; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; margin: 0 0 10px; -webkit-font-smoothing: antialiased; padding: 0; -webkit-text-size-adjust: none;" align="center">
-													Sent by <a href="{{.MEHomePage}}" style="color: #FCB122; text-decoration: none;">Mercados Eléctricos de Centroamérica</a>
-													<br />© 2019 EnergyLink
-												</p>
-											</center>
-										</td>
-										<td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; visibility: hidden; width: 0px; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top"></td>
-									</tr>
-								</table>
-							</td>
-						</tr>
-					</table>
-				</center>
-			</td>
-		</tr>
-	</table>
+
+                
+              </td>
+            </tr>
+          </table>
+          
+          <table class="footer center" style="padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: center; color: #999999; margin-top: 20px;" bgcolor="#2e2e2e">
+            <tr style="padding: 0; vertical-align: top;" align="left">
+              <td class="wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; position: relative; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 10px 20px 0px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
+                <table class="twelve columns center" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: center; width: 580px;">
+                  <tr style="padding: 0; vertical-align: top;" align="left">
+                    <td class="twelve" align="center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; width: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0px 0px 10px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" valign="top">
+                      <center style="width: 100%; min-width: 580px;">
+                        <p style="font-size: 12px; color: #999999; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; margin: 0 0 10px; -webkit-font-smoothing: antialiased; padding: 0; -webkit-text-size-adjust: none;" align="center">
+                          Sent by <a href="{{.MEHomePage}}" style="color: #FCB122; text-decoration: none;">Mercados Eléctricos de Centroamérica
+                            </a>
+                          <br />© 2020 EnergyLink
+                        </p>
+                      </center>
+                    </td>
+                    <td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; visibility: hidden; width: 0px; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top"></td>
+                  </tr>
+                </table>
+              </td>
+            </tr>
+          </table>
+        </center>
+      </td>
+    </tr>
+  </table>
 </body>
+
 </html>

+ 65 - 60
public/emails/signup_started.html

@@ -1,9 +1,10 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/xhtml">
+
 <head>
-	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-	<meta name="viewport" content="width=device-width" />
-	
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <meta name="viewport" content="width=device-width" />
+  
 <style>body {
 width: 100% !important; min-width: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin: 0; padding: 0;
 }
@@ -165,46 +166,48 @@ text-decoration: underline;
   }
 }
 </style></head>
+
 <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" class="main" style="height: 100% !important; width: 100% !important; min-width: 100%; -webkit-text-size-adjust: none; -ms-text-size-adjust: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0 auto; text-align: left; padding: 0; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased;" bgcolor="#2e2e2e">
+  
 
-	<table class="body" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; height: 100%; width: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" bgcolor="#2e2e2e">
-		<tr style="padding: 0; vertical-align: top;" align="left">
-			<td class="center" align="center" valign="top" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;">
+  <table class="body" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; height: 100%; width: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" bgcolor="#2e2e2e">
+    <tr style="padding: 0; vertical-align: top;" align="left">
+      <td class="center" align="center" valign="top" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;">
         <center style="width: 100%; min-width: 580px;">
-					<table class="row header" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; padding: 0px; position: relative; margin-top: 25px; margin-bottom: 25px;">
-						<tr style="padding: 0; vertical-align: top;" align="left">
-						  <td class="center" align="center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" valign="top">
-						    <center style="width: 100%; min-width: 580px;">
+          <table class="row header" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; padding: 0px; position: relative; margin-top: 25px; margin-bottom: 25px;">
+            <tr style="padding: 0; vertical-align: top;" align="left">
+              <td class="center" align="center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" valign="top">
+                <center style="width: 100%; min-width: 580px;">
 
-						      <table class="container" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 580px;">
-						        <tr style="padding: 0; vertical-align: top;" align="left">
-						          <td class="wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; position: relative; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 10px 0px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
+                  <table class="container" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 580px;">
+                    <tr style="padding: 0; vertical-align: top;" align="left">
+                      <td class="wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; position: relative; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 10px 0px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
 
-						            <table class="twelve columns" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px;">
-						              <tr style="padding: 0; vertical-align: top;" align="left">
-						                <td class="twelve sub-columns center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; min-width: 0px; width: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0px 10px 10px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="center" valign="top">
-											<img class="logo" src="https://www.mercadoselectricos.com.sv/energylink_typelogo-2/" style="border: 0; width: 200px; display: inline; outline: none !important; text-decoration: none !important; -ms-interpolation-mode: bicubic; clear: both;" align="none" />
+                        <table class="twelve columns" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px;">
+                          <tr style="padding: 0; vertical-align: top;" align="left">
+                            <td class="twelve sub-columns center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; min-width: 0px; width: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0px 10px 10px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="center" valign="top">
+                              <img class="logo" src="https://www.mercadoselectricos.com.sv/wp-content/uploads/2020/05/Energylink_Transparente.png" style="border: 0; width: 200px; display: inline; outline: none !important; text-decoration: none !important; -ms-interpolation-mode: bicubic; clear: both;" align="none" />
                             </td>
                             <td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; visibility: hidden; width: 0px; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top"></td>
                           </tr>
-						            </table>
+                        </table>
 
-						          </td>
-						        </tr>
-						      </table>
+                      </td>
+                    </tr>
+                  </table>
 
-						    </center>
-						  </td>
-						</tr>
-					</table>
+                </center>
+              </td>
+            </tr>
+          </table>
 
-					<table class="container" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 580px;" width="600" bgcolor="#efefef">
-						<tr style="padding: 0; vertical-align: top;" align="left">
-							<td height="2" class="spacer mb-shorten" style="font-size: 0; line-height: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-image: linear-gradient(to right, #ffed00 0%, #f26529 75%); height: 2px !important; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; padding: 0; margin: 0; border-collapse: collapse !important; color: #222222; border: 0; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" valign="top" align="left"> </td>
-						</tr>
-						<tr style="padding: 0; vertical-align: top;" align="left">
-							<td class="mini-centered-text" style="color: #343b41; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; padding: 25px 35px; margin: 0; border-collapse: collapse !important; -webkit-font-smoothing: antialiased; font: 400 16px/27px 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-text-size-adjust: none;" align="center" valign="top">
-								{{Subject .Subject "Welcome to Grafana, please complete your sign up!"}}
+          <table class="container" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 580px;" width="600" bgcolor="#efefef">
+            <tr style="padding: 0; vertical-align: top;" align="left">
+              <td height="2" class="spacer mb-shorten" style="font-size: 0; line-height: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-image: linear-gradient(to right, #ffed00 0%, #f26529 75%); height: 2px !important; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; padding: 0; margin: 0; border-collapse: collapse !important; color: #222222; border: 0; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" valign="top" align="left"> </td>
+            </tr>
+            <tr style="padding: 0; vertical-align: top;" align="left">
+              <td class="mini-centered-text" style="color: #343b41; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; padding: 25px 35px; margin: 0; border-collapse: collapse !important; -webkit-font-smoothing: antialiased; font: 400 16px/27px 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-text-size-adjust: none;" align="center" valign="top">
+                {{Subject .Subject "Welcome to Grafana, please complete your sign up!"}}
 
 <table class="row" style="padding: 0px; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; position: relative; display: block;">
 	<tr style="padding: 0; vertical-align: top;" align="left">
@@ -251,33 +254,35 @@ text-decoration: underline;
 
 
 
-								
-							</td>
-						</tr>
-					</table>
-					
-					<table class="footer center" style="padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: center; color: #999999; margin-top: 20px;" bgcolor="#2e2e2e">
-						<tr style="padding: 0; vertical-align: top;" align="left">
-							<td class="wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; position: relative; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 10px 20px 0px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
-								<table class="twelve columns center" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: center; width: 580px;">
-									<tr style="padding: 0; vertical-align: top;" align="left">
-										<td class="twelve" align="center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; width: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0px 0px 10px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" valign="top">
-											<center style="width: 100%; min-width: 580px;">
-												<p style="font-size: 12px; color: #999999; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; margin: 0 0 10px; -webkit-font-smoothing: antialiased; padding: 0; -webkit-text-size-adjust: none;" align="center">
-													Sent by <a href="{{.MEHomePage}}" style="color: #FCB122; text-decoration: none;">Mercados Eléctricos de Centroamérica</a>
-													<br />© 2019 EnergyLink
-												</p>
-											</center>
-										</td>
-										<td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; visibility: hidden; width: 0px; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top"></td>
-									</tr>
-								</table>
-							</td>
-						</tr>
-					</table>
-				</center>
-			</td>
-		</tr>
-	</table>
+                
+              </td>
+            </tr>
+          </table>
+          
+          <table class="footer center" style="padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: center; color: #999999; margin-top: 20px;" bgcolor="#2e2e2e">
+            <tr style="padding: 0; vertical-align: top;" align="left">
+              <td class="wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; position: relative; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 10px 20px 0px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
+                <table class="twelve columns center" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: center; width: 580px;">
+                  <tr style="padding: 0; vertical-align: top;" align="left">
+                    <td class="twelve" align="center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; width: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0px 0px 10px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" valign="top">
+                      <center style="width: 100%; min-width: 580px;">
+                        <p style="font-size: 12px; color: #999999; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; margin: 0 0 10px; -webkit-font-smoothing: antialiased; padding: 0; -webkit-text-size-adjust: none;" align="center">
+                          Sent by <a href="{{.MEHomePage}}" style="color: #FCB122; text-decoration: none;">Mercados Eléctricos de Centroamérica
+                            </a>
+                          <br />© 2020 EnergyLink
+                        </p>
+                      </center>
+                    </td>
+                    <td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; visibility: hidden; width: 0px; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top"></td>
+                  </tr>
+                </table>
+              </td>
+            </tr>
+          </table>
+        </center>
+      </td>
+    </tr>
+  </table>
 </body>
+
 </html>

+ 104 - 100
public/emails/welcome_on_signup.html

@@ -1,9 +1,10 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/xhtml">
+
 <head>
-	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-	<meta name="viewport" content="width=device-width" />
-	
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <meta name="viewport" content="width=device-width" />
+  
 <style>body {
 width: 100% !important; min-width: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin: 0; padding: 0;
 }
@@ -165,122 +166,125 @@ text-decoration: underline;
   }
 }
 </style></head>
+
 <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" class="main" style="height: 100% !important; width: 100% !important; min-width: 100%; -webkit-text-size-adjust: none; -ms-text-size-adjust: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0 auto; text-align: left; padding: 0; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased;" bgcolor="#2e2e2e">
+  
 
-	<table class="body" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; height: 100%; width: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" bgcolor="#2e2e2e">
-		<tr style="padding: 0; vertical-align: top;" align="left">
-			<td class="center" align="center" valign="top" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;">
+  <table class="body" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; height: 100%; width: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" bgcolor="#2e2e2e">
+    <tr style="padding: 0; vertical-align: top;" align="left">
+      <td class="center" align="center" valign="top" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;">
         <center style="width: 100%; min-width: 580px;">
-					<table class="row header" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; padding: 0px; position: relative; margin-top: 25px; margin-bottom: 25px;">
-						<tr style="padding: 0; vertical-align: top;" align="left">
-						  <td class="center" align="center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" valign="top">
-						    <center style="width: 100%; min-width: 580px;">
+          <table class="row header" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; padding: 0px; position: relative; margin-top: 25px; margin-bottom: 25px;">
+            <tr style="padding: 0; vertical-align: top;" align="left">
+              <td class="center" align="center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" valign="top">
+                <center style="width: 100%; min-width: 580px;">
 
-						      <table class="container" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 580px;">
-						        <tr style="padding: 0; vertical-align: top;" align="left">
-						          <td class="wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; position: relative; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 10px 0px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
+                  <table class="container" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 580px;">
+                    <tr style="padding: 0; vertical-align: top;" align="left">
+                      <td class="wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; position: relative; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 10px 0px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
 
-						            <table class="twelve columns" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px;">
-						              <tr style="padding: 0; vertical-align: top;" align="left">
-						                <td class="twelve sub-columns center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; min-width: 0px; width: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0px 10px 10px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="center" valign="top">
-											<img class="logo" src="https://www.mercadoselectricos.com.sv/energylink_typelogo-2/" style="border: 0; width: 200px; display: inline; outline: none !important; text-decoration: none !important; -ms-interpolation-mode: bicubic; clear: both;" align="none" />
+                        <table class="twelve columns" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px;">
+                          <tr style="padding: 0; vertical-align: top;" align="left">
+                            <td class="twelve sub-columns center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; min-width: 0px; width: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0px 10px 10px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="center" valign="top">
+                              <img class="logo" src="https://www.mercadoselectricos.com.sv/wp-content/uploads/2020/05/Energylink_Transparente.png" style="border: 0; width: 200px; display: inline; outline: none !important; text-decoration: none !important; -ms-interpolation-mode: bicubic; clear: both;" align="none" />
                             </td>
                             <td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; visibility: hidden; width: 0px; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top"></td>
                           </tr>
-						            </table>
+                        </table>
 
-						          </td>
-						        </tr>
-						      </table>
+                      </td>
+                    </tr>
+                  </table>
 
-						    </center>
-						  </td>
-						</tr>
-					</table>
+                </center>
+              </td>
+            </tr>
+          </table>
 
-					<table class="container" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 580px;" width="600" bgcolor="#efefef">
-						<tr style="padding: 0; vertical-align: top;" align="left">
-							<td height="2" class="spacer mb-shorten" style="font-size: 0; line-height: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-image: linear-gradient(to right, #ffed00 0%, #f26529 75%); height: 2px !important; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; padding: 0; margin: 0; border-collapse: collapse !important; color: #222222; border: 0; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" valign="top" align="left"> </td>
-						</tr>
-						<tr style="padding: 0; vertical-align: top;" align="left">
-							<td class="mini-centered-text" style="color: #343b41; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; padding: 25px 35px; margin: 0; border-collapse: collapse !important; -webkit-font-smoothing: antialiased; font: 400 16px/27px 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-text-size-adjust: none;" align="center" valign="top">
-								{{Subject .Subject "Welcome to Grafana"}}
+          <table class="container" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 580px;" width="600" bgcolor="#efefef">
+            <tr style="padding: 0; vertical-align: top;" align="left">
+              <td height="2" class="spacer mb-shorten" style="font-size: 0; line-height: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-image: linear-gradient(to right, #ffed00 0%, #f26529 75%); height: 2px !important; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; padding: 0; margin: 0; border-collapse: collapse !important; color: #222222; border: 0; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" valign="top" align="left"> </td>
+            </tr>
+            <tr style="padding: 0; vertical-align: top;" align="left">
+              <td class="mini-centered-text" style="color: #343b41; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; padding: 25px 35px; margin: 0; border-collapse: collapse !important; -webkit-font-smoothing: antialiased; font: 400 16px/27px 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-text-size-adjust: none;" align="center" valign="top">
+                {{Subject .Subject "Bienvenido a EnergyLink"}}
 
 <table class="row" style="padding: 0px; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; position: relative; display: block;">
-	<tr style="padding: 0; vertical-align: top;" align="left">
-		<td class="wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; position: relative; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 10px 0px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
+  <tr style="padding: 0; vertical-align: top;" align="left">
+    <td class="wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; position: relative; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 10px 0px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
 
-			<table class="twelve columns" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px;">
-				<tr style="padding: 0; vertical-align: top;" align="left">
-					<td style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0px 0px 10px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
-						<h4 style="color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; word-break: normal; font-size: 20px; margin: 0; -webkit-font-smoothing: antialiased; padding: 0; -webkit-text-size-adjust: none;" align="left">Hi {{.Name}},</h4>
-					</td>
-					<td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; visibility: hidden; width: 0px; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top"></td>
-				</tr>
-				<tr style="padding: 0; vertical-align: top;" align="left">
-					<td style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0px 0px 10px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
-						Welcome! Ready to start building some beautiful metric and analytic dashboards?
-					</td>
-				</tr>
-			</table>
+      <table class="twelve columns" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px;">
+        <tr style="padding: 0; vertical-align: top;" align="left">
+          <td style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0px 0px 10px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
+            <h4 style="color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; word-break: normal; font-size: 20px; margin: 0; -webkit-font-smoothing: antialiased; padding: 0; -webkit-text-size-adjust: none;" align="left">Hola {{.Name}},</h4>
+          </td>
+          <td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; visibility: hidden; width: 0px; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top"></td>
+        </tr>
+        <tr style="padding: 0; vertical-align: top;" align="left">
+          <td style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0px 0px 10px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
+            ¡Bienvenido/a! ¿Estás listo/a para una nueva experiencia de información del Mercado Eléctrico Regional?
+          </td>
+        </tr>
+      </table>
 
-		</td>
-	</tr>
+    </td>
+  </tr>
 </table>
 
 <table class="row" style="padding: 0px; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; position: relative; display: block;">
-	<tr style="padding: 0; vertical-align: top;" align="left">
-		<td class="wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; position: relative; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 10px 0px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
-			<table class="twelve columns" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px;">
-				<tr style="padding: 0; vertical-align: top;" align="left">
-					<td class="center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0px 0px 10px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="center" valign="top">
-						<p style="color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0 0 10px; -webkit-font-smoothing: antialiased; padding: 0; -webkit-text-size-adjust: none;" align="left">
-							If you are new to Grafana please read the <a href="http://docs.grafana.org/guides/gettingstarted/" style="color: #FCB122; text-decoration: none;">Getting Started</a> guide.
-						</p>
-					</td>
-					<td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; visibility: hidden; width: 0px; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top"></td>
-				</tr>
-				<tr style="padding: 0; vertical-align: top;" align="left">
-					<td style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0px 0px 10px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
-						Thank you for joining our community.
-						<br />
-						<p style="color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0 0 10px; -webkit-font-smoothing: antialiased; padding: 0; -webkit-text-size-adjust: none;" align="left">The Grafana Team</p>
-					</td>
-				</tr>
-			</table>
-		</td>
-	</tr>
+  <tr style="padding: 0; vertical-align: top;" align="left">
+    <td class="wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; position: relative; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 10px 0px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
+      <table class="twelve columns" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px;">
+        <tr style="padding: 0; vertical-align: top;" align="left">
+          <td class="center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0px 0px 10px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="center" valign="top">
+            <p style="color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0 0 10px; -webkit-font-smoothing: antialiased; padding: 0; -webkit-text-size-adjust: none;" align="left">
+              Si quieres conocer mas sobre EnergyLink puedes visitar nuestro <a href="https://wwww.mercadoselectricos.com.sv/energylink" style="color: #FCB122; text-decoration: none;">sitio web</a> o consultar con nuestros
+              expertos.
+            </p>
+          </td>
+          <td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; visibility: hidden; width: 0px; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top"></td>
+        </tr>
+        <tr style="padding: 0; vertical-align: top;" align="left">
+          <td style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; padding: 0px 0px 10px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
+            Gracias por tu confianza. Sabemos lo bueno de contar con un buen aliado.
+            <br />
+            <p style="color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0 0 10px; -webkit-font-smoothing: antialiased; padding: 0; -webkit-text-size-adjust: none;" align="left">El Equipo de Energylink @ Grupo Merelec</p>
+          </td>
+        </tr>
+      </table>
+    </td>
+  </tr>
 </table>
 
-
-
-								
-							</td>
-						</tr>
-					</table>
-					
-					<table class="footer center" style="padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: center; color: #999999; margin-top: 20px;" bgcolor="#2e2e2e">
-						<tr style="padding: 0; vertical-align: top;" align="left">
-							<td class="wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; position: relative; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 10px 20px 0px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
-								<table class="twelve columns center" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: center; width: 580px;">
-									<tr style="padding: 0; vertical-align: top;" align="left">
-										<td class="twelve" align="center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; width: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0px 0px 10px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" valign="top">
-											<center style="width: 100%; min-width: 580px;">
-												<p style="font-size: 12px; color: #999999; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; margin: 0 0 10px; -webkit-font-smoothing: antialiased; padding: 0; -webkit-text-size-adjust: none;" align="center">
-													Sent by <a href="{{.MEHomePage}}" style="color: #FCB122; text-decoration: none;">Mercados Eléctricos de Centroamérica</a>
-													<br />© 2019 EnergyLink
-												</p>
-											</center>
-										</td>
-										<td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; visibility: hidden; width: 0px; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top"></td>
-									</tr>
-								</table>
-							</td>
-						</tr>
-					</table>
-				</center>
-			</td>
-		</tr>
-	</table>
+                
+              </td>
+            </tr>
+          </table>
+          
+          <table class="footer center" style="padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: center; color: #999999; margin-top: 20px;" bgcolor="#2e2e2e">
+            <tr style="padding: 0; vertical-align: top;" align="left">
+              <td class="wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; position: relative; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 10px 20px 0px 0px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top">
+                <table class="twelve columns center" style="margin: 0 auto; padding: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: center; width: 580px;">
+                  <tr style="padding: 0; vertical-align: top;" align="left">
+                    <td class="twelve" align="center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; width: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0px 0px 10px; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" valign="top">
+                      <center style="width: 100%; min-width: 580px;">
+                        <p style="font-size: 12px; color: #999999; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; margin: 0 0 10px; -webkit-font-smoothing: antialiased; padding: 0; -webkit-text-size-adjust: none;" align="center">
+                          Sent by <a href="{{.MEHomePage}}" style="color: #FCB122; text-decoration: none;">Mercados Eléctricos de Centroamérica
+                            </a>
+                          <br />© 2020 EnergyLink
+                        </p>
+                      </center>
+                    </td>
+                    <td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; visibility: hidden; width: 0px; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;" align="left" valign="top"></td>
+                  </tr>
+                </table>
+              </td>
+            </tr>
+          </table>
+        </center>
+      </td>
+    </tr>
+  </table>
 </body>
+
 </html>

Some files were not shown because too many files changed in this diff