diff --git a/herald/modules/email_generator/templates/pool_exceed_resources_report.html b/herald/modules/email_generator/templates/pool_exceed_resources_report.html
index f93b69e1d..8033b9a2c 100644
--- a/herald/modules/email_generator/templates/pool_exceed_resources_report.html
+++ b/herald/modules/email_generator/templates/pool_exceed_resources_report.html
@@ -1,992 +1,757 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"
-  xmlns:o="urn:schemas-microsoft-com:office:office">
-<head>
-  <title>
-  </title>
-  <!--[if !mso]><!-- -->
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <!--<![endif]-->
-  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <!--[if !mso]><!-->
-  <style type="text/css">
-    @media only screen and (max-width:480px) {
-      @-ms-viewport {
-        width: 320px;
-      }
-      @viewport {
-        width: 320px;
-      }
-    }
-  </style>
-  <!--<![endif]-->
-  <!--[if mso]>
-        <xml>
+<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" lang="en">
+  <head>
+    <title></title>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <!--[if mso]>
+      <xml>
         <o:OfficeDocumentSettings>
-          <o:AllowPNG/>
           <o:PixelsPerInch>96</o:PixelsPerInch>
+          <o:AllowPNG />
         </o:OfficeDocumentSettings>
-        </xml>
-        <![endif]-->
-  <!--[if lte mso 11]>
-        <style type="text/css">
-          .outlook-group-fix { width:100% !important; }
-        </style>
-        <![endif]-->
-  <!--[if !mso]><!-->
-  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap" rel="stylesheet"
-    type="text/css">
-  <!--<![endif]-->
-  <style type="text/css">
-    @media only screen and (min-width:480px) {
-      .mj-column-per-100 {
-        width: 100% !important;
-        max-width: 100%;
-      }
-      .mj-column-per-33 {
-        width: 33.333333% !important;
-        max-width: 33.333333%;
-      }
-    }
-  </style>
-  <style type="text/css">
-    @media only screen and (max-width:480px) {
-      table.full-width-mobile {
-        width: 100% !important;
-      }
-      td.full-width-mobile {
-        width: auto !important;
+      </xml>
+    <![endif]-->
+    <style>
+      * {
+        box-sizing: border-box;
       }
-    }
-  </style>
-  <style type="text/css">
-    @media only screen and (min-width: 480px) {
-      .hide_on_mobile {
-        display: block !important;
+
+      body {
+        margin: 0;
+        padding: 0;
       }
-    }
-    @media only screen and (min-width: 480px) {
-      .hide_section_on_mobile {
-        display: table !important;
+
+      a[x-apple-data-detectors] {
+        color: inherit !important;
+        text-decoration: inherit !important;
       }
-    }
-    @media only screen and (min-width: 480px) {
-      .hide_on_desktop {
-        display: none !important;
+
+      #MessageViewBody a {
+        color: inherit;
+        text-decoration: none;
       }
-    }
-    @media only screen and (min-width: 480px) {
-      .hide_section_on_desktop {
-        display: none !important;
+
+      p {
+        line-height: inherit;
       }
-    }
-    @media only print and (min-width:480px) {
-      .mj-column-per-100 {
-        width: 100% !important;
+
+      .desktop_hide,
+      .desktop_hide table {
+        mso-hide: all;
+        display: none;
+        max-height: 0px;
+        overflow: hidden;
       }
-      .mj-column-per-40 {
-        width: 40% !important;
+
+      .menu_block.desktop_hide .menu-links span {
+        mso-hide: all;
       }
-      .mj-column-per-60 {
-        width: 60% !important;
+
+      @media (max-width: 620px) {
+        .row-content {
+          width: 100% !important;
+        }
+
+        .mobile_hide {
+          display: none;
+        }
+
+        .stack .column {
+          width: 100%;
+          display: block;
+        }
+
+        .mobile_hide {
+          min-height: 0;
+          max-height: 0;
+          max-width: 0;
+          overflow: hidden;
+          font-size: 0px;
+        }
+
+        .desktop_hide,
+        .desktop_hide table {
+          display: table !important;
+          max-height: none !important;
+        }
       }
-      .mj-column-per-50 {
-        width: 50% !important;
-      }
-      mj-column-per-33 {
-        width: 33.333333333333336% !important;
-      }
-    }
-  </style>
-</head>
-<body
-  style="margin: 0; padding: 0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background-color: #FFFFFF;">
-  <div style="background-color:#FFFFFF;">
-    <!--[if mso | IE]>
-      <table
-         align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:700px;" width="700"
-      >
+    </style>
+  </head>
+  <body style="background-color: #f7f6f5; margin: 0; padding: 0; -webkit-text-size-adjust: none; text-size-adjust: none">
+    <table class="nl-container" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #f7f6f5">
+      <tbody>
         <tr>
-          <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
-        <v:rect  style="width:700px;" xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false">
-        <v:fill  origin="0.5, 0" position="0.5, 0" src="{{links.background_image}}" color="#004C74" type="tile" />
-        <v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0">
-      <![endif]-->
-    <div
-      style="background:#004C74 url({{links.background_image}}) top center / auto no-repeat;Margin:0px auto;max-width:700px;">
-      <div style="line-height:0;font-size:0;">
-        <table align="center" background="{{links.background_image}}" border="0" cellpadding="0" cellspacing="0"
-          role="presentation"
-          style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background: #004C74 url({{links.background_image}}) top center / auto no-repeat; width: 100%;"
-          width="100%">
-          <tbody>
-            <tr>
-              <td
-                style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; direction: ltr; font-size: 0px; padding: 0px 0px 0px 0px; text-align: center; vertical-align: top;"
-                align="center" valign="top">
-                <!--[if mso | IE]>
-                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-        <tr>
-            <td
-               class="" style="vertical-align:top;width:700px;"
-            >
-          <![endif]-->
-                <div class="mj-column-per-100 outlook-group-fix"
-                  style="font-size:14px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                  <table border="0" cellpadding="0" cellspacing="0" role="presentation"
-                    style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; vertical-align: top;"
-                    width="100%" valign="top">
-                    <tbody>
-                      <tr>
-                        <td align="left"
-                          style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 25px 0px 70px 25px; word-break: break-word;">
-                          <table border="0" cellpadding="0" cellspacing="0" role="presentation"
-                            style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse; border-spacing: 0px;">
-                            <tbody>
+          <td>
+            <!-- Organization header -->
+            <table class="row" align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #f7f6f5">
+              <tbody>
+                <tr>
+                  <td>
+                    <table class="row-content stack" align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #fff; color: #000000; width: 600px" width="600">
+                      <tbody>
+                        <tr>
+                          <td class="column column-1" width="100%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; vertical-align: top; padding-top: 15px; padding-bottom: 15px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px">
+                            <table class="text_block block-1" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
                               <tr>
-                                <td
-                                  style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 200px;"
-                                  width="200">
-                                  <img height="auto" src="{{images.logo}}"
-                                    style="line-height: 100%; -ms-interpolation-mode: bicubic; border: 0; display: block; outline: none; text-decoration: none; height: auto; width: 100%;"
-                                    width="200">
+                                <td class="pad" style="padding-bottom: 5px; padding-left: 15px; padding-right: 15px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: center">Organization</p>
+                                      <p style="margin: 0; font-size: 16px; text-align: center"><strong>{{texts.organization.name}}</strong></p>
+                                    </div>
+                                  </div>
                                 </td>
                               </tr>
-                            </tbody>
-                          </table>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td align="center"
-                          style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px; word-break: break-word;">
-                          <div
-                            style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:16px;line-height:1.2;text-align:center;color:#FFFFFF;">
-                            <h1
-                              style="font-family: &apos;Montserrat&apos;, sans-serif; font-size: 28px; line-height: 100%; color: #FFFFFF">
-                              {{texts.product}} {{texts.title}}</h1>
-                            <p style="font-family: &apos;Montserrat&apos;, sans-serif; font-size: 14px; font-weight: bold">
-                              Organization: {{texts.organization.name}}</p>
-                          </div>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-                <!--[if mso | IE]>
-            </td>
-        </tr>
-                  </table>
-                <![endif]-->
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-    </div>
-    <!--[if mso | IE]>
-        </v:textbox>
-      </v:rect>
-          </td>
-        </tr>
-      </table>
-      <table
-         align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:700px;" width="700"
-      >
-        <tr>
-          <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
-      <![endif]-->
-    <div style="background:#FFFFFF;background-color:#FFFFFF;Margin:0px auto;max-width:700px;">
-      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
-        style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background: #FFFFFF; background-color: #FFFFFF; width: 100%;"
-        width="100%" bgcolor="#FFFFFF">
-        <tbody>
-          <tr>
-            <td
-              style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; direction: ltr; font-size: 0px; padding: 10px 0px 10px 0px; text-align: center; vertical-align: top;"
-              align="center" valign="top">
-              <!--[if mso | IE]>
-                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-        <tr>
-            <td
-               class="" style="vertical-align:top;width:700px;"
-            >
-          <![endif]-->
-              <div class="mj-column-per-100 outlook-group-fix"
-                style="font-size:16px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                <table border="0" cellpadding="0" cellspacing="0" role="presentation"
-                  style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; vertical-align: top;"
-                  width="100%" valign="top">
-                  <tbody>
-                    <tr>
-                      <td align="left"
-                        style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 15px 15px 15px 15px; word-break: break-word;">
-                        <div
-                          style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:16px;line-height:1.2;text-align:left;color:#000000;">
-                          <p style="display: block; margin: 0px; font-size: 16px; color: #000000;">Dear
-                            {{texts.user.user_display_name}},</p>
-                        </div>
-                      </td>
-                    </tr>
-                    <tr>
-                      <td align="left"
-                        style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 15px 15px 15px 15px; word-break: break-word;">
-                        <div
-                          style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:16px;line-height:1.2;text-align:left;color:#000000;">
-                          <p style="display: block; margin: 0px; font-size: 16px; color: #000000;">Some of the pools
-                            in <strong><a href="https://{{etcd.control_panel_link}}{{texts.control_panel_parameters}}" target="_blank" rel="noopener">{{texts.organization.name}}</a></strong> where you have resources have been exceeded or
-                            forecasted to exceed. Please review your resources in them listed below.</p>
-                        </div>
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-              <!--[if mso | IE]>
-            </td>
-        </tr>
-                  </table>
-                <![endif]-->
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-    {{#texts.exceeded_pool_forecasts_count}}
-    <!--[if mso | IE]>
-          </td>
-        </tr>
-      </table>
-      <table
-         align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:700px;" width="700"
-      >
-        <tr>
-          <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
-      <![endif]-->
-    <div style="background:#FFFFFF;background-color:#FFFFFF;Margin:0px auto;max-width:700px;">
-      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
-        style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background: #FFFFFF; background-color: #FFFFFF; width: 100%;"
-        width="100%" bgcolor="#FFFFFF">
-        <tbody>
-          <tr>
-            <td
-              style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; direction: ltr; font-size: 0px; padding: 0px 0px 0px 0px; text-align: center; vertical-align: top;"
-              align="center" valign="top">
-              <!--[if mso | IE]>
-                    <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-          <tr>
-              <td
-                 class="" style="vertical-align:top;width:700px;"
-              >
-            <![endif]-->
-              <div class="mj-column-per-100 outlook-group-fix"
-                style="font-size:14px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                <table border="0" cellpadding="0" cellspacing="0" role="presentation"
-                  style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; vertical-align: top;"
-                  width="100%" valign="top">
-                  <tbody>
-                    <tr>
-                      <td align="left"
-                        style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 10px 15px; word-break: break-word;">
-                        <div
-                          style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:18px;line-height:1.5;text-align:left;color:#000000;">
-                          <p style="display: block; margin: 0px; font-size: 18px;">Pool limits forecasted to exceed</p>
-                        </div>
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-              <!--[if mso | IE]>
-              </td>
-          </tr>
+                            </table>
+                          </td>
+                        </tr>
+                      </tbody>
                     </table>
-                  <![endif]-->
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-    {{#texts.exceeded_pool_forecasts}}
-    <!--[if mso | IE]>
-            </td>
-          </tr>
-        </table>
-        <table
-          align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:700px;" width="700"
-        >
-          <tr>
-            <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
-        <![endif]-->
-    <div style="background:#FFFFFF;background-color:#FFFFFF;Margin:0px auto;max-width:700px;">
-      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
-        style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background: #FFFFFF; background-color: #FFFFFF; width: 100%;"
-        width="100%" bgcolor="#FFFFFF">
-        <tbody>
-          <tr>
-            <td
-              style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; direction: ltr; font-size: 0px; padding: 0px 0px 10px 0px; text-align: center; vertical-align: top;"
-              align="center" valign="top">
-              <!--[if mso | IE]>
-                      <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-            <tr>
-                <td
-                  class="" style="vertical-align:top;width:700px;"
-                >
-              <![endif]-->
-              <div class="mj-column-per-100 outlook-group-fix"
-                style="font-size:14px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                <table border="0" cellpadding="0" cellspacing="0" role="presentation"
-                  style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; vertical-align: top;"
-                  width="100%" valign="top">
-                  <tbody>
-                    <tr>
-                      <td align="left"
-                        style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 0px 15px; word-break: break-word;">
-                        <div
-                          style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:14px;line-height:1.5;text-align:left;color:#000000;">
-                          <p style="display: block; margin: 0px; font-size: 14px;"><strong><a href="https://{{etcd.control_panel_link}}/pools/{{pool_id}}{{texts.control_panel_parameters}}" target="_blank" rel="noopener">{{pool_name}}</a></strong></p>
-                          <p style="display: block; margin: 0px; font-size: 14px;">Pool limit: <strong>{{texts.organization.currency_code}}{{limit}}</strong>
-                          </p>
-                          <p style="display: block; margin: 0px; font-size: 14px;">Expenses up-to-date (this month):
-                            <strong>{{texts.organization.currency_code}}{{total_expenses}}</strong></p>
-                          <p style="display: block; margin: 0px; font-size: 14px;">Expenses forecast:
-                            <strong>{{texts.organization.currency_code}}{{forecast}}</strong></p>
-                        </div>
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-              <!--[if mso | IE]>
-                </td>
-            </tr>
-                      </table>
-                    <![endif]-->
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-    <!--[if mso | IE]>
-              </td>
-            </tr>
-          </table>
-          <table
-            align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:700px;" width="700"
-          >
-            <tr>
-              <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
-          <![endif]-->
-    <div style="background:#FFFFFF;background-color:#FFFFFF;Margin:0px auto;max-width:700px;">
-      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
-        style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background: #FFFFFF; background-color: #FFFFFF; width: 100%;"
-        width="100%" bgcolor="#FFFFFF">
-        <tbody>
-          <tr>
-            <td
-              style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; direction: ltr; font-size: 0px; padding: 0px 0px 20px 0px; text-align: center; vertical-align: top;"
-              align="center" valign="top">
-              <!--[if mso | IE]>
-                      <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-            <tr>
-                <td
-                  class="" style="vertical-align:top;width:700px;"
-                >
-              <![endif]-->
-              <div class="mj-column-per-100 outlook-group-fix"
-                style="font-size:12px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                <table border="0" cellpadding="0" cellspacing="0" role="presentation"
-                  style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; vertical-align: top;"
-                  width="100%" valign="top">
-                  <tbody>
-                    <tr>
-                      <th align="left"
-                        style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 0px 15px; word-break: break-word;">
-                        <div
-                          style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.5;text-align:left;color:#000000;">
-                          <p style="display: block; margin: 0px; font-size: 12px;"><strong><span
-                                style="font-size: 12px;">Id</span></strong></p>
-                        </div>
-                      </th>
-                      <th align="left"
-                        style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 0px 15px; word-break: break-word;">
-                        <div
-                          style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.5;text-align:left;color:#000000;">
-                          <p style="display: block; margin: 0px; font-size: 12px;"><span
-                              style="font-size: 12px;">Name</span></p>
-                        </div>
-                      </th>
-                      <th align="left"
-                        style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 0px 15px; word-break: break-word;">
-                        <div
-                          style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.5;text-align:left;color:#000000;">
-                          <p style="display: block; margin: 0px; font-size: 12px;"><strong><span
-                                style="font-size: 12px;">Type</span></strong></p>
-                        </div>
-                      </th>
-                      <th align="left"
-                        style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 0px 15px; word-break: break-word;">
-                        <div
-                          style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.5;text-align:left;color:#000000;">
-                          <p style="display: block; margin: 0px; font-size: 12px;"><strong><span
-                                style="font-size: 12px;">Cloud</span></strong></p>
-                        </div>
-                      </th>
-                    </tr>
-                    {{#resources}}
-                    <tr>
-                      <td align="left"
-                        style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 0px 15px; word-break: break-word; min-width: 150px">
-                        <div
-                          style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.5;text-align:left;color:#000000;">
-                          <p style="display: block; margin: 0px; font-size: 12px;"><span
-                              style="font-size: 12px;"><a href="https://{{etcd.control_panel_link}}/resources/{{resource_id}}{{texts.control_panel_parameters}}&tab=expenses" target="_blank" rel="noopener">{{cloud_resource_id}}</a></span></p>
-                        </div>
-                      </td>
-                      <td align="left"
-                        style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 0px 15px; word-break: break-word; min-width: 200px">
-                        <div
-                          style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.5;text-align:left;color:#000000;">
-                          <p style="display: block; margin: 0px; font-size: 12px;"><span
-                              style="font-size: 12px;">{{name}}</span></p>
-                        </div>
-                      </td>
-                      <td align="left"
-                        style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 0px 15px; word-break: break-word; min-width: 50px">
-                        <div
-                          style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.5;text-align:left;color:#000000;">
-                          <p style="display: block; margin: 0px; font-size: 12px;"><span
-                              style="font-size: 12px;">{{type}}</span></p>
-                        </div>
-                      </td>
-                      <td align="left"
-                        style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 0px 15px; word-break: break-word; min-width: 100px">
-                        <div
-                          style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.5;text-align:left;color:#000000;">
-                          <p style="display: block; margin: 0px; font-size: 12px;"><span
-                              style="font-size: 12px;">{{cloud_account_name}}</span></p>
-                        </div>
-                      </td>
-                    </tr>
-                    {{/resources}}
-                  </tbody>
-                </table>
-              </div>
-              <!--[if mso | IE]>
-                </td>
-            </tr>
-                      </table>
-                    <![endif]-->
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-    {{/texts.exceeded_pool_forecasts}}
-    {{/texts.exceeded_pool_forecasts_count}}
-    {{#texts.exceeded_pools_count}}
-    <!--[if mso | IE]>
-          </td>
-        </tr>
-      </table>
-      <table
-         align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:700px;" width="700"
-      >
-        <tr>
-          <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
-      <![endif]-->
-    <div style="background:#FFFFFF;background-color:#FFFFFF;Margin:0px auto;max-width:700px;">
-      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
-        style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background: #FFFFFF; background-color: #FFFFFF; width: 100%;"
-        width="100%" bgcolor="#FFFFFF">
-        <tbody>
-          <tr>
-            <td
-              style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; direction: ltr; font-size: 0px; padding: 0px 0px 0px 0px; text-align: center; vertical-align: top;"
-              align="center" valign="top">
-              <!--[if mso | IE]>
-                    <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-          <tr>
-              <td
-                 class="" style="vertical-align:top;width:700px;"
-              >
-            <![endif]-->
-              <div class="mj-column-per-100 outlook-group-fix"
-                style="font-size:14px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                <table border="0" cellpadding="0" cellspacing="0" role="presentation"
-                  style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; vertical-align: top;"
-                  width="100%" valign="top">
-                  <tbody>
-                    <tr>
-                      <td align="left"
-                        style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 10px 15px; word-break: break-word;">
-                        <div
-                          style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:18px;line-height:1.5;text-align:left;color:#000000;">
-                          <p style="display: block; margin: 0px; font-size: 18px;">Pool limits exceeded</p>
-                        </div>
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-              <!--[if mso | IE]>
-              </td>
-          </tr>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+
+            <!-- Logo -->
+            <table class="row" align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #f7f6f5">
+              <tbody>
+                <tr>
+                  <td>
+                    <table class="row-content stack" align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #4ab4ee; color: #000000; width: 600px" width="600">
+                      <tbody>
+                        <tr>
+                          <td class="column column-1" width="100%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; vertical-align: top; padding-top: 0px; padding-bottom: 0px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px">
+                            <table class="image_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt">
+                              <tr>
+                                <td class="pad" style="width: 100%; padding-right: 0px; padding-left: 0px; padding-top: 20px; padding-bottom: 20px">
+                                  <div class="alignment" align="center" style="line-height: 10px"><img src="https://cdn.hystax.com/OptScale/OptScale-logo-white.png" style="display: block; height: auto; border: 0; width: 154px; max-width: 100%" width="154" alt="your-logo" title="your-logo" /></div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                        </tr>
+                      </tbody>
                     </table>
-                  <![endif]-->
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-    {{#texts.exceeded_pools}}
-    <!--[if mso | IE]>
-            </td>
-          </tr>
-        </table>
-        <table
-          align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:700px;" width="700"
-        >
-          <tr>
-            <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
-        <![endif]-->
-    <div style="background:#FFFFFF;background-color:#FFFFFF;Margin:0px auto;max-width:700px;">
-      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
-        style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background: #FFFFFF; background-color: #FFFFFF; width: 100%;"
-        width="100%" bgcolor="#FFFFFF">
-        <tbody>
-          <tr>
-            <td
-              style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; direction: ltr; font-size: 0px; padding: 0px 0px 10px 0px; text-align: center; vertical-align: top;"
-              align="center" valign="top">
-              <!--[if mso | IE]>
-                      <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-            <tr>
-                <td
-                  class="" style="vertical-align:top;width:700px;"
-                >
-              <![endif]-->
-              <div class="mj-column-per-100 outlook-group-fix"
-                style="font-size:14px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                <table border="0" cellpadding="0" cellspacing="0" role="presentation"
-                  style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; vertical-align: top;"
-                  width="100%" valign="top">
-                  <tbody>
-                    <tr>
-                      <td align="left"
-                        style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 0px 15px; word-break: break-word;">
-                        <div
-                          style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:14px;line-height:1.5;text-align:left;color:#000000;">
-                          <p style="display: block; margin: 0px; font-size: 14px;"><strong><a href="https://{{etcd.control_panel_link}}/pools/{{pool_id}}{{texts.control_panel_parameters}}" target="_blank" rel="noopener">{{pool_name}}</a></strong></p>
-                          <p style="display: block; margin: 0px; font-size: 14px;">Pool limit: <strong>{{texts.organization.currency_code}}{{limit}}</strong></p>
-                          <p style="display: block; margin: 0px; font-size: 14px;">Expenses up-to-date (this month):
-                            <strong>{{texts.organization.currency_code}}{{total_expenses}}</strong></p>
-                          <p style="display: block; margin: 0px; font-size: 14px;">Expenses forecast:
-                            <strong>{{texts.organization.currency_code}}{{forecast}}</strong></p>
-                        </div>
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-              <!--[if mso | IE]>
-                </td>
-            </tr>
-                      </table>
-                    <![endif]-->
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-    <!--[if mso | IE]>
-              </td>
-            </tr>
-          </table>
-          <table
-            align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:700px;" width="700"
-          >
-            <tr>
-              <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
-          <![endif]-->
-    <div style="background:#FFFFFF;background-color:#FFFFFF;Margin:0px auto;max-width:700px;">
-      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
-        style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background: #FFFFFF; background-color: #FFFFFF; width: 100%;"
-        width="100%" bgcolor="#FFFFFF">
-        <tbody>
-          <tr>
-            <td
-              style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; direction: ltr; font-size: 0px; padding: 0px 0px 20px 0px; text-align: center; vertical-align: top;"
-              align="center" valign="top">
-              <!--[if mso | IE]>
-                      <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-            <tr>
-                <td
-                  class="" style="vertical-align:top;width:700px;"
-                >
-              <![endif]-->
-              <div class="mj-column-per-100 outlook-group-fix"
-                style="font-size:12px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                <table border="0" cellpadding="0" cellspacing="0" role="presentation"
-                  style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; vertical-align: top;"
-                  width="100%" valign="top">
-                  <tbody>
-                    <tr>
-                      <th align="left"
-                        style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 0px 15px; word-break: break-word;">
-                        <div
-                          style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.5;text-align:left;color:#000000;">
-                          <p style="display: block; margin: 0px; font-size: 12px;"><strong><span
-                                style="font-size: 12px;">Id</span></strong></p>
-                        </div>
-                      </th>
-                      <th align="left"
-                        style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 0px 15px; word-break: break-word;">
-                        <div
-                          style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.5;text-align:left;color:#000000;">
-                          <p style="display: block; margin: 0px; font-size: 12px;"><span
-                              style="font-size: 12px;">Name</span></p>
-                        </div>
-                      </th>
-                      <th align="left"
-                        style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 0px 15px; word-break: break-word;">
-                        <div
-                          style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.5;text-align:left;color:#000000;">
-                          <p style="display: block; margin: 0px; font-size: 12px;"><strong><span
-                                style="font-size: 12px;">Type</span></strong></p>
-                        </div>
-                      </th>
-                      <th align="left"
-                        style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 0px 15px; word-break: break-word;">
-                        <div
-                          style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.5;text-align:left;color:#000000;">
-                          <p style="display: block; margin: 0px; font-size: 12px;"><strong><span
-                                style="font-size: 12px;">Cloud</span></strong></p>
-                        </div>
-                      </th>
-                    </tr>
-                    {{#resources}}
-                    <tr>
-                      <td align="left"
-                        style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 0px 15px; word-break: break-word; min-width: 150px">
-                        <div
-                          style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.5;text-align:left;color:#000000;">
-                          <p style="display: block; margin: 0px; font-size: 12px;"><span
-                              style="font-size: 12px;"><a href="https://{{etcd.control_panel_link}}/resources/{{resource_id}}{{texts.control_panel_parameters}}&tab=expenses" target="_blank" rel="noopener">{{cloud_resource_id}}</a></span></p>
-                        </div>
-                      </td>
-                      <td align="left"
-                        style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 0px 15px; word-break: break-word;  min-width: 200px">
-                        <div
-                          style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.5;text-align:left;color:#000000;">
-                          <p style="display: block; margin: 0px; font-size: 12px;"><span
-                              style="font-size: 12px;">{{name}}</span></p>
-                        </div>
-                      </td>
-                      <td align="left"
-                        style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 0px 15px; word-break: break-word; min-width: 50px">
-                        <div
-                          style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.5;text-align:left;color:#000000;">
-                          <p style="display: block; margin: 0px; font-size: 12px;"><span
-                              style="font-size: 12px;">{{type}}</span></p>
-                        </div>
-                      </td>
-                      <td align="left"
-                        style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 0px 15px; word-break: break-word; min-width: 100px">
-                        <div
-                          style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.5;text-align:left;color:#000000;">
-                          <p style="display: block; margin: 0px; font-size: 12px;"><span
-                              style="font-size: 12px;">{{cloud_account_name}}</span></p>
-                        </div>
-                      </td>
-                    </tr>
-                    {{/resources}}
-                  </tbody>
-                </table>
-              </div>
-              <!--[if mso | IE]>
-                </td>
-            </tr>
-                      </table>
-                    <![endif]-->
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-    {{/texts.exceeded_pools}}
-    {{/texts.exceeded_pools_count}}
-    <!--[if mso | IE]>
-          </td>
-        </tr>
-      </table>
-      <table
-          align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:700px;" width="700"
-        >
-          <tr>
-            <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
-      <![endif]-->
-      <div style="background:#FFFFFF;background-color:#FFFFFF;Margin:0px auto;max-width:700px;">
-        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background: #FFFFFF; background-color: #FFFFFF; width: 100%;" width="100%" bgcolor="#FFFFFF">
-          <tbody>
-            <tr>
-              <td style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; direction: ltr; font-size: 0px; padding: 10px 0px 10px 0px; text-align: center; vertical-align: top;" align="center" valign="top">
-                <!--[if mso | IE]>
-                    <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-          <tr>
-              <td
-                 class="" style="vertical-align:top;width:700px;"
-              >
-            <![endif]-->
-                <div class="mj-column-per-100 outlook-group-fix" style="font-size:16px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; vertical-align: top;" width="100%" valign="top">
-                    <tbody>
-                      <tr>
-                        <td align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 15px 15px 15px 15px; word-break: break-word;">
-                          <div style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:16px;line-height:1.2;text-align:left;color:#000000;">
-                            <p style="display: block; margin: 0px; font-size: 16px; color: #000000;">This email was generated automatically, you don’t need to reply to it.
-                              If you want us to stop sending such alerts, please let us know by writing to <strong>support@hystax.com</strong></p>
-                          </div>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 15px 15px 15px 15px; word-break: break-word;">
-                          <div style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:16px;line-height:1.2;text-align:left;color:#000000;">
-                            <p style="display: block; margin: 0px; font-size: 16px; color: #000000;">---<br>
-                            <p style="display: block; margin: 0px; font-size: 16px; color: #000000;">Sincerely,</p>
-                            <p style="display: block; margin: 0px; font-size: 16px; color: #000000;">Your Hystax OptScale Team.</p>
-                          </div>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-                <!--[if mso | IE]>
-              </td>
-          </tr>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+
+            <!-- Description -->
+            <table class="row" align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #f7f6f5">
+              <tbody>
+                <tr>
+                  <td>
+                    <table class="row-content stack" align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #fff; color: #000000; width: 600px" width="600">
+                      <tbody>
+                        <tr>
+                          <td class="column column-1" width="100%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; vertical-align: top; padding-top: 20px; padding-bottom: 0px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px">
+                            <table class="text_block block-1" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-bottom: 5px; padding-left: 20px; padding-right: 20px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: center">
+                                        Some of the pools in <strong><a href="https://{{etcd.control_panel_link}}{{texts.control_panel_parameters}}" target="_blank" rel="noopener">{{texts.organization.name}}</a></strong> where you have resources have been exceeded or are forecasted to be exceeded. Please review your resources in the list below.
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                        </tr>
+                      </tbody>
                     </table>
-                  <![endif]-->
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <!--[if mso | IE]>
                   </td>
-          </tr>
-        </table>
-      <table
-         align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:700px;" width="700"
-      >
-        <tr>
-          <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
-      <![endif]-->
-    <div style="background:#004C74;background-color:#004C74;Margin:0px auto;max-width:700px;">
-      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background: #004C74; background-color: #004C74; width: 100%;" width="100%" bgcolor="#004C74">
-        <tbody>
-          <tr>
-            <td style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; direction: ltr; font-size: 0px; padding: 10px 0px 10px 0px; text-align: center; vertical-align: top;" align="center" valign="top">
-              <!--[if mso | IE]>
-              <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-    <tr>
-        <td
-           class="" style="vertical-align:top;width:200px;"
-        >
-      <![endif]-->
-              <div class="mj-column-per-33 outlook-group-fix" style="font-size:12px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; vertical-align: top;" width="100%" valign="top">
-                  <tbody>
-                    <tr>
-                      <td align="center" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 5px 5px 5px 5px; word-break: break-word;">
-                        <div style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.2;text-align:center;color:#FFFFFF;">
-                          <p style="display: block; margin: 0px; font-size: 12px; color:#FFFFFF;">{{texts.copyright}}
-                          </p>
-                          <p style="display: block; margin: 0px; font-size: 12px; color:#FFFFFF;">Hystax Inc. All Rights
-                            Reserved
-                          </p>
-                        </div>
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-              <!--[if mso | IE]>
-        </td>
-        <td
-           class="" style="vertical-align:top;width:200px;"
-        >
-      <![endif]-->
-              <div class="mj-column-per-33 outlook-group-fix" style="font-size:12px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; vertical-align: top;" width="100%" valign="top">
-                  <tbody>
-                    <tr>
-                      <td align="center" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 5px 5px 5px 5px; word-break: break-word;">
-                        <div style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.2;text-align:center;color:#ffffff;">
-                          <p style="display: block; margin: 0px; font-size: 12px; color: #ffffff;"><a style="color: #ffffff;" href="{{links.terms_of_use}}" target="_blank" rel="noopener">Terms
-                              of use</a> |
-                            <a style="color: #ffffff;" href="{{links.privacy_policy}}" target="_blank" rel="noopener">Privacy
-                              Policy</a></p>
-                        </div>
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-              <!--[if mso | IE]>
-        </td>
-        <td
-           class="" style="vertical-align:top;width:200px;"
-        >
-      <![endif]-->
-              <div class="mj-column-per-33 outlook-group-fix" style="font-size:12px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; vertical-align: top;" width="100%" valign="top">
-                  <tbody>
-                    <tr>
-                      <td align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 5px 5px 5px 5px; word-break: break-word;">
-                        <div style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.2;text-align:left;color:#FFFFFF;">
-                          <p style="display: block; margin: 0px; font-size: 12px; text-align: center;">{{texts.address}}
-                          </p>
-                        </div>
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-              <!--[if mso | IE]>
-        </td>
-    </tr>
-              </table>
-            <![endif]-->
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-    <!--[if mso | IE]>
-      </td>
-    </tr>
-  </table>
-  <table
-     align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:700px;" width="700"
-  >
-    <tr>
-      <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
-  <![endif]-->
-    <div style="background:#004C74;background-color:#004C74;Margin:0px auto;max-width:700px;">
-      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background: #004C74; background-color: #004C74; width: 100%;" width="100%" bgcolor="#004C74">
-        <tbody>
-          <tr>
-            <td style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; direction: ltr; font-size: 0px; padding: 9px 0px 9px 0px; text-align: center; vertical-align: top;" align="center" valign="top">
-              <!--[if mso | IE]>
-              <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-    <tr>
-        <td
-           class="" style="vertical-align:top;width:700px;"
-        >
-      <![endif]-->
-              <div class="mj-column-per-100 outlook-group-fix" style="font-size:14px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; vertical-align: top;" width="100%" valign="top">
-                  <tbody>
-                    <tr>
-                      <td align="center" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 0px 0px 0px; word-break: break-word;">
-                        <!--[if mso | IE]>
-  <table
-     align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
-  >
-    <tr>
-          <td>
-        <![endif]-->
-                        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; float: none; display: inline-table;">
-                          <tbody>
-                            <tr>
-                              <td style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding: 4px;">
-                                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background: transparent; border-radius: 3px; width: 35px;" width="35">
-                                  <tbody>
-                                    <tr>
-                                      <td style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0; height: 35px; vertical-align: middle; width: 35px;" width="35" height="35" valign="middle">
-                                        <a href="{{links.linkedin}}" target="_blank" rel="noopener">
-                                          <img height="35" src="https://s3-eu-west-1.amazonaws.com/ecomail-assets/editor/social-icos/roundedwhite/linkedin.png" style="border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; border-radius: 3px; display: block;" width="35">
-                                        </a>
-                                      </td>
-                                    </tr>
-                                  </tbody>
-                                </table>
-                              </td>
-                            </tr>
-                          </tbody>
-                        </table>
-                        <!--[if mso | IE]>
-          </td>
-          <td>
-        <![endif]-->
-                        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; float: none; display: inline-table;">
-                          <tbody>
-                            <tr>
-                              <td style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding: 4px;">
-                                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background: transparent; border-radius: 3px; width: 35px;" width="35">
-                                  <tbody>
-                                    <tr>
-                                      <td style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0; height: 35px; vertical-align: middle; width: 35px;" width="35" height="35" valign="middle">
-                                        <a href="{{links.twitter}}" target="_blank" rel="noopener">
-                                          <img height="35" src="https://s3-eu-west-1.amazonaws.com/ecomail-assets/editor/social-icos/roundedwhite/twitter.png" style="border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; border-radius: 3px; display: block;" width="35">
-                                        </a>
-                                      </td>
-                                    </tr>
-                                  </tbody>
-                                </table>
-                              </td>
-                            </tr>
-                          </tbody>
-                        </table>
-                        <!--[if mso | IE]>
-          </td>
-          <td>
-        <![endif]-->
-                        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; float: none; display: inline-table;">
-                          <tbody>
-                            <tr>
-                              <td style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding: 4px;">
-                                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background: transparent; border-radius: 3px; width: 35px;" width="35">
-                                  <tbody>
+                </tr>
+              </tbody>
+            </table>
+
+            <!-- Pool limits forecasted to exceed -->
+            {{#texts.exceeded_pool_forecasts_count}}
+            <!-- Pool limits forecasted to exceed > Title -->
+            <table class="row" align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #f7f6f5">
+              <tbody>
+                <tr>
+                  <td>
+                    <table class="row-content stack" align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #fff; color: #000000; width: 600px" width="600">
+                      <tbody>
+                        <tr>
+                          <td class="column column-1" width="100%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; vertical-align: top; padding-top: 24px; padding-bottom: 0px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px">
+                            <table class="text_block block-1" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 20px; padding-right: 20px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: center; mso-line-height-alt: 24px">
+                                        <span style="font-size: 16px">
+                                          <strong>Pool limits forecasted to exceed</strong>
+                                        </span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            {{#texts.exceeded_pool_forecasts}}
+            <!-- Pool limits forecasted to exceed > Pool description -->
+            <table class="row" align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #f7f6f5">
+              <tbody>
+                <tr>
+                  <td>
+                    <table class="row-content" align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #fff; color: #000000; width: 600px" width="600">
+                      <tbody>
+                        <tr>
+                          <td class="column column-1" width="100%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; border-bottom: 1px dotted #333f53; vertical-align: top; border-top: 0px; border-right: 0px; border-left: 0px">
+                            <table class="text_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 20px; padding-right: 10px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">
+                                          Pool: <strong><a href="https://{{etcd.control_panel_link}}/pools/{{pool_id}}{{texts.control_panel_parameters}}" target="_blank" rel="noopener">{{pool_name}}</a></strong>
+                                        </span>
+                                      </p>
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">Pool limit: <strong>{{texts.organization.currency_code}}{{limit}}</strong></span>
+                                      </p>
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">Expenses up-to-date (this month): <strong>{{texts.organization.currency_code}}{{total_expenses}}</strong></span>
+                                      </p>
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">Expenses forecast: <strong>{{texts.organization.currency_code}}{{forecast}}</strong></span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <!-- Pool limits forecasted to exceed > Resources table header -->
+            <table class="row" align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #f7f6f5">
+              <tbody>
+                <tr>
+                  <td>
+                    <table class="row-content" align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #fff; color: #000000; width: 600px" width="600">
+                      <tbody>
+                        <tr>
+                          <td class="column column-1" width="30%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; border-bottom: 1px dotted #333f53; vertical-align: top; border-top: 0px; border-right: 0px; border-left: 0px">
+                            <table class="text_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 20px; padding-right: 10px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">
+                                          <strong>Id</strong>
+                                        </span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                          <td class="column column-2" width="35%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; border-bottom: 1px dotted #333f53; vertical-align: top; border-top: 0px; border-right: 0px; border-left: 0px">
+                            <table class="text_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 10px; padding-right: 20px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">
+                                          <strong>Name</strong>
+                                        </span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                          <td class="column column-3" width="15%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; border-bottom: 1px dotted #333f53; vertical-align: top; border-top: 0px; border-right: 0px; border-left: 0px">
+                            <table class="text_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 10px; padding-right: 20px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">
+                                          <strong>Type</strong>
+                                        </span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                          <td class="column column-4" width="20%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; border-bottom: 1px dotted #333f53; vertical-align: top; border-top: 0px; border-right: 0px; border-left: 0px">
+                            <table class="text_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 10px; padding-right: 20px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">
+                                          <strong>Data source</strong>
+                                        </span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <!-- Pool limits forecasted to exceed > Resource table -->
+            {{#resources}}
+            <table class="row" align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #f7f6f5">
+              <tbody>
+                <tr>
+                  <td>
+                    <table class="row-content" align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #fff; color: #000000; width: 600px" width="600">
+                      <tbody>
+                        <tr>
+                          <td class="column column-1" width="30%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; border-bottom: 0px dotted transparent; border-left: 0px dotted transparent; border-right: 0px dotted transparent; border-top: 0px dotted transparent; vertical-align: top">
+                            <table class="text_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 20px; padding-right: 10px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 13px">
+                                          <a href="https://{{etcd.control_panel_link}}/resources/{{resource_id}}{{texts.control_panel_parameters}}&tab=expenses" target="_blank" rel="noopener">{{cloud_resource_id}}</a>
+                                        </span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                          <td class="column column-2" width="35%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; border-bottom: 0px dotted transparent; border-left: 0px dotted transparent; border-right: 0px dotted transparent; border-top: 0px dotted transparent; vertical-align: top">
+                            <table class="text_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 10px; padding-right: 10px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">{{name}}</span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                          <td class="column column-3" width="15%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; border-bottom: 0px dotted transparent; border-left: 0px dotted transparent; border-right: 0px dotted transparent; border-top: 0px dotted transparent; vertical-align: top">
+                            <table class="text_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 10px; padding-right: 10px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">{{type}}</span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                          <td class="column column-4" width="20%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; border-bottom: 0px dotted transparent; border-left: 0px dotted transparent; border-right: 0px dotted transparent; border-top: 0px dotted transparent; vertical-align: top">
+                            <table class="text_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 10px; padding-right: 10px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">{{cloud_account_name}}</span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            {{/resources}} {{/texts.exceeded_pool_forecasts}} {{/texts.exceeded_pool_forecasts_count}}
+
+            <!-- Pool limits exceeded -->
+            {{#texts.exceeded_pools_count}}
+            <!-- Pool limits exceeded > Title -->
+            <table class="row" align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #f7f6f5">
+              <tbody>
+                <tr>
+                  <td>
+                    <table class="row-content stack" align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #fff; color: #000000; width: 600px" width="600">
+                      <tbody>
+                        <tr>
+                          <td class="column column-1" width="100%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; vertical-align: top; padding-top: 24px; padding-bottom: 0px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px">
+                            <table class="text_block block-1" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 20px; padding-right: 20px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: center; mso-line-height-alt: 24px">
+                                        <span style="font-size: 16px">
+                                          <strong>Pool limits exceeded</strong>
+                                        </span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            {{#texts.exceeded_pools}}
+            <!-- Pool limits exceeded > Pool description -->
+            <table class="row" align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #f7f6f5">
+              <tbody>
+                <tr>
+                  <td>
+                    <table class="row-content" align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #fff; color: #000000; width: 600px" width="600">
+                      <tbody>
+                        <tr>
+                          <td class="column column-1" width="100%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; border-bottom: 1px dotted #333f53; vertical-align: top; border-top: 0px; border-right: 0px; border-left: 0px">
+                            <table class="text_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 20px; padding-right: 10px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">
+                                          Pool: <strong><a href="https://{{etcd.control_panel_link}}/pools/{{pool_id}}{{texts.control_panel_parameters}}" target="_blank" rel="noopener">{{pool_name}}</a></strong>
+                                        </span>
+                                      </p>
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">Pool limit: <strong>{{texts.organization.currency_code}}{{limit}}</strong></span>
+                                      </p>
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">Expenses up-to-date (this month): <strong>{{texts.organization.currency_code}}{{total_expenses}}</strong></span>
+                                      </p>
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">Expenses forecast: <strong>{{texts.organization.currency_code}}{{forecast}}</strong></span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <!-- Pool limits exceeded > Resources table header -->
+            <table class="row" align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #f7f6f5">
+              <tbody>
+                <tr>
+                  <td>
+                    <table class="row-content" align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #fff; color: #000000; width: 600px" width="600">
+                      <tbody>
+                        <tr>
+                          <td class="column column-1" width="30%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; border-bottom: 1px dotted #333f53; vertical-align: top; border-top: 0px; border-right: 0px; border-left: 0px">
+                            <table class="text_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 20px; padding-right: 10px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">
+                                          <strong>Id</strong>
+                                        </span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                          <td class="column column-2" width="35%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; border-bottom: 1px dotted #333f53; vertical-align: top; border-top: 0px; border-right: 0px; border-left: 0px">
+                            <table class="text_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 10px; padding-right: 20px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">
+                                          <strong>Name</strong>
+                                        </span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                          <td class="column column-3" width="15%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; border-bottom: 1px dotted #333f53; vertical-align: top; border-top: 0px; border-right: 0px; border-left: 0px">
+                            <table class="text_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 10px; padding-right: 20px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">
+                                          <strong>Type</strong>
+                                        </span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                          <td class="column column-4" width="20%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; border-bottom: 1px dotted #333f53; vertical-align: top; border-top: 0px; border-right: 0px; border-left: 0px">
+                            <table class="text_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 10px; padding-right: 20px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">
+                                          <strong>Data source</strong>
+                                        </span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <!-- Pool limits exceeded > Resource table -->
+            {{#resources}}
+            <table class="row" align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #f7f6f5">
+              <tbody>
+                <tr>
+                  <td>
+                    <table class="row-content" align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #fff; color: #000000; width: 600px" width="600">
+                      <tbody>
+                        <tr>
+                          <td class="column column-1" width="30%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; border-bottom: 0px dotted transparent; border-left: 0px dotted transparent; border-right: 0px dotted transparent; border-top: 0px dotted transparent; vertical-align: top">
+                            <table class="text_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 20px; padding-right: 10px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 13px">
+                                          <a href="https://{{etcd.control_panel_link}}/resources/{{resource_id}}{{texts.control_panel_parameters}}&tab=expenses" target="_blank" rel="noopener">{{cloud_resource_id}}</a>
+                                        </span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                          <td class="column column-2" width="35%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; border-bottom: 0px dotted transparent; border-left: 0px dotted transparent; border-right: 0px dotted transparent; border-top: 0px dotted transparent; vertical-align: top">
+                            <table class="text_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 10px; padding-right: 10px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">{{name}}</span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                          <td class="column column-3" width="15%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; border-bottom: 0px dotted transparent; border-left: 0px dotted transparent; border-right: 0px dotted transparent; border-top: 0px dotted transparent; vertical-align: top">
+                            <table class="text_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 10px; padding-right: 10px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">{{type}}</span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                          <td class="column column-4" width="20%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; border-bottom: 0px dotted transparent; border-left: 0px dotted transparent; border-right: 0px dotted transparent; border-top: 0px dotted transparent; vertical-align: top">
+                            <table class="text_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 10px; padding-right: 10px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">{{cloud_account_name}}</span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            {{/resources}} {{/texts.exceeded_pools}} {{/texts.exceeded_pools_count}}
+
+            <!-- Footer -->
+            <table class="row" align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #f7f6f5">
+              <tbody>
+                <tr>
+                  <td>
+                    <table class="row-content stack" align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #ffffff; color: #000000; width: 600px" width="600">
+                      <tbody>
+                        <tr>
+                          <td class="column column-1" width="100%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; vertical-align: top; padding-top: 0px; padding-bottom: 0px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px">
+                            <table class="social_block block-1" width="100%" border="0" cellpadding="5" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt">
+                              <tr>
+                                <td class="pad">
+                                  <div class="alignment" style="text-align: center">
+                                    <table class="social-table" width="208px" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; display: inline-block">
+                                      <tr>
+                                        <td style="padding: 0 10px 0 10px">
+                                          <a href="https://www.linkedin.com/company/hystax" target="_blank" rel="noopener"><img src="https://app-rsrc.getbee.io/public/resources/social-networks-icon-sets/t-only-logo-color/linkedin@2x.png" width="32" height="32" alt="LinkedIn" title="LinkedIn" style="display: block; height: auto; border: 0" /></a>
+                                        </td>
+                                        <td style="padding: 0 10px 0 10px">
+                                          <a href="https://twitter.com/hystaxcom" target="_blank" rel="noopener"><img src="https://app-rsrc.getbee.io/public/resources/social-networks-icon-sets/t-only-logo-color/twitter@2x.png" width="32" height="32" alt="Twitter" title="Twitter" style="display: block; height: auto; border: 0" /></a>
+                                        </td>
+                                        <td style="padding: 0 10px 0 10px">
+                                          <a href="https://www.facebook.com/hystax" target="_blank" rel="noopener"><img src="https://app-rsrc.getbee.io/public/resources/social-networks-icon-sets/t-only-logo-color/facebook@2x.png" width="32" height="32" alt="Facebook" title="Facebook" style="display: block; height: auto; border: 0" /></a>
+                                        </td>
+                                        <td style="padding: 0 10px 0 10px">
+                                          <a href="https://t.me/hystax" target="_blank" rel="noopener"><img src="https://app-rsrc.getbee.io/public/resources/social-networks-icon-sets/t-only-logo-color/telegram@2x.png" width="32" height="32" alt="Telegram" title="Telegram" style="display: block; height: auto; border: 0" /></a>
+                                        </td>
+                                      </tr>
+                                    </table>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                            <table class="menu_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt">
+                              <tr>
+                                <td class="pad" style="color: #333f53; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; font-size: 15px; letter-spacing: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; text-align: center">
+                                  <table width="100%" cellpadding="0" cellspacing="0" border="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt">
                                     <tr>
-                                      <td style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0; height: 35px; vertical-align: middle; width: 35px;" width="35" height="35" valign="middle">
-                                        <a href="{{links.facebook}}" target="_blank" rel="noopener">
-                                          <img height="35" src="https://s3-eu-west-1.amazonaws.com/ecomail-assets/editor/social-icos/roundedwhite/facebook.png" style="border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; border-radius: 3px; display: block;" width="35">
-                                        </a>
+                                      <td class="alignment" style="text-align: center; font-size: 0px">
+                                        <div class="menu-links">
+                                          <!--[if mso]>
+                                            <table role="presentation" border="0" cellpadding="0" cellspacing="0" align="center" style="">
+                                            <tr>
+                                            <td style="padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px">
+                                          <![endif]-->
+                                          <a href="https://hystax.com/terms-of-use/" style="padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; display: inline-block; color: #333f53; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; font-size: 15px; text-decoration: none; letter-spacing: normal">Terms of use</a>
+                                          <!--[if mso]></td><td><![endif]-->
+                                          <span class="sep" style="font-size: 15px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; color: #333f53">|</span>
+                                          <!--[if mso]></td><![endif]-->
+                                          <!--[if mso]></td><td style="padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px"><![endif]-->
+                                          <a href="https://hystax.com/privacy-policy/" style="padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; display: inline-block; color: #333f53; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; font-size: 15px; text-decoration: none; letter-spacing: normal">Privacy Policy</a>
+                                          <!--[if mso]></td></tr></table><![endif]-->
+                                        </div>
                                       </td>
                                     </tr>
-                                  </tbody>
-                                </table>
-                              </td>
-                            </tr>
-                          </tbody>
-                        </table>
-                        <!--[if mso | IE]>
+                                  </table>
+                                </td>
+                              </tr>
+                            </table>
+                            <table class="text_block mobile_hide block-3" width="100%" border="0" cellpadding="5" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 14px; text-align: center; mso-line-height-alt: 18px">
+                                        <span style="font-size: 12px; color: #004c74"><span style>1250 Borregas Ave, Sunnyvale, CA 94089, USA</span></span>
+                                      </p>
+                                      <p style="margin: 0; font-size: 14px; text-align: center; mso-line-height-alt: 18px"><span style="font-size: 12px; color: #004c74">{{texts.copyright}} Hystax Inc. All Rights Reserved.</span></p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                            <table class="text_block block-4" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-bottom: 5px; padding-left: 20px; padding-right: 20px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; text-align: left; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 10px; text-align: center; mso-line-height-alt: 15px"><span style="font-size: 10px">This email was generated automatically, you don’t need to reply to it.</span></p>
+                                      <p style="margin: 0; font-size: 10px; text-align: center; mso-line-height-alt: 15px">
+                                        <span style="font-size: 10px">
+                                          <span style>If you want us to stop sending such alerts, please let us know by writing to</span>
+                                          <strong>
+                                            <a href="mailto:support@hystax.com?subject=support@hystax.com" target="_blank" rel="noopener" title="support@hystax.com" style="text-decoration: underline; color: #4ab4ee"><span style>support@hystax.com</span></a>
+                                          </strong>
+                                        </span>
+                                      </p>
+                                      <a href="mailto:support@hystax.com?subject=support@hystax.com" target="_blank" rel="noopener" title="support@hystax.com" style="text-decoration: underline; color: #4ab4ee"></a>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
           </td>
-      </tr>
+        </tr>
+      </tbody>
     </table>
-  <![endif]-->
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-              <!--[if mso | IE]>
-        </td>
-    </tr>
-              </table>
-            <![endif]-->
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-    <!--[if mso | IE]>
-      </td>
-    </tr>
-  </table>
-  <![endif]-->
-  </div>
-</body>
+    <!-- End -->
+  </body>
 </html>
diff --git a/herald/modules/email_generator/templates/weekly_expense_report.html b/herald/modules/email_generator/templates/weekly_expense_report.html
index 5c5d26069..de4e85c24 100644
--- a/herald/modules/email_generator/templates/weekly_expense_report.html
+++ b/herald/modules/email_generator/templates/weekly_expense_report.html
@@ -1,830 +1,786 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
-<head>
-  <title>
-  </title>
-  <!--[if !mso]><!-- -->
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <!--<![endif]-->
-  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <!--[if !mso]><!-->
-  <style type="text/css">
-@media only screen and (max-width:480px) {
-  @-ms-viewport {
-    width: 320px;
-  }
-
-  @viewport {
-    width: 320px;
-  }
-}
-</style>
-  <!--<![endif]-->
-  <!--[if mso]>
-        <xml>
+<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" lang="en">
+  <head>
+    <title></title>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <!--[if mso]>
+      <xml>
         <o:OfficeDocumentSettings>
-          <o:AllowPNG/>
           <o:PixelsPerInch>96</o:PixelsPerInch>
+          <o:AllowPNG />
         </o:OfficeDocumentSettings>
-        </xml>
-        <![endif]-->
-  <!--[if lte mso 11]>
-        <style type="text/css">
-          .outlook-group-fix { width:100% !important; }
-        </style>
-        <![endif]-->
-  <!--[if !mso]><!-->
-  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap" rel="stylesheet" type="text/css">
-  <!--<![endif]-->
-  <style type="text/css">
-@media only screen and (min-width:480px) {
-  .mj-column-per-100 {
-    width: 100% !important;
-    max-width: 100%;
-  }
+      </xml>
+    <![endif]-->
+    <style>
+      * {
+        box-sizing: border-box;
+      }
 
-  .mj-column-per-33 {
-    width: 33.333333% !important;
-    max-width: 33.333333%;
-  }
-}
-</style>
-  <style type="text/css">
-@media only screen and (max-width:480px) {
-  table.full-width-mobile {
-    width: 100% !important;
-  }
+      body {
+        margin: 0;
+        padding: 0;
+      }
 
-  td.full-width-mobile {
-    width: auto !important;
-  }
-}
-</style>
-  <style type="text/css">
-@media only screen and (min-width: 480px) {
-  .hide_on_mobile {
-    display: block !important;
-  }
-}
-@media only screen and (min-width: 480px) {
-  .hide_section_on_mobile {
-    display: table !important;
-  }
-}
-@media only screen and (min-width: 480px) {
-  .hide_on_desktop {
-    display: none !important;
-  }
-}
-@media only screen and (min-width: 480px) {
-  .hide_section_on_desktop {
-    display: none !important;
-  }
-}
-@media only print and (min-width:480px) {
-  .mj-column-per-100 {
-    width: 100% !important;
-  }
+      a[x-apple-data-detectors] {
+        color: inherit !important;
+        text-decoration: inherit !important;
+      }
 
-  .mj-column-per-40 {
-    width: 40% !important;
-  }
+      #MessageViewBody a {
+        color: inherit;
+        text-decoration: none;
+      }
 
-  .mj-column-per-60 {
-    width: 60% !important;
-  }
+      p {
+        line-height: inherit;
+      }
 
-  .mj-column-per-50 {
-    width: 50% !important;
-  }
+      .desktop_hide,
+      .desktop_hide table {
+        mso-hide: all;
+        display: none;
+        max-height: 0px;
+        overflow: hidden;
+      }
 
-  mj-column-per-33 {
-    width: 33.333333333333336% !important;
-  }
-}
-</style>
-</head>
-<body style="margin: 0; padding: 0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background-color: #FFFFFF;">
-  <div style="background-color:#FFFFFF;">
-    <!--[if mso | IE]>
-      <table
-         align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:700px;" width="700"
-      >
-        <tr>
-          <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
-        <v:rect  style="width:700px;" xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false">
-        <v:fill  origin="0.5, 0" position="0.5, 0" src="{{links.background_image}}" color="#004C74" type="tile" />
-        <v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0">
-      <![endif]-->
-    <div style="background:#004C74 url({{links.background_image}}) top center / auto no-repeat;Margin:0px auto;max-width:700px;">
-      <div style="line-height:0;font-size:0;">
-        <table align="center" background="{{links.background_image}}" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background: #004C74 url({{links.background_image}}) top center / auto no-repeat; width: 100%;" width="100%">
-          <tbody>
-            <tr>
-              <td style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; direction: ltr; font-size: 0px; padding: 0px 0px 0px 0px; text-align: center; vertical-align: top;" align="center" valign="top">
-                <!--[if mso | IE]>
-                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
+      .menu_block.desktop_hide .menu-links span {
+        mso-hide: all;
+      }
+
+      @media (max-width: 620px) {
+        .row-content {
+          width: 100% !important;
+        }
+
+        .mobile_hide {
+          display: none;
+        }
+
+        .stack .column {
+          width: 100%;
+          display: block;
+        }
+
+        .mobile_hide {
+          min-height: 0;
+          max-height: 0;
+          max-width: 0;
+          overflow: hidden;
+          font-size: 0px;
+        }
+
+        .desktop_hide,
+        .desktop_hide table {
+          display: table !important;
+          max-height: none !important;
+        }
+      }
+    </style>
+  </head>
+  <body style="background-color: #f7f6f5; margin: 0; padding: 0; -webkit-text-size-adjust: none; text-size-adjust: none">
+    <table class="nl-container" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #f7f6f5">
+      <tbody>
         <tr>
-            <td
-               class="" style="vertical-align:top;width:700px;"
-            >
-          <![endif]-->
-                <div class="mj-column-per-100 outlook-group-fix" style="font-size:14px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; vertical-align: top;" width="100%" valign="top">
-                    <tbody>
-                      <tr>
-                        <td align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 25px 0px 70px 25px; word-break: break-word;">
-                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse; border-spacing: 0px;">
-                            <tbody>
+          <td>
+            <!-- Organization header -->
+            <table class="row" align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #f7f6f5">
+              <tbody>
+                <tr>
+                  <td>
+                    <table class="row-content stack" align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #fff; color: #000000; width: 600px" width="600">
+                      <tbody>
+                        <tr>
+                          <td class="column column-1" width="100%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; vertical-align: top; padding-top: 15px; padding-bottom: 15px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px">
+                            <table class="text_block block-1" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
                               <tr>
-                                <td style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 200px;" width="200">
-                                  <img height="auto" src="{{images.logo}}" style="line-height: 100%; -ms-interpolation-mode: bicubic; border: 0; display: block; outline: none; text-decoration: none; height: auto; width: 100%;" width="200">
+                                <td class="pad" style="padding-bottom: 5px; padding-left: 15px; padding-right: 15px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: center">Organization</p>
+                                      <p style="margin: 0; font-size: 16px; text-align: center"><strong>{{texts.organization.name}}</strong></p>
+                                    </div>
+                                  </div>
                                 </td>
                               </tr>
-                            </tbody>
-                          </table>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td align="center" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px; word-break: break-word;">
-                          <div style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:16px;line-height:1.2;text-align:center;color:#FFFFFF;">
-                            <h1 style="font-family: &apos;Montserrat&apos;, sans-serif; font-size: 28px; line-height: 100%;">
-                              {{texts.product}} {{texts.title}}</h1>
-                            <p style="font-family: &apos;Montserrat&apos;, sans-serif; font-size: 14px; font-weight: bold">
-                              Organization: {{texts.organization.name}}</p>
-                          </div>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-                <!--[if mso | IE]>
-            </td>
-        </tr>
-                  </table>
-                <![endif]-->
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-    </div>
-    <!--[if mso | IE]>
-        </v:textbox>
-      </v:rect>
-          </td>
-        </tr>
-      </table>
-      <table
-         align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:700px;" width="700"
-      >
-        <tr>
-          <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
-      <![endif]-->
-    <div style="background:#FFFFFF;background-color:#FFFFFF;Margin:0px auto;max-width:700px;">
-      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background: #FFFFFF; background-color: #FFFFFF; width: 100%;" width="100%" bgcolor="#FFFFFF">
-        <tbody>
-          <tr>
-            <td style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; direction: ltr; font-size: 0px; padding: 10px 0px 10px 0px; text-align: center; vertical-align: top;" align="center" valign="top">
-              <!--[if mso | IE]>
-                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-        <tr>
-            <td
-               class="" style="vertical-align:top;width:700px;"
-            >
-          <![endif]-->
-              <div class="mj-column-per-100 outlook-group-fix" style="font-size:16px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; vertical-align: top;" width="100%" valign="top">
-                  <tbody>
-                    <tr>
-                      <td align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 15px 15px 15px 15px; word-break: break-word;">
-                        <div style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:16px;line-height:1.2;text-align:left;color:#000000;">
-                          <p style="display: block; margin: 0px; font-size: 16px; color: #000000;">Dear
-                            {{texts.user.user_display_name}},</p>
-                        </div>
-                      </td>
-                    </tr>
-                    <tr>
-                      <td align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 15px 15px 15px 15px; word-break: break-word;">
-                        <div style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:16px;line-height:1.2;text-align:left;color:#000000;">
-                          <p style="display: block; margin: 0px; font-size: 16px; color: #000000;">Your weekly expense report on <strong><a href="https://{{etcd.control_panel_link}}{{texts.control_panel_parameters}}" target="_blank" rel="noopener">{{texts.organization.name}}</a></strong> organization is ready and available below.</p>
-                        </div>
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-              <!--[if mso | IE]>
-            </td>
-        </tr>
-                  </table>
-                <![endif]-->
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-    <!--[if mso | IE]>
-                </td>
-        </tr>
-      </table>
-      <table
-        align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:700px;" width="700"
-      >
-        <tr>
-          <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
-    <![endif]-->
-    <div style="background:#FFFFFF;background-color:#FFFFFF;Margin:0px auto;max-width:700px;overflow-x: auto;">
-      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background: #FFFFFF; background-color: #FFFFFF; width: 700px;" width="700" bgcolor="#FFFFFF">
-        <tbody>
-          <tr>
-            <td style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; direction: ltr; font-size: 0px; padding: 0px 0px 10px 0px; text-align: center; vertical-align: top;" align="center" valign="top">
-              <!--[if mso | IE]>
-                      <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-            <tr>
-                <td
-                  class="" style="vertical-align:top;width:700px;"
-                >
-              <![endif]-->
-              <div class="mj-column-per-100 outlook-group-fix" style="font-size:14px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; vertical-align: top;" width="100%" valign="top">
-                  <tbody>
-                    <tr>
-                      <th align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 0px 15px; word-break: break-word;">
-                        <div style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.5;text-align:left;color:#000000;">
-                          <p style="display: block; margin: 0px; font-size: 14px;"><strong><span style="font-size: 14px;">Limit</span></strong></p>
-                        </div>
-                      </th>
-                      <th align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 0px 15px; word-break: break-word;">
-                        <div style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.5;text-align:left;color:#000000;">
-                          <p style="display: block; margin: 0px; font-size: 14px;"><strong><span style="font-size: 14px;">Expenses up-to-date</span></strong></p>
-                        </div>
-                      </th>
-                      <th align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 0px 15px; word-break: break-word;">
-                        <div style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.5;text-align:left;color:#000000;">
-                          <p style="display: block; margin: 0px; font-size: 14px;"><strong><span style="font-size: 14px;">Forecasted expenses</span></strong></p>
-                        </div>
-                      </th>
-                    </tr>
-                    <tr>
-                      <td align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 0px 15px; word-break: break-word;">
-                        <div style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.5;text-align:left;color:#000000;">
-                          <p style="display: block; margin: 0px; font-size: 14px;"><span style="font-size: 14px;">{{texts.organization.currency_code}}{{texts.organization.limit}}</span></p>
-                        </div>
-                      </td>
-                      <td align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 0px 15px; word-break: break-word;">
-                        <div style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.5;text-align:left;color:#000000;">
-                          <p style="display: block; margin: 0px; font-size: 14px;"><span style="font-size: 14px;">{{texts.organization.currency_code}}{{texts.organization.total_cost}}</span></p>
-                        </div>
-                      </td>
-                      <td align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 0px 15px; word-break: break-word;">
-                        <div style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.5;text-align:left;color:#000000;">
-                          <p style="display: block; margin: 0px; font-size: 14px;"><span style="font-size: 14px;">{{texts.organization.currency_code}}{{texts.organization.forecast}}</span></p>
-                        </div>
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-              <!--[if mso | IE]>
-                </td>
-            </tr>
-                      </table>
-                    <![endif]-->
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-    <!--[if mso | IE]>
-        </td>
-      </tr>
-    </table>
-    <table
-        align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:700px;" width="700"
-    >
-      <tr>
-        <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
-    <![endif]-->
-    <div style="background:#FFFFFF;background-color:#FFFFFF;Margin:0px auto;max-width:700px;">
-      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background: #FFFFFF; background-color: #FFFFFF; width: 100%;" width="100%" bgcolor="#FFFFFF">
-        <tbody>
-          <tr>
-            <td style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; direction: ltr; font-size: 0px; padding: 0px 0px 0px 0px; text-align: center; vertical-align: top;" align="center" valign="top">
-              <!--[if mso | IE]>
-                    <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-          <tr>
-              <td
-                  class="" style="vertical-align:top;width:700px;"
-              >
-            <![endif]-->
-              <div class="mj-column-per-100 outlook-group-fix" style="font-size:14px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; vertical-align: top;" width="100%" valign="top">
-                  <tbody>
-                    <tr>
-                      <td align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 10px 15px; word-break: break-word;">
-                        <div style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:18px;line-height:1.5;text-align:left;color:#000000;">
-                          <p style="display: block; margin: 0px; font-size: 18px;"><strong>Unassigned resources</strong></p>
-                        </div>
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-              <!--[if mso | IE]>
-              </td>
-          </tr>
+                            </table>
+                          </td>
+                        </tr>
+                      </tbody>
                     </table>
-                  <![endif]-->
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-    <!--[if mso | IE]>
-          </td>
-        </tr>
-      </table>
-      <table
-        align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:700px;" width="700"
-      >
-        <tr>
-          <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
-    <![endif]-->
-    <div style="background:#FFFFFF;background-color:#FFFFFF;Margin:0px auto;max-width:700px;overflow-x: auto;">
-      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background: #FFFFFF; background-color: #FFFFFF; width: 700px;" width="700" bgcolor="#FFFFFF">
-        <tbody>
-          <tr>
-            <td style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; direction: ltr; font-size: 0px; padding: 0px 0px 10px 0px; text-align: center; vertical-align: top;" align="center" valign="top">
-              <!--[if mso | IE]>
-                      <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-            <tr>
-                <td
-                  class="" style="vertical-align:top;width:700px;"
-                >
-              <![endif]-->
-              <div class="mj-column-per-100 outlook-group-fix" style="font-size:14px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; vertical-align: top;" width="100%" valign="top">
-                  <tbody>
-                    <tr>
-                      <th align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 0px 15px; word-break: break-word;">
-                        <div style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.5;text-align:left;color:#000000;">
-                          <p style="display: block; margin: 0px; font-size: 14px;"><strong><span style="font-size: 14px;">Expenses up-to-date</span></strong></p>
-                        </div>
-                      </th>
-                      <th align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 0px 15px; word-break: break-word;">
-                        <div style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.5;text-align:left;color:#000000;">
-                          <p style="display: block; margin: 0px; font-size: 14px;"><strong><span style="font-size: 14px;">Forecasted expenses</span></strong></p>
-                        </div>
-                      </th>
-                      <th align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 0px 15px; word-break: break-word;">
-                        <div style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.5;text-align:left;color:#000000;">
-                          <p style="display: block; margin: 0px; font-size: 14px;"><strong><span style="font-size: 14px;">Number of resources</span></strong></p>
-                        </div>
-                      </th>
-                    </tr>
-                    <tr>
-                      <td align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 0px 15px; word-break: break-word;">
-                        <div style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.5;text-align:left;color:#000000;">
-                          <p style="display: block; margin: 0px; font-size: 14px;"><span style="font-size: 14px;">{{texts.organization.currency_code}}{{texts.unassigned.total_cost}}</span></p>
-                        </div>
-                      </td>
-                      <td align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 0px 15px; word-break: break-word;">
-                        <div style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.5;text-align:left;color:#000000;">
-                          <p style="display: block; margin: 0px; font-size: 14px;"><span style="font-size: 14px;">{{texts.organization.currency_code}}{{texts.unassigned.forecast}}</span></p>
-                        </div>
-                      </td>
-                      <td align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 0px 15px; word-break: break-word;">
-                        <div style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.5;text-align:left;color:#000000;">
-                          <p style="display: block; margin: 0px; font-size: 14px;"><span style="font-size: 14px;">{{texts.unassigned.resources_tracked}}</span></p>
-                        </div>
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-              <!--[if mso | IE]>
-                </td>
-            </tr>
-                      </table>
-                    <![endif]-->
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-    <!--[if mso | IE]>
-          </td>
-        </tr>
-      </table>
-    <table
-        align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:700px;" width="700"
-    >
-      <tr>
-        <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
-    <![endif]-->
-    <div style="background:#FFFFFF;background-color:#FFFFFF;Margin:0px auto;max-width:700px;">
-      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background: #FFFFFF; background-color: #FFFFFF; width: 100%;" width="100%" bgcolor="#FFFFFF">
-        <tbody>
-          <tr>
-            <td style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; direction: ltr; font-size: 0px; padding: 0px 0px 0px 0px; text-align: center; vertical-align: top;" align="center" valign="top">
-              <!--[if mso | IE]>
-                    <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-          <tr>
-              <td
-                  class="" style="vertical-align:top;width:700px;"
-              >
-            <![endif]-->
-              <div class="mj-column-per-100 outlook-group-fix" style="font-size:14px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; vertical-align: top;" width="100%" valign="top">
-                  <tbody>
-                    <tr>
-                      <td align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 10px 15px; word-break: break-word;">
-                        <div style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:18px;line-height:1.5;text-align:left;color:#000000;">
-                          <p style="display: block; margin: 0px; font-size: 18px;"><strong>Pools report</strong></p>
-                        </div>
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-              <!--[if mso | IE]>
-              </td>
-          </tr>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+
+            <!-- Logo -->
+            <table class="row" align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #f7f6f5">
+              <tbody>
+                <tr>
+                  <td>
+                    <table class="row-content stack" align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #4ab4ee; color: #000000; width: 600px" width="600">
+                      <tbody>
+                        <tr>
+                          <td class="column column-1" width="100%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; vertical-align: top; padding-top: 0px; padding-bottom: 0px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px">
+                            <table class="image_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt">
+                              <tr>
+                                <td class="pad" style="width: 100%; padding-right: 0px; padding-left: 0px; padding-top: 20px; padding-bottom: 20px">
+                                  <div class="alignment" align="center" style="line-height: 10px"><img src="https://cdn.hystax.com/OptScale/OptScale-logo-white.png" style="display: block; height: auto; border: 0; width: 154px; max-width: 100%" width="154" alt="your-logo" title="your-logo" /></div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                        </tr>
+                      </tbody>
                     </table>
-                  <![endif]-->
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-    <!--[if mso | IE]>
-          </td>
-        </tr>
-      </table>
-    <![endif]-->    
+                  </td>
+                </tr>
+              </tbody>
+            </table>
 
-    <!--[if mso | IE]>
-        <table
-          align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:700px;" width="700"
-        >
-          <tr>
-            <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
-        <![endif]-->
-        <div style="background:#FFFFFF;background-color:#FFFFFF;Margin:0px auto;max-width:700px;overflow-x: auto;">
-          <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:700px;border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background: #FFFFFF; background-color: #FFFFFF;" width="700" bgcolor="#FFFFFF">
-            <tbody>
-              <tr>
-                <td style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; direction: ltr; font-size: 0px; padding: 0px 0px 10px 0px; text-align: center; vertical-align: top;" align="center" valign="top">
-                  <!--[if mso | IE]>
-                          <table role="presentation" border="0" cellpadding="0" cellspacing="0">
+            <!-- Weekly report description -->
+            <table class="row" align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #f7f6f5">
+              <tbody>
                 <tr>
-                    <td
-                      class="" style="vertical-align:top;width:700px;"
-                    >
-                  <![endif]-->
-                  <div class="mj-column-per-100 outlook-group-fix" style="font-size:14px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                    <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; vertical-align: top;" width="100%" valign="top">
+                  <td>
+                    <table class="row-content stack" align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #fff; color: #000000; width: 600px" width="600">
                       <tbody>
                         <tr>
-                          <th align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 0px 15px; word-break: break-word;">
-                            <div style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.5;text-align:left;color:#000000;">
-                              <p style="display: block; margin: 0px; font-size: 14px;"><strong><span style="font-size: 14px;">Pool</span></strong></p>
-                            </div>
-                          </th>
-                          <th align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 0px 15px; word-break: break-word;">
-                            <div style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.5;text-align:left;color:#000000;">
-                              <p style="display: block; margin: 0px; font-size: 14px;"><strong><span style="font-size: 14px;">Limit</span></strong></p>
-                            </div>
-                          </th>
-                          <th align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 0px 15px; word-break: break-word;">
-                            <div style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.5;text-align:left;color:#000000;">
-                              <p style="display: block; margin: 0px; font-size: 14px;"><strong><span style="font-size: 14px;">Expenses up-to-date</span></strong></p>
-                            </div>
-                          </th>
-                          <th align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 0px 15px; word-break: break-word;">
-                            <div style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.5;text-align:left;color:#000000;">
-                              <p style="display: block; margin: 0px; font-size: 14px;"><strong><span style="font-size: 14px;">Forecasted expenses</span></strong></p>
-                            </div>
-                          </th>
-                          <th align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 0px 15px; word-break: break-word;">
-                            <div style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.5;text-align:left;color:#000000;">
-                              <p style="display: block; margin: 0px; font-size: 14px;"><strong><span style="font-size: 14px;">Number of resources</span></strong></p>
-                            </div>
-                          </th>
+                          <td class="column column-1" width="100%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; vertical-align: top; padding-top: 20px; padding-bottom: 0px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px">
+                            <table class="text_block block-1" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-bottom: 5px; padding-left: 20px; padding-right: 20px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: center">
+                                        Your weekly expense report for the <strong><a href="https://{{etcd.control_panel_link}}{{texts.control_panel_parameters}}" target="_blank" rel="noopener">{{texts.organization.name}}</a></strong> organization is ready and available below.
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
                         </tr>
-                        {{#texts.pools}}
+                      </tbody>
+                    </table>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+
+            <!-- Expenses > Table header -->
+            <table class="row" align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #f7f6f5">
+              <tbody>
+                <tr>
+                  <td>
+                    <table class="row-content" align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #fff; color: #000000; width: 600px" width="600">
+                      <tbody>
                         <tr>
-                          <td align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 0px 15px; word-break: break-word; min-width: 200px">
-                            <div style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.5;text-align:left;color:#000000;">
-                              <p style="display: block; margin: 0px; font-size: 14px;"><span style="font-size: 14px;"><a href="https://{{etcd.control_panel_link}}/pools/{{id}}{{texts.control_panel_parameters}}" target="_blank" rel="noopener">{{name}}</a></span></p>
-                            </div>
+                          <td class="column column-1" width="33.3333333%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; border-bottom: 1px dotted #333f53; vertical-align: top; border-top: 0px; border-right: 0px; border-left: 0px">
+                            <table class="text_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 20px; padding-right: 10px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">
+                                          <strong>Limit</strong>
+                                        </span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
                           </td>
-                          <td align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 0px 15px; word-break: break-word; min-width: 55px">
-                            <div style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.5;text-align:left;color:#000000;">
-                              <p style="display: block; margin: 0px; font-size: 14px;"><span style="font-size: 14px;">{{texts.organization.currency_code}}{{limit}}</span></p>
-                            </div>
+                          <td class="column column-2" width="33.3333333%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; border-bottom: 1px dotted #333f53; vertical-align: top; border-top: 0px; border-right: 0px; border-left: 0px">
+                            <table class="text_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 10px; padding-right: 20px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">
+                                          <strong>Expenses up-to-date</strong>
+                                        </span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
                           </td>
-                          <td align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 0px 15px; word-break: break-word; min-width: 70px">
-                            <div style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.5;text-align:left;color:#000000;">
-                              <p style="display: block; margin: 0px; font-size: 14px;"><span style="font-size: 14px;">{{texts.organization.currency_code}}{{cost}}</span></p>
-                            </div>
+                          <td class="column column-3" width="33.3333333%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; border-bottom: 1px dotted #333f53; vertical-align: top; border-top: 0px; border-right: 0px; border-left: 0px">
+                            <table class="text_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 10px; padding-right: 20px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">
+                                          <strong>Forecasted expenses</strong>
+                                        </span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
                           </td>
-                          <td align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 0px 15px; word-break: break-word; min-width: 75px">
-                            <div style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.5;text-align:left;color:#000000;">
-                              <p style="display: block; margin: 0px; font-size: 14px;"><span style="font-size: 14px;">{{texts.organization.currency_code}}{{forecast}}</span></p>
-                            </div>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <!-- Expenses > Table content -->
+            <table class="row" align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #f7f6f5">
+              <tbody>
+                <tr>
+                  <td>
+                    <table class="row-content" align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #fff; color: #000000; width: 600px" width="600">
+                      <tbody>
+                        <tr>
+                          <td class="column column-1" width="33.3333333%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; border-bottom: 0px dotted transparent; border-left: 0px dotted transparent; border-right: 0px dotted transparent; border-top: 0px dotted transparent; vertical-align: top">
+                            <table class="text_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 20px; padding-right: 10px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px"><span style="font-size: 14px">{{texts.organization.currency_code}}{{texts.organization.limit}}</span></p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
                           </td>
-                          <td align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 15px 0px 15px; word-break: break-word; min-width: 70px">
-                            <div style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.5;text-align:left;color:#000000;">
-                              <p style="display: block; margin: 0px; font-size: 14px;"><span style="font-size: 14px;">{{tracked}}</span></p>
-                            </div>
+                          <td class="column column-2" width="33.3333333%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; border-bottom: 0px dotted transparent; border-left: 0px dotted transparent; border-right: 0px dotted transparent; border-top: 0px dotted transparent; vertical-align: top">
+                            <table class="text_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 10px; padding-right: 10px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px"><span style="font-size: 14px">{{texts.organization.currency_code}}{{texts.organization.total_cost}}</span></p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                          <td class="column column-3" width="33.3333333%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; border-bottom: 0px dotted transparent; border-left: 0px dotted transparent; border-right: 0px dotted transparent; border-top: 0px dotted transparent; vertical-align: top">
+                            <table class="text_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 10px; padding-right: 10px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px"><span style="font-size: 14px">{{texts.organization.currency_code}}{{texts.organization.forecast}}</span></p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
                           </td>
                         </tr>
-                        {{/texts.pools}}
                       </tbody>
                     </table>
-                  </div>
-                  <!--[if mso | IE]>
-                    </td>
+                  </td>
                 </tr>
-                          </table>
-                        <![endif]-->
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-    <!--[if mso | IE]>
-          </td>
-        </tr>
-      </table>
-     <table
-         align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:700px;" width="700"
-      >
-        <tr>
-          <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
-      <![endif]-->
-      <div style="background:#FFFFFF;background-color:#FFFFFF;Margin:0px auto;max-width:700px;">
-        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background: #FFFFFF; background-color: #FFFFFF; width: 100%;" width="100%" bgcolor="#FFFFFF">
-          <tbody>
-            <tr>
-              <td style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; direction: ltr; font-size: 0px; padding: 10px 0px 10px 0px; text-align: center; vertical-align: top;" align="center" valign="top">
-                <!--[if mso | IE]>
-                    <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-          <tr>
-              <td
-                 class="" style="vertical-align:top;width:700px;"
-              >
-            <![endif]-->
-                <div class="mj-column-per-100 outlook-group-fix" style="font-size:16px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; vertical-align: top;" width="100%" valign="top">
-                    <tbody>
-                      <tr>
-                        <td align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 15px 15px 15px 15px; word-break: break-word;">
-                          <div style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:16px;line-height:1.2;text-align:left;color:#000000;">
-                            <p style="display: block; margin: 0px; font-size: 16px; color: #000000;">This email was generated automatically, you don’t need to reply to it.
-                              If you want us to stop sending such alerts, please let us know by writing to <strong>support@hystax.com</strong></p>
-                          </div>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 15px 15px 15px 15px; word-break: break-word;">
-                          <div style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:16px;line-height:1.2;text-align:left;color:#000000;">
-                            <p style="display: block; margin: 0px; font-size: 16px; color: #000000;">---<br>
-                            <p style="display: block; margin: 0px; font-size: 16px; color: #000000;">Sincerely,</p>
-                            <p style="display: block; margin: 0px; font-size: 16px; color: #000000;">Your Hystax OptScale Team.</p>
-                          </div>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-                <!--[if mso | IE]>
-              </td>
-          </tr>
+              </tbody>
+            </table>
+
+            <!-- Unassigned resources > Table title -->
+            <table class="row" align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #f7f6f5">
+              <tbody>
+                <tr>
+                  <td>
+                    <table class="row-content stack" align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #fff; color: #000000; width: 600px" width="600">
+                      <tbody>
+                        <tr>
+                          <td class="column column-1" width="100%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; vertical-align: top; padding-top: 24px; padding-bottom: 0px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px">
+                            <table class="text_block block-1" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 20px; padding-right: 20px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: center; mso-line-height-alt: 24px">
+                                        <span style="font-size: 16px">
+                                          <strong>Unassigned resources</strong>
+                                        </span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                        </tr>
+                      </tbody>
                     </table>
-                  <![endif]-->
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <!--[if mso | IE]>
                   </td>
-          </tr>
-        </table>
-      <table
-         align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:700px;" width="700"
-      >
-        <tr>
-          <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
-      <![endif]-->
-    <div style="background:#004C74;background-color:#004C74;Margin:0px auto;max-width:700px;">
-      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background: #004C74; background-color: #004C74; width: 100%;" width="100%" bgcolor="#004C74">
-        <tbody>
-          <tr>
-            <td style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; direction: ltr; font-size: 0px; padding: 10px 0px 10px 0px; text-align: center; vertical-align: top;" align="center" valign="top">
-              <!--[if mso | IE]>
-              <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-    <tr>
-        <td
-           class="" style="vertical-align:top;width:200px;"
-        >
-      <![endif]-->
-              <div class="mj-column-per-33 outlook-group-fix" style="font-size:12px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; vertical-align: top;" width="100%" valign="top">
-                  <tbody>
-                    <tr>
-                      <td align="center" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 5px 5px 5px 5px; word-break: break-word;">
-                        <div style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.2;text-align:center;color:#FFFFFF;">
-                          <p style="display: block; margin: 0px; font-size: 12px; color:#FFFFFF;">{{texts.copyright}}
-                          </p>
-                          <p style="display: block; margin: 0px; font-size: 12px; color:#FFFFFF;">Hystax Inc. All Rights
-                            Reserved
-                          </p>
-                        </div>
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-              <!--[if mso | IE]>
-        </td>
-        <td
-           class="" style="vertical-align:top;width:200px;"
-        >
-      <![endif]-->
-              <div class="mj-column-per-33 outlook-group-fix" style="font-size:12px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; vertical-align: top;" width="100%" valign="top">
-                  <tbody>
-                    <tr>
-                      <td align="center" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 5px 5px 5px 5px; word-break: break-word;">
-                        <div style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.2;text-align:center;color:#ffffff;">
-                          <p style="display: block; margin: 0px; font-size: 12px; color: #ffffff;"><a style="color: #ffffff;" href="{{links.terms_of_use}}" target="_blank" rel="noopener">Terms
-                              of use</a> |
-                            <a style="color: #ffffff;" href="{{links.privacy_policy}}" target="_blank" rel="noopener">Privacy
-                              Policy</a></p>
-                        </div>
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-              <!--[if mso | IE]>
-        </td>
-        <td
-           class="" style="vertical-align:top;width:200px;"
-        >
-      <![endif]-->
-              <div class="mj-column-per-33 outlook-group-fix" style="font-size:12px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; vertical-align: top;" width="100%" valign="top">
-                  <tbody>
-                    <tr>
-                      <td align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 5px 5px 5px 5px; word-break: break-word;">
-                        <div style="font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.2;text-align:left;color:#FFFFFF;">
-                          <p style="display: block; margin: 0px; font-size: 12px; text-align: center;">{{texts.address}}
-                          </p>
-                        </div>
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-              <!--[if mso | IE]>
-        </td>
-    </tr>
-              </table>
-            <![endif]-->
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-    <!--[if mso | IE]>
-      </td>
-    </tr>
-  </table>
-  <table
-     align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:700px;" width="700"
-  >
-    <tr>
-      <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
-  <![endif]-->
-    <div style="background:#004C74;background-color:#004C74;Margin:0px auto;max-width:700px;">
-      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background: #004C74; background-color: #004C74; width: 100%;" width="100%" bgcolor="#004C74">
-        <tbody>
-          <tr>
-            <td style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; direction: ltr; font-size: 0px; padding: 9px 0px 9px 0px; text-align: center; vertical-align: top;" align="center" valign="top">
-              <!--[if mso | IE]>
-              <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-    <tr>
-        <td
-           class="" style="vertical-align:top;width:700px;"
-        >
-      <![endif]-->
-              <div class="mj-column-per-100 outlook-group-fix" style="font-size:14px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; vertical-align: top;" width="100%" valign="top">
-                  <tbody>
-                    <tr>
-                      <td align="center" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 0px 0px 0px 0px; word-break: break-word;">
-                        <!--[if mso | IE]>
-  <table
-     align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
-  >
-    <tr>
-          <td>
-        <![endif]-->
-                        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; float: none; display: inline-table;">
-                          <tbody>
-                            <tr>
-                              <td style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding: 4px;">
-                                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background: transparent; border-radius: 3px; width: 35px;" width="35">
-                                  <tbody>
-                                    <tr>
-                                      <td style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0; height: 35px; vertical-align: middle; width: 35px;" width="35" height="35" valign="middle">
-                                        <a href="{{links.linkedin}}" target="_blank" rel="noopener">
-                                          <img height="35" src="https://s3-eu-west-1.amazonaws.com/ecomail-assets/editor/social-icos/roundedwhite/linkedin.png" style="border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; border-radius: 3px; display: block;" width="35">
-                                        </a>
-                                      </td>
-                                    </tr>
-                                  </tbody>
-                                </table>
-                              </td>
-                            </tr>
-                          </tbody>
-                        </table>
-                        <!--[if mso | IE]>
-          </td>
-          <td>
-        <![endif]-->
-                        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; float: none; display: inline-table;">
-                          <tbody>
-                            <tr>
-                              <td style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding: 4px;">
-                                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background: transparent; border-radius: 3px; width: 35px;" width="35">
-                                  <tbody>
-                                    <tr>
-                                      <td style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0; height: 35px; vertical-align: middle; width: 35px;" width="35" height="35" valign="middle">
-                                        <a href="{{links.twitter}}" target="_blank" rel="noopener">
-                                          <img height="35" src="https://s3-eu-west-1.amazonaws.com/ecomail-assets/editor/social-icos/roundedwhite/twitter.png" style="border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; border-radius: 3px; display: block;" width="35">
-                                        </a>
-                                      </td>
-                                    </tr>
-                                  </tbody>
-                                </table>
-                              </td>
-                            </tr>
-                          </tbody>
-                        </table>
-                        <!--[if mso | IE]>
-          </td>
-          <td>
-        <![endif]-->
-                        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; float: none; display: inline-table;">
-                          <tbody>
-                            <tr>
-                              <td style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding: 4px;">
-                                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background: transparent; border-radius: 3px; width: 35px;" width="35">
-                                  <tbody>
+                </tr>
+              </tbody>
+            </table>
+            <!-- Unassigned resources > Table header -->
+            <table class="row" align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #f7f6f5">
+              <tbody>
+                <tr>
+                  <td>
+                    <table class="row-content" align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #fff; color: #000000; width: 600px" width="600">
+                      <tbody>
+                        <tr>
+                          <td class="column column-1" width="33.3333333%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; border-bottom: 1px dotted #333f53; vertical-align: top; border-top: 0px; border-right: 0px; border-left: 0px">
+                            <table class="text_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 20px; padding-right: 10px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">
+                                          <strong>Expenses up-to-date</strong>
+                                        </span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                          <td class="column column-2" width="33.3333333%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; border-bottom: 1px dotted #333f53; vertical-align: top; border-top: 0px; border-right: 0px; border-left: 0px">
+                            <table class="text_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 10px; padding-right: 20px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">
+                                          <strong>Forecasted expenses</strong>
+                                        </span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                          <td class="column column-3" width="33.3333333%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; border-bottom: 1px dotted #333f53; vertical-align: top; border-top: 0px; border-right: 0px; border-left: 0px">
+                            <table class="text_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 10px; padding-right: 20px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">
+                                          <strong>Number of resources</strong>
+                                        </span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <!-- Unassigned resources > Table -->
+            <table class="row" align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #f7f6f5">
+              <tbody>
+                <tr>
+                  <td>
+                    <table class="row-content" align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #fff; color: #000000; width: 600px" width="600">
+                      <tbody>
+                        <tr>
+                          <td class="column column-1" width="25%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; border-bottom: 0px dotted transparent; border-left: 0px dotted transparent; border-right: 0px dotted transparent; border-top: 0px dotted transparent; vertical-align: top">
+                            <table class="text_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 20px; padding-right: 10px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">{{texts.organization.currency_code}}{{texts.unassigned.total_cost}}</span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                          <td class="column column-2" width="25%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; border-bottom: 0px dotted transparent; border-left: 0px dotted transparent; border-right: 0px dotted transparent; border-top: 0px dotted transparent; vertical-align: top">
+                            <table class="text_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 10px; padding-right: 10px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">{{texts.organization.currency_code}}{{texts.unassigned.forecast}}</span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                          <td class="column column-3" width="25%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; border-bottom: 0px dotted transparent; border-left: 0px dotted transparent; border-right: 0px dotted transparent; border-top: 0px dotted transparent; vertical-align: top">
+                            <table class="text_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 10px; padding-right: 10px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">{{texts.unassigned.resources_tracked}}</span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+
+            <!-- Pools report > Table title -->
+            <table class="row" align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #f7f6f5">
+              <tbody>
+                <tr>
+                  <td>
+                    <table class="row-content stack" align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #fff; color: #000000; width: 600px" width="600">
+                      <tbody>
+                        <tr>
+                          <td class="column column-1" width="100%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; vertical-align: top; padding-top: 24px; padding-bottom: 0px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px">
+                            <table class="text_block block-1" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 20px; padding-right: 20px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: center; mso-line-height-alt: 24px">
+                                        <span style="font-size: 16px">
+                                          <strong>Pools report</strong>
+                                        </span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <!-- Pools report > Table header -->
+            <table class="row" align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #f7f6f5">
+              <tbody>
+                <tr>
+                  <td>
+                    <table class="row-content" align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #fff; color: #000000; width: 600px" width="600">
+                      <tbody>
+                        <tr>
+                          <td class="column column-1" width="30%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; border-bottom: 1px dotted #333f53; vertical-align: top; border-top: 0px; border-right: 0px; border-left: 0px">
+                            <table class="text_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 20px; padding-right: 10px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">
+                                          <strong>Pool</strong>
+                                        </span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                          <td class="column column-2" width="17.5%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; border-bottom: 1px dotted #333f53; vertical-align: top; border-top: 0px; border-right: 0px; border-left: 0px">
+                            <table class="text_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 10px; padding-right: 20px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">
+                                          <strong>Limit</strong>
+                                        </span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                          <td class="column column-3" width="17.5%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; border-bottom: 1px dotted #333f53; vertical-align: top; border-top: 0px; border-right: 0px; border-left: 0px">
+                            <table class="text_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 10px; padding-right: 20px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">
+                                          <strong>Expenses up-to-date</strong>
+                                        </span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                          <td class="column column-4" width="17.5%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; border-bottom: 1px dotted #333f53; vertical-align: top; border-top: 0px; border-right: 0px; border-left: 0px">
+                            <table class="text_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 10px; padding-right: 20px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">
+                                          <strong>Forecasted expenses</strong>
+                                        </span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                          <td class="column column-5" width="17.5%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; border-bottom: 1px dotted #333f53; vertical-align: top; border-top: 0px; border-right: 0px; border-left: 0px">
+                            <table class="text_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 10px; padding-right: 20px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">
+                                          <strong>Number of resources</strong>
+                                        </span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <!-- Pools report > Table -->
+            {{#texts.pools}}
+            <table class="row" align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #f7f6f5">
+              <tbody>
+                <tr>
+                  <td>
+                    <table class="row-content" align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #fff; color: #000000; width: 600px" width="600">
+                      <tbody>
+                        <tr>
+                          <td class="column column-1" width="30%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; border-bottom: 0px dotted transparent; border-left: 0px dotted transparent; border-right: 0px dotted transparent; border-top: 0px dotted transparent; vertical-align: top">
+                            <table class="text_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 20px; padding-right: 10px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">
+                                          <a href="https://{{etcd.control_panel_link}}/pools/{{id}}{{texts.control_panel_parameters}}" target="_blank" rel="noopener">{{name}}</a>
+                                        </span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                          <td class="column column-2" width="17.5%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; border-bottom: 0px dotted transparent; border-left: 0px dotted transparent; border-right: 0px dotted transparent; border-top: 0px dotted transparent; vertical-align: top">
+                            <table class="text_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 10px; padding-right: 10px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">{{texts.organization.currency_code}}{{limit}}</span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                          <td class="column column-3" width="17.5%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; border-bottom: 0px dotted transparent; border-left: 0px dotted transparent; border-right: 0px dotted transparent; border-top: 0px dotted transparent; vertical-align: top">
+                            <table class="text_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 10px; padding-right: 10px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">{{texts.organization.currency_code}}{{cost}}</span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                          <td class="column column-4" width="17.5%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; border-bottom: 0px dotted transparent; border-left: 0px dotted transparent; border-right: 0px dotted transparent; border-top: 0px dotted transparent; vertical-align: top">
+                            <table class="text_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 10px; padding-right: 10px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">{{texts.organization.currency_code}}{{forecast}}</span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                          <td class="column column-5" width="17.5%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; border-bottom: 0px dotted transparent; border-left: 0px dotted transparent; border-right: 0px dotted transparent; border-top: 0px dotted transparent; vertical-align: top">
+                            <table class="text_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-left: 10px; padding-right: 10px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">{{tracked}}</span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            {{/texts.pools}}
+
+            <!-- Footer -->
+            <table class="row" align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #f7f6f5">
+              <tbody>
+                <tr>
+                  <td>
+                    <table class="row-content stack" align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #ffffff; color: #000000; width: 600px" width="600">
+                      <tbody>
+                        <tr>
+                          <td class="column column-1" width="100%" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; vertical-align: top; padding-top: 0px; padding-bottom: 0px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px">
+                            <table class="social_block block-1" width="100%" border="0" cellpadding="5" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt">
+                              <tr>
+                                <td class="pad">
+                                  <div class="alignment" style="text-align: center">
+                                    <table class="social-table" width="208px" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; display: inline-block">
+                                      <tr>
+                                        <td style="padding: 0 10px 0 10px">
+                                          <a href="https://www.linkedin.com/company/hystax" target="_blank" rel="noopener"><img src="https://app-rsrc.getbee.io/public/resources/social-networks-icon-sets/t-only-logo-color/linkedin@2x.png" width="32" height="32" alt="LinkedIn" title="LinkedIn" style="display: block; height: auto; border: 0" /></a>
+                                        </td>
+                                        <td style="padding: 0 10px 0 10px">
+                                          <a href="https://twitter.com/hystaxcom" target="_blank" rel="noopener"><img src="https://app-rsrc.getbee.io/public/resources/social-networks-icon-sets/t-only-logo-color/twitter@2x.png" width="32" height="32" alt="Twitter" title="Twitter" style="display: block; height: auto; border: 0" /></a>
+                                        </td>
+                                        <td style="padding: 0 10px 0 10px">
+                                          <a href="https://www.facebook.com/hystax" target="_blank" rel="noopener"><img src="https://app-rsrc.getbee.io/public/resources/social-networks-icon-sets/t-only-logo-color/facebook@2x.png" width="32" height="32" alt="Facebook" title="Facebook" style="display: block; height: auto; border: 0" /></a>
+                                        </td>
+                                        <td style="padding: 0 10px 0 10px">
+                                          <a href="https://t.me/hystax" target="_blank" rel="noopener"><img src="https://app-rsrc.getbee.io/public/resources/social-networks-icon-sets/t-only-logo-color/telegram@2x.png" width="32" height="32" alt="Telegram" title="Telegram" style="display: block; height: auto; border: 0" /></a>
+                                        </td>
+                                      </tr>
+                                    </table>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                            <table class="menu_block block-2" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt">
+                              <tr>
+                                <td class="pad" style="color: #333f53; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; font-size: 15px; letter-spacing: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; text-align: center">
+                                  <table width="100%" cellpadding="0" cellspacing="0" border="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt">
                                     <tr>
-                                      <td style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0; height: 35px; vertical-align: middle; width: 35px;" width="35" height="35" valign="middle">
-                                        <a href="{{links.facebook}}" target="_blank" rel="noopener">
-                                          <img height="35" src="https://s3-eu-west-1.amazonaws.com/ecomail-assets/editor/social-icos/roundedwhite/facebook.png" style="border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; border-radius: 3px; display: block;" width="35">
-                                        </a>
+                                      <td class="alignment" style="text-align: center; font-size: 0px">
+                                        <div class="menu-links">
+                                          <!--[if mso]>
+                                            <table role="presentation" border="0" cellpadding="0" cellspacing="0" align="center" style="">
+                                            <tr>
+                                            <td style="padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px">
+                                          <![endif]-->
+                                          <a href="https://hystax.com/terms-of-use/" style="padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; display: inline-block; color: #333f53; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; font-size: 15px; text-decoration: none; letter-spacing: normal">Terms of use</a>
+                                          <!--[if mso]></td><td><![endif]-->
+                                          <span class="sep" style="font-size: 15px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; color: #333f53">|</span>
+                                          <!--[if mso]></td><![endif]-->
+                                          <!--[if mso]></td><td style="padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px"><![endif]-->
+                                          <a href="https://hystax.com/privacy-policy/" style="padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; display: inline-block; color: #333f53; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; font-size: 15px; text-decoration: none; letter-spacing: normal">Privacy Policy</a>
+                                          <!--[if mso]></td></tr></table><![endif]-->
+                                        </div>
                                       </td>
                                     </tr>
-                                  </tbody>
-                                </table>
-                              </td>
-                            </tr>
-                          </tbody>
-                        </table>
-                        <!--[if mso | IE]>
+                                  </table>
+                                </td>
+                              </tr>
+                            </table>
+                            <table class="text_block mobile_hide block-3" width="100%" border="0" cellpadding="5" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 14px; text-align: center; mso-line-height-alt: 18px">
+                                        <span style="font-size: 12px; color: #004c74"><span style>1250 Borregas Ave, Sunnyvale, CA 94089, USA</span></span>
+                                      </p>
+                                      <p style="margin: 0; font-size: 14px; text-align: center; mso-line-height-alt: 18px"><span style="font-size: 12px; color: #004c74">{{texts.copyright}} Hystax Inc. All Rights Reserved.</span></p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                            <table class="text_block block-4" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word">
+                              <tr>
+                                <td class="pad" style="padding-bottom: 5px; padding-left: 20px; padding-right: 20px; padding-top: 5px">
+                                  <div style="font-family: 'Trebuchet MS', Tahoma, sans-serif">
+                                    <div class="txtTinyMce-wrapper" style="font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; text-align: left; mso-line-height-alt: 18px; color: #333f53; line-height: 1.5">
+                                      <p style="margin: 0; font-size: 10px; text-align: center; mso-line-height-alt: 15px"><span style="font-size: 10px">This email was generated automatically, you don’t need to reply to it.</span></p>
+                                      <p style="margin: 0; font-size: 10px; text-align: center; mso-line-height-alt: 15px">
+                                        <span style="font-size: 10px">
+                                          <span style>If you want us to stop sending such alerts, please let us know by writing to</span>
+                                          <strong>
+                                            <a href="mailto:support@hystax.com?subject=support@hystax.com" target="_blank" rel="noopener" title="support@hystax.com" style="text-decoration: underline; color: #4ab4ee"><span style>support@hystax.com</span></a>
+                                          </strong>
+                                        </span>
+                                      </p>
+                                      <a href="mailto:support@hystax.com?subject=support@hystax.com" target="_blank" rel="noopener" title="support@hystax.com" style="text-decoration: underline; color: #4ab4ee"></a>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
           </td>
-      </tr>
+        </tr>
+      </tbody>
     </table>
-  <![endif]-->
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-              <!--[if mso | IE]>
-        </td>
-    </tr>
-              </table>
-            <![endif]-->
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-    <!--[if mso | IE]>
-      </td>
-    </tr>
-  </table>
-  <![endif]-->
-</div></body>
+    <!-- End -->
+  </body>
 </html>
diff --git a/herald/send_templates.py b/herald/send_templates.py
index c6dccaee8..ca3a3f599 100755
--- a/herald/send_templates.py
+++ b/herald/send_templates.py
@@ -190,20 +190,149 @@
     },
     'pool_exceed_resources_report': {
         'email': ['ranxygcrfg@novaemail.com'],
-        'subject': 'Action Required: Hystax OptScale Pool Exceed Alert',
+        'subject': 'Action Required: Hystax OptScale Pool Limit Exceed Alert',
         'template_type': 'pool_exceed_resources_report',
         'template_params': {
             'texts': {
-                'exceeded_pools_count': 1,
-                'exceeded_pool_forecasts': [],
-                'exceeded_pool_forecasts_count': 0,
-                'title': 'Pool Exceed Alert',
+                'exceeded_pools_count': 2,
+                'exceeded_pool_forecasts_count': 2,
+                "exceeded_pool_forecasts": [
+                    {
+                        'forecast': 448.72,
+                        'limit': 100,
+                        'pool_id': '6e4c3ef9-37a9-47ec-87f7-0a864af86016',
+                        'pool_name': 'Dalek Industry pool',
+                        'pool_purpose': 'business_unit',
+                        'total_expenses': 448.72,
+                        "resources": [
+                            {
+                                'active': True,
+                                'cloud_account_id': '5c1ed35a-bf6b-4c7d-897a-8388b220fff3',
+                                'cloud_account_name': 'AWS linked',
+                                'cloud_console_link': 'https://console.aws.amazon.com/ec2/v2/home?region=us-west-2'
+                                                      '#InstanceDetails:instanceId=i-082b1a163698b8ede',
+                                'cloud_created_at': 1607326764,
+                                'cloud_resource_id': 'i-082b1a163698b8ede',
+                                'flavor': 't2.large',
+                                'image_id': 'ami-09d7e4ccf2c68700d',
+                                'last_seen': 1617152478,
+                                'last_seen_not_stopped': 1617152478,
+                                'organization_id': '955f3783-ad70-4ad8-9682-b64890ef95c6',
+                                'owner_id': '0b2287ea-c543-4b47-a8aa-a2953fad9eb4',
+                                'owner_name': 'Tester',
+                                'name': 'HystaxWebSite. It is very very very very very very very very very very very '
+                                        'very very very very very long name',
+                                'pool_id': '6e4c3ef9-37a9-47ec-87f7-0a864af86016',
+                                'pool_name': 'Dalek Industry',
+                                'pool_purpose': 'business_unit',
+                                'region': 'us-west-2',
+                                'resource_id': 'd3809841-eb70-4568-bb02-e962e401fdca',
+                                'spotted': False,
+                                'stopped_allocated': False,
+                                'type': 'instance',
+                                'security_groups': [
+                                    {
+                                        'GroupId': 'sg-0d99e8ecd70254ebe',
+                                        'GroupName': 'websites'}],
+                                'tags': {
+                                    'aws:createdBy': 'IAMUser:AIDA4YBYU3OICYSASYZ2E:pkozlov'
+                                }
+                            }
+                        ]
+                    },
+                    {
+                        'forecast': 448.72,
+                        'limit': 100,
+                        'pool_id': '6e4c3ef9-37a9-47ec-87f7-0a864af86016',
+                        'pool_name': 'My Pool',
+                        'pool_purpose': 'business_unit',
+                        'total_expenses': 448.72,
+                        "resources": [
+                            {
+                                'active': True,
+                                'cloud_account_id': '5c1ed35a-bf6b-4c7d-897a-8388b220fff3',
+                                'cloud_account_name': 'AWS linked',
+                                'cloud_console_link': 'https://console.aws.amazon.com/ec2/v2/home?region=us-west-2'
+                                                      '#InstanceDetails:instanceId=i-082b1a163698b8ede',
+                                'cloud_created_at': 1607326764,
+                                'cloud_resource_id': 'i-082b1a163698b8ede',
+                                'flavor': 't2.large',
+                                'image_id': 'ami-09d7e4ccf2c68700d',
+                                'last_seen': 1617152478,
+                                'last_seen_not_stopped': 1617152478,
+                                'organization_id': '955f3783-ad70-4ad8-9682-b64890ef95c6',
+                                'owner_id': '0b2287ea-c543-4b47-a8aa-a2953fad9eb4',
+                                'owner_name': 'Tester',
+                                'name': 'HystaxWebSite. It is very very very very very very very very very very very '
+                                        'very very very very very long name',
+                                'pool_id': '6e4c3ef9-37a9-47ec-87f7-0a864af86016',
+                                'pool_name': 'Dalek Industry',
+                                'pool_purpose': 'business_unit',
+                                'region': 'us-west-2',
+                                'resource_id': 'd3809841-eb70-4568-bb02-e962e401fdca',
+                                'spotted': False,
+                                'stopped_allocated': False,
+                                'type': 'instance',
+                                'security_groups': [
+                                    {
+                                        'GroupId': 'sg-0d99e8ecd70254ebe',
+                                        'GroupName': 'websites'}],
+                                'tags': {
+                                    'aws:createdBy': 'IAMUser:AIDA4YBYU3OICYSASYZ2E:pkozlov'
+                                }
+                            }
+                        ]
+                    }
+                ],
                 'exceeded_pools': [
                     {
                         'forecast': 448.72,
                         'limit': 100,
                         'pool_id': '6e4c3ef9-37a9-47ec-87f7-0a864af86016',
-                        'pool_name': 'Dalek Industry',
+                        'pool_name': 'My pool',
+                        'pool_purpose': 'business_unit',
+                        'total_expenses': 448.72,
+                        "resources": [
+                            {
+                                'active': True,
+                                'cloud_account_id': '5c1ed35a-bf6b-4c7d-897a-8388b220fff3',
+                                'cloud_account_name': 'AWS linked',
+                                'cloud_console_link': 'https://console.aws.amazon.com/ec2/v2/home?region=us-west-2'
+                                                      '#InstanceDetails:instanceId=i-082b1a163698b8ede',
+                                'cloud_created_at': 1607326764,
+                                'cloud_resource_id': 'i-082b1a163698b8ede',
+                                'flavor': 't2.large',
+                                'image_id': 'ami-09d7e4ccf2c68700d',
+                                'last_seen': 1617152478,
+                                'last_seen_not_stopped': 1617152478,
+                                'organization_id': '955f3783-ad70-4ad8-9682-b64890ef95c6',
+                                'owner_id': '0b2287ea-c543-4b47-a8aa-a2953fad9eb4',
+                                'owner_name': 'Tester',
+                                'name': 'HystaxWebSite. It is very very very very very very very very very very very '
+                                        'very very very very very long name',
+                                'pool_id': '6e4c3ef9-37a9-47ec-87f7-0a864af86016',
+                                'pool_name': 'Dalek Industry',
+                                'pool_purpose': 'business_unit',
+                                'region': 'us-west-2',
+                                'resource_id': 'd3809841-eb70-4568-bb02-e962e401fdca',
+                                'spotted': False,
+                                'stopped_allocated': False,
+                                'type': 'instance',
+                                'security_groups': [
+                                    {
+                                        'GroupId': 'sg-0d99e8ecd70254ebe',
+                                        'GroupName': 'websites'}],
+                                'tags': {
+                                    'aws:createdBy': 'IAMUser:AIDA4YBYU3OICYSASYZ2E:pkozlov'
+                                }
+                            }
+                        ]
+                    },
+                    {
+                        'forecast': 448.72,
+                        'limit': 100,
+                        'pool_id': '6e4c3ef9-37a9-47ec-87f7-0a864af86016',
+                        'pool_name': 'Dalek Industry pool',
                         'pool_purpose': 'business_unit',
                         'total_expenses': 448.72,
                         'resources': [
@@ -628,23 +757,19 @@
                                 'resource_id': '0fee4514-7b48-4616-9cd1-1b88cdbf5eef',
                                 'type': 'bucket',
                                 'tags': {
-                                    'aws:createdBy': 'IAMUser:AIDAIPPYCHRYQONGDLRJS:pk-full'}}]}],
+                                    'aws:createdBy': 'IAMUser:AIDAIPPYCHRYQONGDLRJS:pk-full'}
+                            }
+                        ]
+                    }
+                ],
                 'organization': {
                     'id': 'c2272558-912f-4571-8dc5-99bd5d30f7d1',
                     'name': 'Dalek Industry',
                     'currency_code': '$'
                 },
-                'user': {
-                    'assignment_id': '1fb37f03-1750-4b37-a98d-432bbddbcc1d',
-                    'assignment_resource_id': '955f3783-ad70-4ad8-9682-b64890ef95c6',
-                    'assignment_type_id': 2,
-                    'role_id': 4,
-                    'role_name': 'Engineer',
-                    'role_purpose': 'optscale_engineer',
-                    'role_scope_id': None,
-                    'user_display_name': 'Tester',
-                    'user_email': 'ranxygcrfg@novaemail.com',
-                    'user_id': 'cd7c7a35-572a-42bb-aefb-7479ffaf5f41'}}}},
+            }
+        }
+    },
     'pool_owner_violation_report': {
         'email': ['lori54_lskqtdln@hystax.com'],
         'subject': 'Action required: Hystax OptScale Resource Constraints Report',
@@ -806,9 +931,6 @@
         "subject": "OptScale weekly expense report",
         "template_params": {
             "texts": {
-                "end_date": "29/3/2021",
-                "start_date": "1/3/2021",
-                "title": "Weekly expense report",
                 "organization": {
                     "forecast": 482.32,
                     "id": "ed74eb3b-1c4d-477e-b431-28f697d62233",
@@ -853,7 +975,7 @@
                     },
                     {
                         "cost": 93.56,
-                        "forecast": 100.01,
+                        "forecast": 122222312300.01,
                         "id": "278c5876-43bb-4f33-9dff-55ae518d65db",
                         "limit": 50,
                         "name": "testo",
@@ -864,11 +986,6 @@
                     "forecast": 224.81,
                     "total_cost": 210.3,
                     "resources_tracked": 540
-                },
-                "user": {
-                    "user_display_name": "Mr Smith",
-                    "user_email": "root@hystax.com",
-                    "user_id": "8aa14efd-d111-4934-9c19-92b6f0da18fe"
                 }
             }
         }
diff --git a/katara/katara_worker/reports_generators/organization_expenses.py b/katara/katara_worker/reports_generators/organization_expenses.py
index 5e030dcda..ae9e70c09 100644
--- a/katara/katara_worker/reports_generators/organization_expenses.py
+++ b/katara/katara_worker/reports_generators/organization_expenses.py
@@ -52,19 +52,13 @@ def generate(self):
             self.organization_id, start, end,
             {'pool_id': self.get_nil_uuid()})
 
-        st_dt_string = f'{start_date.day}/{start_date.month}/{start_date.year}'
-        e_dt_string = f'{today.day}/{today.month}/{today.year}'
         return {
             'email': [self.report_data['user_email']],
             'template_type': 'weekly_expense_report',
             'subject': 'OptScale weekly expense report',
             'template_params': {
                 'texts': {
-                    'user': self.report_data,
-                    'title': 'Weekly expense report',
                     'pools': pools,
-                    'start_date': st_dt_string,
-                    'end_date': e_dt_string,
                     'unassigned': {
                         'total_cost': round(
                             unassigned_expenses['total_cost'], 2),
diff --git a/katara/katara_worker/reports_generators/pool_limit_exceed_resources.py b/katara/katara_worker/reports_generators/pool_limit_exceed_resources.py
index 1b9c856bc..fe824abb5 100644
--- a/katara/katara_worker/reports_generators/pool_limit_exceed_resources.py
+++ b/katara/katara_worker/reports_generators/pool_limit_exceed_resources.py
@@ -61,10 +61,8 @@ def generate(self):
                         'currency_code': self.get_currency_code(
                             organization['currency'])
                     },
-                    'user': self.report_data,
                     'exceeded_pools': exceeded_pools,
                     'exceeded_pool_forecasts': exceeded_pool_forecasts,
-                    'title': 'Pool Limit Exceed Alert',
                     "exceeded_pool_forecasts_count": len(
                         exceeded_pool_forecasts),
                     "exceeded_pools_count": len(exceeded_pools)
diff --git a/ngui/ui/src/components/Events/Events.styles.ts b/ngui/ui/src/components/Events/Events.styles.ts
deleted file mode 100644
index eb5d52f66..000000000
--- a/ngui/ui/src/components/Events/Events.styles.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { makeStyles } from "tss-react/mui";
-
-const useStyles = makeStyles()((theme) => ({
-  eventsWrapper: {
-    display: "flex",
-    position: "relative",
-    height: `calc(100vh - ${theme.spacing(19.5)})`
-  },
-  events: {
-    width: "100%",
-    overflowY: "auto"
-  },
-  heading: {
-    fontSize: theme.typography.pxToRem(15)
-  },
-  tableIcon: {
-    verticalAlign: "bottom",
-    paddingRight: "0.2rem"
-  },
-  infoIcon: {
-    color: theme.palette.info.main
-  },
-  warningIcon: {
-    color: theme.palette.warning.main
-  },
-  dateBlock: {
-    paddingTop: "2rem"
-  }
-}));
-
-export default useStyles;
diff --git a/ngui/ui/src/components/Events/Events.tsx b/ngui/ui/src/components/Events/Events.tsx
index eb4a8c5d8..bca1eacab 100644
--- a/ngui/ui/src/components/Events/Events.tsx
+++ b/ngui/ui/src/components/Events/Events.tsx
@@ -1,9 +1,9 @@
 import { useEffect, useState, useMemo } from "react";
 import ErrorIcon from "@mui/icons-material/Error";
 import InfoIcon from "@mui/icons-material/Info";
+import { Stack } from "@mui/material";
 import Box from "@mui/material/Box";
 import CircularProgress from "@mui/material/CircularProgress";
-import Grid from "@mui/material/Grid";
 import Typography from "@mui/material/Typography";
 import { FormattedMessage } from "react-intl";
 import Accordion from "components/Accordion";
@@ -15,11 +15,10 @@ import RangePickerForm from "components/RangePickerForm";
 import Table from "components/Table";
 import { useInitialMount } from "hooks/useInitialMount";
 import { isEmpty } from "utils/arrays";
-import { EVENT_LEVEL } from "utils/constants";
-import { formatUTC } from "utils/datetime";
-import { SPACING_1 } from "utils/layouts";
+import { EVENT_LEVEL, EVENTS_LIMIT } from "utils/constants";
+import { EN_FULL_FORMAT, formatUTC } from "utils/datetime";
+import { SPACING_1, SPACING_2, SPACING_3 } from "utils/layouts";
 import { getQueryParams, updateQueryParams, removeQueryParam } from "utils/network";
-import useStyles from "./Events.styles";
 
 const actionBarDefinition = {
   title: {
@@ -29,7 +28,7 @@ const actionBarDefinition = {
 };
 
 const Loader = () => (
-  <Box textAlign="center" pt={2}>
+  <Box width="100%" textAlign="center" pt={2}>
     <CircularProgress />
   </Box>
 );
@@ -106,15 +105,30 @@ const EventLevelSelector = ({ eventLevel, onApply }) => {
   );
 };
 
+const getEventsGroupedByTime = (events) =>
+  events.reduce((resultObject, event) => {
+    const groupKey = formatUTC(event.time);
+    return {
+      ...resultObject,
+      [groupKey]: [...(resultObject[groupKey] || []), event]
+    };
+  }, {});
+
+const EventIcon = ({ eventLevel }) =>
+  ({
+    [EVENT_LEVEL.INFO]: <InfoIcon fontSize="small" color="info" />,
+    [EVENT_LEVEL.WARNING]: <ErrorIcon fontSize="small" color="warning" />,
+    [EVENT_LEVEL.ERROR]: <ErrorIcon fontSize="small" color="error" />
+  })[eventLevel];
+
 const Events = ({ eventLevel, onScroll, applyFilter, events, isLoading = false }) => {
   const [expanded, setExpanded] = useState("");
-  const { classes, cx } = useStyles();
   const queryParams = getQueryParams();
 
-  const handleAccordion = (panel) => (event, isExpanded) => {
-    setExpanded(isExpanded ? panel : "");
+  const handleAccordion = (eventId) => (_, isExpanded) => {
+    setExpanded(isExpanded ? eventId : "");
     if (isExpanded) {
-      updateQueryParams({ event: panel });
+      updateQueryParams({ event: eventId });
     } else {
       removeQueryParam("event");
     }
@@ -130,13 +144,6 @@ const Events = ({ eventLevel, onScroll, applyFilter, events, isLoading = false }
     }
   }, [setExpanded, queryParams, isInitialMount, setIsInitialMount]);
 
-  const addIcon = (level) =>
-    ({
-      [EVENT_LEVEL.INFO]: <InfoIcon className={cx(classes.tableIcon, classes.infoIcon)} />,
-      [EVENT_LEVEL.WARNING]: <ErrorIcon className={cx(classes.tableIcon, classes.warningIcon)} />,
-      [EVENT_LEVEL.ERROR]: <ErrorIcon color="error" className={classes.tableIcon} />
-    })[level];
-
   const eventTableColumns = useMemo(
     () => [
       {
@@ -164,7 +171,7 @@ const Events = ({ eventLevel, onScroll, applyFilter, events, isLoading = false }
       {
         name: <FormattedMessage id="date" />,
         dataTestId: "lbl_date",
-        value: `${formatUTC(event.time, "MM/dd/yyyy hh:mm a")} UTC`
+        value: `${formatUTC(event.time, EN_FULL_FORMAT)} UTC`
       },
       {
         name: <FormattedMessage id="objectName" />,
@@ -211,65 +218,79 @@ const Events = ({ eventLevel, onScroll, applyFilter, events, isLoading = false }
     eventsList.map((event, index) => (
       <Accordion
         headerDataTestId={index === 0 && parentIndex === 0 ? "sp_first_event" : null}
-        key={`${event.id}`}
-        expanded={expanded === `${event.id}`}
-        onChange={handleAccordion(`${event.id}`)}
+        key={event.id}
+        expanded={expanded === event.id}
+        onChange={handleAccordion(event.id)}
         zeroSummaryMinHeight
         hideExpandIcon
       >
-        <Typography variant="inherit" noWrap className={classes.heading}>
-          {addIcon(event.level)}
-          {event.description}
-        </Typography>
+        <Box maxWidth="100%" display="flex" alignItems="center" py={0.5}>
+          <Box display="flex" mr={0.5}>
+            <EventIcon eventLevel={event.level} />
+          </Box>
+          <Typography variant="body2" noWrap>
+            {event.description}
+          </Typography>
+        </Box>
         {getAccordionContent(event)}
       </Accordion>
     ));
 
-  const getGroupedEvents = (eventsList) =>
-    eventsList.reduce((resultObject, event) => {
-      const groupKey = formatUTC(event.time);
-      return {
-        ...resultObject,
-        [groupKey]: [...(resultObject[groupKey] || []), event]
-      };
-    }, {});
+  const renderEventList = () => {
+    const noEvents = isEmpty(events);
 
-  const buildEventsBox = (eventsObj) =>
-    Object.keys(eventsObj).map((groupKey, index) => (
-      <Box key={groupKey} className={cx(index !== 0 && classes.dateBlock)}>
-        <Typography>{groupKey}</Typography>
-        {renderAccordion(eventsObj[groupKey], index)}
+    if (noEvents) {
+      return isLoading ? <Loader /> : <FormattedMessage id="noEvents" />;
+    }
+
+    return (
+      <Box>
+        <Stack spacing={SPACING_3}>
+          {Object.entries(getEventsGroupedByTime(events)).map(([groupKey, groupData], index) => (
+            <Box key={groupKey}>
+              <Typography>{groupKey}</Typography>
+              {renderAccordion(groupData, index)}
+            </Box>
+          ))}
+        </Stack>
+        {isLoading ? <Loader /> : null}
       </Box>
-    ));
+    );
+  };
 
   return (
     <>
       <ActionBar data={actionBarDefinition} />
       <PageContentWrapper>
-        <Grid container spacing={SPACING_1}>
-          <Grid container item xs={12} direction="row" justifyContent="space-between">
-            <Grid item>
+        <Stack spacing={SPACING_1} height="100%">
+          <Box display="flex" flexWrap="wrap" gap={SPACING_2} justifyContent="space-between">
+            <Box>
               <EventLevelSelector eventLevel={eventLevel} onApply={applyFilter} />
-            </Grid>
-            <Grid item>
+            </Box>
+            <Box>
               <Picker onApply={applyFilter} />
-            </Grid>
-          </Grid>
-          <Grid item xs={12}>
-            <Box className={classes.eventsWrapper}>
-              {isLoading && isEmpty(events) ? (
-                <Box className={cx(classes.events)}>
-                  <Loader />
-                </Box>
-              ) : (
-                <Box onScroll={onScroll} pl={0.5} className={cx(classes.events)}>
-                  {buildEventsBox(getGroupedEvents(events))}
-                  {isLoading ? <Loader /> : null}
-                </Box>
-              )}
             </Box>
-          </Grid>
-        </Grid>
+          </Box>
+          <Box
+            onScroll={onScroll}
+            display="flex"
+            flexDirection="column"
+            flexGrow={1}
+            flexBasis="0px"
+            overflow="auto"
+            /**
+             * Set an approximate maximum height for the events section to ensure it remains scrollable on large screens.
+             * The maximum height should be determined based on the height of the container when all events belong to a single date.
+             * In this scenario, the container's height will be close to its minimum possible value.
+             *
+             * EVENTS_LIMIT represents the maximum number of events that can be fetched in a single request.
+             * Each event is assumed to occupy approximately 25 pixels in height.
+             */
+            maxHeight={`${EVENTS_LIMIT * 25}px`}
+          >
+            {renderEventList()}
+          </Box>
+        </Stack>
       </PageContentWrapper>
     </>
   );
diff --git a/ngui/ui/src/containers/EventsContainer/EventsContainer.tsx b/ngui/ui/src/containers/EventsContainer/EventsContainer.tsx
index cb02a3403..d7a504bd2 100644
--- a/ngui/ui/src/containers/EventsContainer/EventsContainer.tsx
+++ b/ngui/ui/src/containers/EventsContainer/EventsContainer.tsx
@@ -3,7 +3,7 @@ import { useQuery } from "@apollo/client";
 import Events from "components/Events";
 import { GET_EVENTS } from "graphql/api/keeper/queries";
 import { useOrganizationInfo } from "hooks/useOrganizationInfo";
-import { EVENT_LEVEL } from "utils/constants";
+import { EVENT_LEVEL, EVENTS_LIMIT } from "utils/constants";
 import { scrolledToBottom } from "utils/layouts";
 import { getQueryParams, updateQueryParams } from "utils/network";
 
@@ -25,7 +25,10 @@ const EventsContainer = () => {
   const { loading } = useQuery(GET_EVENTS, {
     variables: {
       organizationId,
-      requestParams
+      requestParams: {
+        ...requestParams,
+        limit: EVENTS_LIMIT
+      }
     },
     onCompleted: (data) => {
       setEvents((state) => [...state, ...(data?.events ?? [])]);
diff --git a/ngui/ui/src/translations/en-US/app.json b/ngui/ui/src/translations/en-US/app.json
index 4941ae167..6a07cfb4b 100644
--- a/ngui/ui/src/translations/en-US/app.json
+++ b/ngui/ui/src/translations/en-US/app.json
@@ -1318,6 +1318,7 @@
   "noDuplicateChecks": "No duplicate checks, create a new one using the \"Run check\" button.",
   "noEnvironments": "No Shared Environments",
   "noErrorOutput": "No error output",
+  "noEvents": "No events",
   "noExceededPoolLimitForecasts": "No exceeded pool limit forecasts",
   "noExceededPoolLimits": "No exceeded pool limits",
   "noExclusions": "No exclusions",
diff --git a/ngui/ui/src/utils/constants.ts b/ngui/ui/src/utils/constants.ts
index 19d407fe6..b6939d12b 100644
--- a/ngui/ui/src/utils/constants.ts
+++ b/ngui/ui/src/utils/constants.ts
@@ -173,6 +173,8 @@ export const EVENT_LEVEL = Object.freeze({
   ERROR: "ERROR"
 });
 
+export const EVENTS_LIMIT = 80;
+
 export const CLOUD_ACCOUNT_TYPES_LIST = Object.keys(CLOUD_ACCOUNT_TYPE);
 
 export const DEFAULT_MAX_INPUT_LENGTH = 255;
diff --git a/ngui/ui/src/utils/layouts.ts b/ngui/ui/src/utils/layouts.ts
index fa2a24f5e..60e83ec8b 100644
--- a/ngui/ui/src/utils/layouts.ts
+++ b/ngui/ui/src/utils/layouts.ts
@@ -7,7 +7,7 @@ export const SPACING_4 = 4;
 export const SPACING_5 = 5;
 export const SPACING_6 = 6;
 
-export const scrolledToBottom = (target) => target.scrollTop + document.documentElement.offsetHeight > target.scrollHeight;
+export const scrolledToBottom = (target) => target.scrollTop + target.clientHeight >= target.scrollHeight;
 
 /**
  * Calculate the approximate width of the provided text
