TimesheetApprovedNotification

Id: A1FBE07E-3DD4-432D-A05C-C760FD98A021
Configurable: yes
Company: 6E919CFE-74DD-4EBC-8665-3C0D44866649
Created: 2022-06-22 19:15:20.403000
Updated: 2026-03-28 14:50:11.303000

HTML body (12271 chars)

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
    <meta name="x-apple-disable-message-reformatting">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Timesheet Approved Notification</title>
    <style type="text/css">
        a {
            text-decoration: none;
            outline: 0
        }

@media (max-width:649px) {
            .o_col-full {
                max-width: 100% !important
            }

.o_col-half {
                max-width: 50% !important
            }

.o_hide-lg {
                display: inline-block !important;
                font-size: inherit !important;
                max-height: none !important;
                line-height: inherit !important;
                overflow: visible !important;
                width: auto !important;
                visibility: visible !important
            }

.o_hide-xs,
            .o_hide-xs.o_col_i {
                display: none !important;
                font-size: 0 !important;
                max-height: 0 !important;
                width: 0 !important;
                line-height: 0 !important;
                overflow: hidden !important;
                visibility: hidden !important;
                height: 0 !important
            }

.o_xs-center {
                text-align: center !important
            }

.o_xs-left {
                text-align: left !important
            }

.o_xs-right {
                text-align: left !important
            }

table.o_xs-left {
                margin-left: 0 !important;
                margin-right: auto !important;
                float: none !important
            }

table.o_xs-right {
                margin-left: auto !important;
                margin-right: 0 !important;
                float: none !important
            }

table.o_xs-center {
                margin-left: auto !important;
                margin-right: auto !important;
                float: none !important
            }

h1.o_heading {
                font-size: 32px !important;
                line-height: 41px !important
            }

h2.o_heading {
                font-size: 26px !important;
                line-height: 37px !important
            }

h3.o_heading {
                font-size: 20px !important;
                line-height: 30px !important
            }

.o_xs-py-md {
                padding-top: 24px !important;
                padding-bottom: 24px !important
            }

.o_xs-pt-xs {
                padding-top: 8px !important
            }

.o_xs-pb-xs {
                padding-bottom: 8px !important
            }
        }

@media screen {
            @font-face {
                font-family: Roboto;
                font-style: normal;
                font-weight: 400;
                src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format("woff2");
                unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
            }

@font-face {
                font-family: Roboto;
                font-style: normal;
                font-weight: 400;
                src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format("woff2");
                unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
            }

@font-face {
                font-family: Roboto;
                font-style: normal;
                font-weight: 700;
                src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format("woff2");
                unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
            }

@font-face {
                font-family: Roboto;
                font-style: normal;
                font-weight: 700;
                src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format("woff2");
                unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
            }

.o_heading,
            .o_sans {
                font-family: Roboto, sans-serif !important
            }

.o_heading,
            b,
            strong {
                font-weight: 700 !important
            }

a[x-apple-data-detectors] {
                color: inherit !important;
                text-decoration: none !important
            }
        }
    </style>
</head>

<body class="o_body o_bg-light"
    style="width:100%;margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background-color:#f9f8fa">
    <table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
        <tbody>
            <tr>
                <td class="o_hide" align="center"
                    style="display:none;font-size:0;max-height:0;width:0;line-height:0;overflow:hidden;mso-hide:all;visibility:hidden">
                    Email Summary (Hidden) </td>
            </tr>
        </tbody>
    </table>
 <table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
    <tbody>
      <tr>
        <td class="o_bg-light o_px-xs" align="center"
          style="background-color: #f9f8fa; padding-left: 8px; padding-right: 8px;">
          <table class="o_block" width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation"
            style="max-width: 632px; margin: 0 auto;">
            <tbody>
              <tr>
                <td style="padding: 10px 0; text-align: left;"> ##Disclaimer## </td>
              </tr>
            </tbody>
          </table>
        </td>
      </tr>
    </tbody>
  </table>
  <table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation"
    style="background-color:#f9f8fa; margin:0; padding:0;">
    <tbody>
      <tr>
        <td align="center">
          <table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation" style=" max-width:632px;">
            <tbody>
              <tr>
                <td align="center" style=" max-width:632px;">
                  <div style="text-align:center; max-width:632px;"> ##Header## </div>
                </td>
              </tr>
            </tbody>
          </table>
        </td>
      </tr>
    </tbody>
  </table>
    <table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
        <tbody>
            <tr>
                <td class="o_bg-light o_px-xs" align="center"
                    style="background-color:#f9f8fa;padding-left:8px;padding-right:8px">
                    <table class="o_block" width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation"
                        style="max-width:632px;margin:0 auto">
                        <tbody>
                            <tr>
                                <td class="o_bg-white o_px-md o_py-xl o_xs-py-md o_sans o_text-md o_text-light"
                                    align="center"
                                    style="font-family:Helvetica,Arial,sans-serif;margin-top:0;margin-bottom:0;font-size:19px;line-height:28px;background-color:#fff;color:#82899a;padding-left:24px;padding-right:24px;padding-top:5px;padding-bottom:45px">
                                    <img src="https://i.imgur.com/sJC5bop.jpg"
                                        width="250" height="200" alt=""
                                        style="max-width:300px;-ms-interpolation-mode:bicubic;vertical-align:middle;border:0;line-height:100%;height:auto;outline:0;text-decoration:none">
                                    <p class="o_mb-xxs"
                                        style="font-family:poppins;margin-top:0;margin-bottom:10px;color:#242b3d;font-size:19px;line-height:35px">
                                        Hi <span class="o_heading"
                                            style="color:#1faf9b;font-family:poppins">##ToName##</span>, the timesheet
                                        you requested has been approved successfully. </p>
                                    <table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
                                        <tbody>
                                            <tr>
                                                <td class="o_re o_bt-light"
                                                    style="font-size:16px;line-height:16px;height:16px;vertical-align:top;border-top:1px solid #d3dce0">
                                                    &nbsp; </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <p style="color:#242b3d;font-size:19px;text-align:left;font-family:poppins">
                                    <p style="color:#000;text-align:center;margin:5px">From :<span
                                            style="font-weight:normal"> ##payPeriodFromDate##</span> </p>
                                    <p style="color:#000;text-align:center;margin:5px">To :<span
                                            style="font-weight:normal"> ##payPeriodEndDate##</span> </p>
                                    </p>
                                    <table align="center" cellspacing="0" cellpadding="0" border="0"
                                        role="presentation">
                                        <tbody>
                                            <tr>
                                                <td width="300" class="o_btn o_bg-primary o_br o_heading o_text"
                                                    align="center"
                                                    style="font-family:poppins;margin-top:0;margin-bottom:0;font-size:16px;line-height:24px;mso-padding-alt:10px 20px;background-color:#4cb2b2;border-radius:4px">
                                                    <a class="o_text-white" href="##siteAddress##"
                                                        style="text-decoration:none;outline:0;color:#fff;display:block;padding:10px 20px;mso-text-raise:2px">Click
                                                        here to view</a> </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
        </tbody>
    </table>
   <table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation"
    style="background-color:#f9f8fa; margin:0; padding:0;">
    <tbody>
      <tr>
        <td align="center">
          <table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation" style=" max-width:632px;">
            <tbody>
              <tr>
                <td align="center" style=" max-width:632px;">
                  <div style="text-align:center;  max-width:632px;"> ##Footer## </div>
                </td>
              </tr>
            </tbody>
          </table>
        </td>
      </tr>
    </tbody>
  </table>
   
</body>

</html>

Save note (optional, shown in version history)

Reset

Rendered preview — preview as

Version history (0 most recent)

Saved at	By	Size	Note
No saved versions yet. Each Save will record one.

TimesheetApprovedNotification

HTML body (12271 chars)

Rendered preview — preview as unfilled (placeholders visible)

Version history (0 most recent)

Rendered preview — preview as