diff --git a/herald/modules/email_generator/templates/pool_owner_violation_report.html b/herald/modules/email_generator/templates/pool_owner_violation_report.html
index ce4368cbb..b01006f1f 100644
--- a/herald/modules/email_generator/templates/pool_owner_violation_report.html
+++ b/herald/modules/email_generator/templates/pool_owner_violation_report.html
@@ -1,645 +1,478 @@
 <!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%; 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 resources in pools you manage violate their constraints or have constraints different from Pool Constraints Policy.</p>
-                        </div>
-                      </td>
-                    </tr>
-                    <tr style="display:{{style.element_visibility_total_violated}};">
-                      <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;">Resources have <strong>{{texts.total_violated}}</strong> constraints violations:</p>
-                        </div>
-                      </td>
-                    </tr>
-                    <tr style="display:{{style.element_visibility_total_violated}};">
-                      <td>
-                        <div style="background:#FFFFFF;background-color:#FFFFFF;Margin:0px auto;max-width:700px;overflow-x: auto;">
-                          <table align="center" border="0" cellpadding="5" 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>
+                            </table>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </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 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">
-                                  <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: 5px 0px 5px 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;">Resource</span></strong></p>
-                                            </div>
-                                          </th>
-                                          <th align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 5px 0px 5px 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/Owner</span></strong></p>
-                                            </div>
-                                          </th>
-                                          <th align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 5px 0px 5px 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;">Type</span></strong></p>
-                                            </div>
-                                          </th>
-                                        </tr>
-                                        {{#texts.violated_resources}}
-                                        <tr>
-                                          <td align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 5px 0px 5px 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;">
-                                              <span style="font-size: 12px;"><strong><a href="https://{{etcd.control_panel_link}}/resources/{{resource_id}}{{texts.control_panel_parameters}}&tab=constraints" target="_blank" rel="noopener">{{cloud_resource_id}}</a></strong></span><br>
-                                              <span style="font-size: 12px;">{{resource_name}}</span>
-                                            </div>
-                                          </td>
-                                          <td align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 5px 0px 5px 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;">
-                                              <span style="font-size: 12px;"><strong><a href="https://{{etcd.control_panel_link}}/pools/{{pool_id}}{{texts.control_panel_parameters}}" target="_blank" rel="noopener">{{pool_name}}</a></strong></span><br>
-                                              <span style="font-size: 12px;">{{owner_name}}</span>
-                                            </div>
-                                          </td>
-                                          <td align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 5px 0px 5px 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;">
-                                              <span style="font-size: 12px;"><strong>{{type}}</strong></span><br><br>
-                                            </div>
-                                          </td>
-                                        </tr>
-                                        {{/texts.violated_resources}}
-                                      </tbody>
-                                    </table>
+                                <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>
+                  </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 resources in the pools you manage violate their constraints or have constraints different from the Pool Constraints Policy.</p>
+                                    </div>
                                   </div>
                                 </td>
                               </tr>
-                            </tbody>
-                          </table>
-                        </div>
-                      </td>
-                    </tr>
-                    <tr style="display:{{style.element_visibility_total_violated}};">
-                      <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;"><strong><a href="https://{{etcd.control_panel_link}}{{texts.control_panel_parameters}}&task=violatedConstraints" target="_blank" rel="noopener">Review resources with violated constraints</a></strong></p>
-                        </div>
-                      </td>
-                    </tr>
-                    <tr style="display:{{style.element_visibility_total_differ}};">
-                      <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;">Resources have <strong>{{texts.total_differ}}</strong> constraints that differ from corresponding Pool Constraints Policy:</p>
-                        </div>
-                      </td>
-                    </tr>
-                    <tr style="display:{{style.element_visibility_total_differ}};">
-                      <td>
-                        <div style="background:#FFFFFF;background-color:#FFFFFF;Margin:0px auto;max-width:700px;overflow-x: auto;">
-                          <table align="center" border="0" cellpadding="5" 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>
+                            </table>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+
+            <!-- Resources count -->
+            <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 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">
-                                  <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: 5px 0px 5px 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;">Resource</span></strong></p>
-                                            </div>
-                                          </th>
-                                          <th align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 5px 0px 5px 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/Owner</span></strong></p>
-                                            </div>
-                                          </th>
-                                          <th align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 5px 0px 5px 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;">Type</span></strong></p>
-                                            </div>
-                                          </th>
-                                        </tr>
-                                        {{#texts.differ_resources}}
-                                        <tr>
-                                          <td align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 5px 0px 5px 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;">
-                                              <span style="font-size: 12px;"><strong><a href="https://{{etcd.control_panel_link}}/resources/{{resource_id}}{{texts.control_panel_parameters}}&tab=constraints" target="_blank" rel="noopener">{{cloud_resource_id}}</a></strong></span><br>
-                                              <span style="font-size: 12px;">{{resource_name}}</span>
-                                            </div>
-                                          </td>
-                                          <td align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 5px 0px 5px 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;">
-                                              <span style="font-size: 12px;"><strong><a href="https://{{etcd.control_panel_link}}/pools/{{pool_id}}{{texts.control_panel_parameters}}" target="_blank" rel="noopener">{{pool_name}}</a></strong></span><br>
-                                              <span style="font-size: 12px;">{{owner_name}}</span>
-                                            </div>
-                                          </td>
-                                          <td align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 5px 0px 5px 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;">
-                                              <span style="font-size: 12px;"><strong>{{type}}</strong></span><br><br>
-                                            </div>
-                                          </td>
-                                        </tr>
-                                        {{/texts.differ_resources}}
-                                      </tbody>
-                                    </table>
+                                <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">Resources have <strong>{{texts.total_violated}}</strong> constraint violations:</p>
+                                    </div>
                                   </div>
                                 </td>
                               </tr>
-                            </tbody>
-                          </table>
-                        </div>
-                      </td>>
-                    </tr>
-                    <tr style="display:{{style.element_visibility_total_differ}};">
-                      <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;"><strong><a href="https://{{etcd.control_panel_link}}{{texts.control_panel_parameters}}&task=divergentConstraints" target="_blank" rel="noopener">Review resources with custom constraints</a></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]-->
+                            </table>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
 
-      <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>
+            <!-- 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="40%" 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>Resource</strong>
+                                        </span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                          <td class="column column-2" width="40%" 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>Pool/Owner</strong>
+                                        </span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                          <td class="column column-3" 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>Type</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>
+            <!-- Resources > Table -->
+            {{#texts.violated_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="40%" 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">
+                                          <strong>
+                                            <a href="https://{{etcd.control_panel_link}}/resources/{{resource_id}}{{texts.control_panel_parameters}}&tab=constraints" target="_blank" rel="noopener">{{cloud_resource_id}}</a>
+                                          </strong>
+                                        </span>
+                                      </p>
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">{{resource_name}}</span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                          <td class="column column-2" width="40%" 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">
+                                          <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">{{owner_name}}</span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                          <td class="column column-3" 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">{{type}}</span></p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            {{/texts.violated_resources}}
+
+            <!-- Go to OptScale button -->
+            <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: 5px; padding-bottom: 5px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px">
+                            <table class="button_block block-1" width="100%" border="0" cellpadding="10" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt">
+                              <tr>
+                                <td class="pad">
+                                  <div class="alignment" align="center">
+                                    <!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://{{etcd.control_panel_link}}/resource-lifecycle{{texts.control_panel_parameters}}&tab=resourceConstraints" style="height:42px;width:149px;v-text-anchor:middle;" arcsize="10%" stroke="false" fillcolor="#f58535"><w:anchorlock/><v:textbox inset="0px,0px,0px,0px"><center style="color:#ffffff; font-family:Arial, sans-serif; font-size:16px"><![endif]-->
+                                    <a href="https://{{etcd.control_panel_link}}/resource-lifecycle{{texts.control_panel_parameters}}&tab=resourceConstraints" target="_blank" rel="noopener" style="text-decoration: none; display: inline-block; color: #ffffff; background-color: #f58535; border-radius: 4px; width: auto; border-top: 0px solid #f58535; font-weight: 400; border-right: 0px solid #f58535; border-bottom: 0px solid #f58535; border-left: 0px solid #f58535; padding-top: 5px; padding-bottom: 5px; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; text-align: center; mso-border-alt: none; word-break: keep-all">
+                                      <span style="padding-left: 20px; padding-right: 20px; font-size: 16px; display: inline-block; letter-spacing: normal"><span style="word-break: break-word; line-height: 32px">Go to OptScale</span></span>
+                                    </a>
+                                    <!--[if mso]></center></v:textbox></v:roundrect><![endif]-->
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+
+            <!-- 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/resource_owner_violation_report.html b/herald/modules/email_generator/templates/resource_owner_violation_report.html
index 7d56c80bd..e89cf288f 100644
--- a/herald/modules/email_generator/templates/resource_owner_violation_report.html
+++ b/herald/modules/email_generator/templates/resource_owner_violation_report.html
@@ -1,663 +1,615 @@
 <!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%; 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 resources you own violate their constraints or have constraints different from Pool Constraints Policy.</p>
-                        </div>
-                      </td>
-                    </tr>
-                    <tr style="display:{{style.element_visibility_total_violated}};">
-                      <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 resources have violated <strong>{{texts.total_violated}}</strong> constraints:</p>
-                        </div>
-                      </td>
-                    </tr>
-                    <tr style="display:{{style.element_visibility_total_violated}};">
-                      <div style="background:#FFFFFF;background-color:#FFFFFF;Margin:0px auto;max-width:700px;overflow-x: auto;">
-                        <table align="center" border="0" cellpadding="5" 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">
+                            </table>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </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="" 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: 5px 0px 5px 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;">Resource</span></strong></p>
-                                          </div>
-                                        </th>
-                                        <th align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 5px 0px 5px 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: 5px 0px 5px 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;">Type</span></strong></p>
-                                          </div>
-                                        </th>
-                                      </tr>
-                                      {{#texts.violated_resources}}
-                                      <tr>
-                                        <td align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 5px 0px 5px 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;">
-                                            <span style="font-size: 12px;"><strong><a href="https://{{etcd.control_panel_link}}/resources/{{resource_id}}{{texts.control_panel_parameters}}&tab=constraints" target="_blank" rel="noopener">{{cloud_resource_id}}</a></strong></span><br>
-                                            <span style="font-size: 12px;">{{resource_name}}</span>
-                                          </div>
-                                        </td>
-                                        <td align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 5px 0px 5px 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;">
-                                            <span style="font-size: 12px;"><strong><a href="https://{{etcd.control_panel_link}}/pools/{{pool_id}}{{texts.control_panel_parameters}}" target="_blank" rel="noopener">{{pool_name}}</a></strong></span><br>
-                                          </div>
-                                        </td>
-                                        <td align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 5px 0px 5px 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;">
-                                            <span style="font-size: 12px;"><strong>{{type}}</strong></span><br><br>
-                                          </div>
-                                        </td>
-                                      </tr>
-                                      {{/texts.violated_resources}}
-                                    </tbody>
-                                  </table>
-                                </div>
-                                <!--[if mso | IE]>
-                                  </td>
+                                <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>
-                                      <![endif]-->
-                              </td>
-                            </tr>
-                          </tbody>
-                        </table>
-                      </div>
-                    </tr>
-                    <tr style="display:{{style.element_visibility_total_violated}};">
-                      <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;"><strong><a href="https://{{etcd.control_panel_link}}{{texts.control_panel_parameters}}&task=violatedConstraints" target="_blank" rel="noopener">Review resources with violated constraints</a></strong></p>
-                        </div>
-                      </td>
-                    </tr>
-                    <tr style="display:{{style.element_visibility_total_differ}};">
-                      <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 resources have <strong>{{texts.total_differ}}</strong> constraints that differ from corresponding Pool Constraints Policy:</p>
-                        </div>
-                      </td>
-                    </tr>
-                    <tr style="display:{{style.element_visibility_total_differ}};">
-                      <div style="background:#FFFFFF;background-color:#FFFFFF;Margin:0px auto;max-width:700px;overflow-x: auto;">
-                        <table align="center" border="0" cellpadding="5" 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">
+                            </table>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </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="" 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: 5px 0px 5px 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;">Resource</span></strong></p>
-                                          </div>
-                                        </th>
-                                        <th align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 5px 0px 5px 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: 5px 0px 5px 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;">Type</span></strong></p>
-                                          </div>
-                                        </th>
-                                      </tr>
-                                      {{#texts.differ_resources}}
+                                <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 resources you own violate their constraints or have constraints different from Pool Constraints Policy.</p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+
+            <!-- Constraint violation -->
+            <!-- Constraint violation > 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">Your resources have violated <strong>{{texts.total_violated}}</strong> constraints:</p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <!-- Constraint violation > 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="50%" 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>Resource</strong>
+                                        </span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                          <td class="column column-2" 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: 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>Pool</strong>
+                                        </span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                          <td class="column column-3" 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>Type</strong>
+                                        </span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <!-- Constraint violation > Table -->
+            {{#texts.violated_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="50%" 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">
+                                          <strong>
+                                            <a href="https://{{etcd.control_panel_link}}/resources/{{resource_id}}{{texts.control_panel_parameters}}&tab=constraints" target="_blank" rel="noopener">{{cloud_resource_id}}</a>
+                                          </strong>
+                                        </span>
+                                      </p>
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">{{resource_name}}</span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                          <td class="column column-2" 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: 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">
+                                          <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>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                          <td class="column column-3" 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">{{type}}</span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            {{/texts.violated_resources}}
+
+            <!-- Divergent constraint -->
+            <!-- Divergent constraint > 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">Your resources have <strong>{{texts.total_differ}}</strong> constraints that differ from corresponding Pool Constraints Policy:</p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <!-- Divergent constraint > 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="50%" 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>Resource</strong>
+                                        </span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                          <td class="column column-2" 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: 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>Pool</strong>
+                                        </span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                          <td class="column column-3" 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>Type</strong>
+                                        </span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <!-- Divergent constraint > Table -->
+            {{#texts.differ_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="50%" 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">
+                                          <strong>
+                                            <a href="https://{{etcd.control_panel_link}}/resources/{{resource_id}}{{texts.control_panel_parameters}}&tab=constraints" target="_blank" rel="noopener">{{cloud_resource_id}}</a>
+                                          </strong>
+                                        </span>
+                                      </p>
+                                      <p style="margin: 0; font-size: 16px; text-align: left; mso-line-height-alt: 21px">
+                                        <span style="font-size: 14px">{{resource_name}}</span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                          <td class="column column-2" 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: 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">
+                                          <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>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                          <td class="column column-3" 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">{{type}}</span>
+                                      </p>
+                                    </div>
+                                  </div>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            {{/texts.differ_resources}}
+
+            <!-- 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 align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 5px 0px 5px 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;">
-                                            <span style="font-size: 12px;"><strong><a href="https://{{etcd.control_panel_link}}/resources/{{resource_id}}{{texts.control_panel_parameters}}&tab=constraints" target="_blank" rel="noopener">{{cloud_resource_id}}</a></strong></span><br>
-                                            <span style="font-size: 12px;">{{resource_name}}</span>
-                                          </div>
+                                        <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 align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 5px 0px 5px 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;">
-                                            <span style="font-size: 12px;"><strong><a href="https://{{etcd.control_panel_link}}/pools/{{pool_id}}{{texts.control_panel_parameters}}" target="_blank" rel="noopener">{{pool_name}}</a></strong></span><br>
-                                          </div>
+                                        <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 align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 5px 0px 5px 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;">
-                                            <span style="font-size: 12px;"><strong>{{type}}</strong></span><br><br>
-                                          </div>
+                                        <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>
-                                      {{/texts.differ_resources}}
-                                    </tbody>
-                                  </table>
-                                </div>
-                                <!--[if mso | IE]>
-                                  </td>
+                                    </table>
+                                  </div>
+                                </td>
                               </tr>
-                                        </table>
-                                      <![endif]-->
-                              </td>
-                            </tr>
-                          </tbody>
-                        </table>
-                      </div>
-                    </tr>
-                    <tr style="display:{{style.element_visibility_total_differ}};">
-                      <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;"><strong><a href="https://{{etcd.control_panel_link}}{{texts.control_panel_parameters}}&task=divergentConstraints" target="_blank" rel="noopener">Review resources with custom constraints</a></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: 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>
-                    </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>
+                            </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 dc32948e5..c6dccaee8 100755
--- a/herald/send_templates.py
+++ b/herald/send_templates.py
@@ -651,7 +651,6 @@
         'template_type': 'pool_owner_violation_report',
         'template_params': {
             'texts': {
-                'title': 'Resource Constraints Report',
                 'total_differ': 0,
                 'total_violated': 2,
                 'differ_resources': [],
@@ -659,17 +658,6 @@
                     'id': '28eef4b1-4acf-4050-b833-86c3b2aaf1e7',
                     'name': 'Lori Inc'
                 },
-                'user': {
-                    'assignment_id': 'e56d3134-a7f3-44c3-9f70-4734fae654fd',
-                    'assignment_resource_id': '28eef4b1-4acf-4050-b833-86c3b2aaf1e7',
-                    'assignment_type_id': 2,
-                    'role_id': 3,
-                    'role_name': 'Manager',
-                    'role_scope_id': None,
-                    'role_purpose': 'optscale_manager',
-                    'user_display_name': 'lori54',
-                    'user_email': 'lori54_lskqtdln@hystax.com',
-                    'user_id': '0eebe586-9cad-4daf-b143-075c2422cf98'},
                 'violated_resources': [
                     {
                         'cloud_resource_id': 'i-05377b0fa5b9674fd',
@@ -754,7 +742,6 @@
         "subject": "Action required: Hystax OptScale Resource Constraints Report",
         "template_params": {
             "texts": {
-                "title": "Resource Constraints Report",
                 "total_differ": 1,
                 "total_violated": 1,
                 "differ_resources": [{
@@ -790,11 +777,6 @@
                     "id": "b8835bce-da4c-4c29-98a0-4b4967baba53",
                     "name": "Czar Pictures"
                 },
-                "user": {
-                    "user_display_name": "Mr Smith",
-                    "user_email": "root@hystax.com",
-                    "user_id": "8aa14efd-d111-4934-9c19-92b6f0da18fe"
-                },
                 "violated_resources": [{
                     "cloud_resource_id": "hystax-eu-fra",
                     "constraint_limit": 1,
diff --git a/katara/katara_worker/reports_generators/violated_constraints.py b/katara/katara_worker/reports_generators/violated_constraints.py
index 574b292a0..51f57ddde 100644
--- a/katara/katara_worker/reports_generators/violated_constraints.py
+++ b/katara/katara_worker/reports_generators/violated_constraints.py
@@ -39,7 +39,6 @@ def generate(self):
                 'Action required: Hystax OptScale Resource Constraints Report',
             'template_params': {
                 'texts': {
-                    'user': self.report_data,
                     'organization': {
                         'id': org['id'],
                         'name': org['name']
@@ -48,7 +47,6 @@ def generate(self):
                     'total_violated': total_violated,
                     'differ_resources': differ_resources,
                     'violated_resources': violated_resources,
-                    'title': 'Resource Constraints Report'
                 }
             }
         }
diff --git a/ngui/ui/src/components/SideModal/SideModal.tsx b/ngui/ui/src/components/SideModal/SideModal.tsx
index ac85a00ce..e18f9cab4 100644
--- a/ngui/ui/src/components/SideModal/SideModal.tsx
+++ b/ngui/ui/src/components/SideModal/SideModal.tsx
@@ -1,9 +1,25 @@
-import { useState } from "react";
+import { ReactNode, SyntheticEvent, useState } from "react";
 import Drawer from "@mui/material/Drawer";
 import SideModalHeader from "components/SideModalHeader";
+import { SideModalHeaderProps } from "components/SideModalHeader/SideModalHeader";
 import useStyles from "./SideModal.styles";
 
-const DrawerContent = ({ headerProps, handleClose, children }) => {
+type DrawerContentProps = {
+  headerProps: SideModalHeaderProps;
+  handleClose: (event: SyntheticEvent) => void;
+  children: ReactNode;
+};
+
+type SideModalProps = {
+  isOpen: boolean;
+  closeHandler: (isOpen: boolean) => void;
+  dataTestId: string;
+  headerProps: SideModalHeaderProps;
+  onClose?: (event: SyntheticEvent) => void;
+  children: ReactNode;
+};
+
+const DrawerContent = ({ headerProps, handleClose, children }: DrawerContentProps) => {
   const { showExpand, ...sideModalHeaderProps } = headerProps;
 
   const [isExpanded, setIsExpanded] = useState(showExpand);
@@ -14,6 +30,7 @@ const DrawerContent = ({ headerProps, handleClose, children }) => {
     <div className={cx(classes.sideModal, isExpanded && classes.sideModalExpanded)}>
       <SideModalHeader
         {...sideModalHeaderProps}
+        showExpand={showExpand}
         onClose={handleClose}
         isExpanded={isExpanded}
         onExpandChange={() => setIsExpanded(!isExpanded)}
@@ -23,7 +40,7 @@ const DrawerContent = ({ headerProps, handleClose, children }) => {
   );
 };
 
-const SideModal = ({ isOpen, closeHandler, dataTestId, headerProps = {}, onClose, children }) => {
+const SideModal = ({ isOpen, closeHandler, dataTestId, headerProps, onClose, children }: SideModalProps) => {
   const handleClose = (event) => {
     if (event.type === "keydown" && (event.key === "Tab" || event.key === "Shift")) {
       return;
diff --git a/ngui/ui/src/components/SideModalHeader/SideModalHeader.tsx b/ngui/ui/src/components/SideModalHeader/SideModalHeader.tsx
index 65c28edb2..dd25aaaaa 100644
--- a/ngui/ui/src/components/SideModalHeader/SideModalHeader.tsx
+++ b/ngui/ui/src/components/SideModalHeader/SideModalHeader.tsx
@@ -1,3 +1,4 @@
+import { ReactNode, SyntheticEvent } from "react";
 import CloseIcon from "@mui/icons-material/Close";
 import WidthNormalIcon from "@mui/icons-material/WidthNormal";
 import WidthWideIcon from "@mui/icons-material/WidthWide";
@@ -10,6 +11,23 @@ import SideModalTitle from "components/SideModalTitle";
 import { capitalize } from "utils/strings";
 import useStyles from "./SideModalHeader.styles";
 
+type Title =
+  | { text: string; messageId?: never; formattedMessageValues?: never }
+  | { text?: never; messageId: string; formattedMessageValues?: Record<string, ReactNode> };
+
+export type SideModalHeaderProps = Title & {
+  onClose: (event: SyntheticEvent) => void;
+  showExpand?: boolean;
+  onExpandChange?: () => void;
+  isExpanded?: boolean;
+  dataTestIds?: {
+    title?: string;
+    closeButton?: string;
+    expandButton?: string;
+  };
+  color?: "primary" | "success" | "info" | "error";
+};
+
 const SideModalHeader = ({
   text,
   messageId,
@@ -20,7 +38,7 @@ const SideModalHeader = ({
   formattedMessageValues,
   dataTestIds,
   color = "primary"
-}) => {
+}: SideModalHeaderProps) => {
   const { classes, cx } = useStyles();
 
   const {
@@ -29,7 +47,8 @@ const SideModalHeader = ({
     expandButton: expandButtonDataTestId
   } = dataTestIds || {};
 
-  const headerClasses = cx(classes["header".concat(capitalize(color))]);
+  const headerColorClassName = `header${capitalize(color)}` as const;
+  const headerClasses = cx(classes[headerColorClassName]);
 
   return (
     <Box mb={2}>
diff --git a/ngui/ui/src/components/SideModalTitle/SideModalTitle.tsx b/ngui/ui/src/components/SideModalTitle/SideModalTitle.tsx
index fd86cac53..7be9c29a0 100644
--- a/ngui/ui/src/components/SideModalTitle/SideModalTitle.tsx
+++ b/ngui/ui/src/components/SideModalTitle/SideModalTitle.tsx
@@ -1,6 +1,11 @@
-import Typography from "@mui/material/Typography";
+import Typography, { TypographyProps } from "@mui/material/Typography";
 
-const SideModalTitle = ({ children, dataProductTourId, dataTestId, ...rest }) => (
+type SideModalTitleProps = {
+  dataProductTourId?: string;
+  dataTestId?: string;
+} & TypographyProps;
+
+const SideModalTitle = ({ children, dataProductTourId, dataTestId, ...rest }: SideModalTitleProps) => (
   <Typography component="h2" variant="h6" data-product-tour-id={dataProductTourId} data-test-id={dataTestId} {...rest}>
     {children}
   </Typography>
diff --git a/ngui/ui/src/utils/strings.ts b/ngui/ui/src/utils/strings.ts
index d267a53e0..3f70f08e9 100644
--- a/ngui/ui/src/utils/strings.ts
+++ b/ngui/ui/src/utils/strings.ts
@@ -31,7 +31,8 @@ export const getHash = (s) => {
   return h;
 };
 
-export const capitalize = (s) => (isString(s) ? s.charAt(0).toUpperCase() + s.slice(1) : "");
+export const capitalize = <T extends string>(s: T): Capitalize<T> =>
+  (isString(s) ? s.charAt(0).toUpperCase() + s.slice(1) : "") as Capitalize<T>;
 
 export const concatenate = (array, pre, separator) => {
   const string = array.join(separator);
