<% alias Toolbox.Notifications.TemplateHelper, as: H %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

  <head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1" name="viewport">
    <meta name="x-apple-disable-message-reformatting">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="telephone=no" name="format-detection">
    <title><%= @title %></title>
    <!--[if (mso 16)]>
      <style type="text/css">
      a {text-decoration: none;}
      </style>
    <![endif]-->
    <!--[if gte mso 9]><style>sup { font-size: 100% !important; }</style><![endif]-->
    <style>
/* IMPORTANT THIS STYLES MUST BE ON FINAL EMAIL */

a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}
        /*
           END OF IMPORTANT
         */

        html,
        body {
          width: 100%;
          height: 100%;
          font-family: arial, 'helvetica neue', helvetica, sans-serif;
          -webkit-text-size-adjust: 100%;
          -ms-text-size-adjust: 100%;
        }

        table {
          mso-table-lspace: 0pt;
          mso-table-rspace: 0pt;
          border-collapse: collapse;
          border-spacing: 0px;
        }

        html,
        body {
          padding: 0;
          Margin: 0;
        }

        img {
          display: block;
          border: 0;
          outline: none;
          text-decoration: none;
          -ms-interpolation-mode: bicubic;
        }

        table tr {
          border-collapse: collapse;
        }

        p{
          margin: 10px 0;
        }

        h1,
        h2,
        h3,
        h4,
        h5 {
          margin: 0 0 20px 0;
          line-height: 120%;
          mso-line-height-rule: exactly;
          font-family: arial, 'helvetica neue', helvetica, sans-serif;
        }

        p,
        ul li,
        ol li,
        a {
          -webkit-text-size-adjust: none;
          -ms-text-size-adjust: none;
          mso-line-height-rule: exactly;
        }

        /* END CONFIG STYLES */

        a {
          font-family: arial, 'helvetica neue', helvetica, sans-serif;
          font-size: 14px;
          text-decoration: underline;
          color: #2196f3;
          text-decoration: none;
        }
        a:hover {
          color: #0367B4;
        }

        h1 {
          font-size: 30px;
          font-style: normal;
          font-weight: normal;
          color: #333333;
        }

        h1 a {
          font-size: 30px;
        }

        h2 {
          font-size: 24px;
          font-style: normal;
          font-weight: normal;
          color: #333333;
        }

        h2 a {
          font-size: 24px;
        }

        h3 {
          font-size: 20px;
          font-style: normal;
          font-weight: normal;
          color: #333333;
        }

        h3 a {
          font-size: 20px;
        }

        h4 {
          font-size: 18px;
          font-style: normal;
          font-weight: normal;
          color: #333333;
        }

        h3 a {
          font-size: 18px;
        }

        p,
        ul li,
        ol li {
          font-size: 14px;
          font-family: arial, 'helvetica neue', helvetica, sans-serif;
          line-height: 150%;
        }

        ul, ol {margin: 0;}

        @media only screen and (max-width: 600px) {
          p,
          ul li,
          ol li,
          a {
            font-size: 16px !important;
            line-height: 150% !important;
          }
          p {
            text-align: center;
          }
          h1 {
            font-size: 30px !important;
            text-align: center;
            line-height: 120%;
          }
          h2 {
            font-size: 26px !important;
            text-align: center;
            line-height: 120%;
          }
          h3 {
            font-size: 20px !important;
            text-align: center;
            line-height: 120%;
          }
          h4 {
            font-size: 18px !important;
            text-align: center;
            line-height: 120%;
          }
          h1 a {
            font-size: 30px !important;
          }
          h2 a {
            font-size: 26px !important;
          }
          h3 a {
            font-size: 20px !important;
          }
          .header img {
            /*width: 100% !important;*/
            max-width: 250px !important;
          }
          table {
            width: 100% !important;
            max-width: 600px !important;
          }
        }
        /* END RESPONSIVE STYLES */
        .wrapper {
          background: #f5f5f5;
          min-height: 100%;
        }
        .tableWrapper {
          width: 100%;
          height: 100%;
        }
        .OwnTable th,
        .OwnTable td {
          text-align: left;
        }
        .OwnTable tr:nth-child(odd) {
          background: #f8f8f8;
        }
        .col2 th,
        .col2 td {
          width: 50%;
        }
        .col3 th,
        .col3 td {
          width: 33%;
        }
        .col4 th,
        .col4 td {
          width: 25%;
        }
        .col5 th,
        .col5 td {
          width: 20%;
        }
        .col6 th,
        .col6 td {
          width: 16%;
        }
        .col7 th,
        .col7 td {
          width: 14%;
        }
        .col8 th,
        .col8 td {
          width: 13%;
        }
        .col9 th,
        .col9 td {
          width: 11%;
        }
        .col10 th,
        .col10 td {
          width: 10%;
        }
        .reportDataTable tr th:first-child, .reportDataTable tr td:first-child {
          padding-left: 10px;
        }
    </style>
  </head>

  <body>
    <div class="wrapper" bgcolor="#f8f8f8">
      <table cellpadding="0" cellspacing="0" width="100%" class="tableWrapper" bgcolor="#f8f8f8">
        <tr>
          <td valign="top">
            <table cellpadding="0" cellspacing="0" width="100%">
              <tr>
                <td valign="top">
                  <table cellpadding="0" cellspacing="0" class="header" align="center" width="600">
                    <tr>
                      <td align="center" style="padding: 20px;">
                        <a href="<%= H.ui_url() %>" target="_blank"><img src="data:image/png;base64,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" alt="" height="32"></a>
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>

              <tr>
                <td>
                  <table cellpadding="0" cellspacing="0" class="content" align="center" width="<%= assigns[:width] || "600" %>" bgcolor="white">
                    <tr>
                      <td align="left" style="padding: 20px;">
