<!DOCTYPE html>
<html lang="{LANG}">
   <head>

      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width">

      <style type="text/css">
          body{
            font-family: Arial, sans-serif;  background-color: #f2f3f8!important; padding: 30px 15px;
          }        
          .footer{
            margin-top: 15px; text-align: center;
          }

          .logo{
            text-align: center; padding-bottom: 20px;
          }

          .logo img{
            width: 100px;
          }

          .responsive-table{
            max-width: 600px; background-color: white; border-radius: 8px; width: 100%; overflow: hidden;
          }

          .padding30{ padding: 30px; }

          .title{
            margin-top: 0px; margin-bottom: 0px;
          }

          .text{
            margin-top: 25px; line-height: 24px;
          }

          .banner{
            width: 100%; margin-bottom: 25px;
          }

          ul{
            list-style: none; padding: 0px;
          }

          li{
            padding: 0px; margin: 6px 0px;
          }

          .button{
             font-size: 16px; 
             font-family: Arial, sans-serif; 
             font-weight: normal; 
             color: #ffffff; 
             text-decoration: none; 
             background-color: #5d5386;  
             border-radius: 35px; 
             -webkit-border-radius: 35px; 
             -moz-border-radius: 35px; 
             display: inline-block;
             padding: 15px 35px;
             margin-top: 15px;
          }
          .unsubscribe{
            font-size: 12px; margin-top: 15px;
          }

          .social-icon {
            display: inline-block;
            margin-right: 3px;
          }

          .social{
           margin-top: 15px;
          }
          .social img{
             height: 32px;
          }
          .ad-block{
            text-align: center; margin-top: 25px;
          }

          .line{
            height: 2px;
            background: #f2f3f8;
            border: none; 
            border-radius: 5%;
            margin: 30px 0;         
          }

          .footer-unsubscribe{
            font-size: 12px; margin-top: 15px; margin-bottom: 0px;
          }
          .footer-title{
           margin-bottom: 0px; margin-top: 15px;
          }
          .table-report-list{
            width: 100%; text-align: left;  font-size: 13px; margin: 30px 0;
          }
          .link-button{
            font-size: 12px; padding: 3px 6px; background-color: #5b0; color: white; display: block; border-radius: 25px; text-align: center;
          }
          .table-report-list td, .table-report-list th {
            padding: .65rem;
          }
          .icon-img{ 
             text-align: center; margin-bottom: 10px;
           }
          .icon-img img{  height: 70px; }
          .list-ads{
             border: 1px solid #f2f3f8;
             border-radius: 10px; padding: 5px; margin-bottom: 10px;
          }
          .list-ads-image{
             height: 60px; width: 60px; text-align: center; overflow: hidden; border-radius: 10px; float: left; background-color: #f2f3f8;
          }
          .list-ads-image img{
            height: 100%;
          }
          .list-ads-content{
             width: calc( 100% - 70px ); margin-left: 10px; float: left; text-align: left;
          }
          .clr{
            clear: both;
          }
      </style>
      

</head>
<body>
{BODY}
</body>
</html>