<!--@subject {{trans "Update to your %store_name invoice" store_name=$store.frontend_name}} @-->
<!--@vars {
"var this.getUrl($store, 'customer/account/')":"Customer Account URL",
"var order.getCustomerName()":"Customer Name",
"var comment":"Invoice Comment",
"var invoice.increment_id":"Invoice Id",
"var order.increment_id":"Order Id",
"var order.getStatusLabel()":"Order Status",

"layout handle=\"mtemail_header\" area=\"frontend\" theme=\"default\" template_id=$this.template_id block_id=0 block_name=\"mtemail_header\"  noborder=\"1\" margintop=30 ":"mtemail_header",
"layout handle=\"mtemail_header_center\" area=\"frontend\" theme=\"default\" template_id=$this.template_id block_id=0 block_name=\"mtemail_header_center\"  noborder=\"1\" margintop=30 ":"mtemail_header_center",
"layout handle=\"mtemail_text\" area=\"frontend\" theme=\"default\" template_id=$this.template_id block_id=0 block_name=\"mtemail_text\" ":"mtemail_text",
"layout handle=\"mtemail_grid2\" area=\"frontend\" theme=\"default\" template_id=$this.template_id block_id=0 block_name=\"mtemail_grid2\" noborder=\"1\"":"mtemail_grid2",
"layout handle=\"mtemail_empty\" area=\"frontend\" theme=\"default\" template_id=$this.template_id block_id=0 block_name=\"mtemail_empty\" ":"mtemail_empty",
"layout handle=\"mtemail_button\" area=\"frontend\" theme=\"default\" template_id=$this.template_id block_id=0 block_name=\"mtemail_button\" ":"mtemail_button",
"layout handle=\"mtemail_signature\" area=\"frontend\" theme=\"default\" template_id=$this.template_id block_id=0 block_name=\"mtemail_signature\" ":"mtemail_signature",
"layout handle=\"mtemail_footer\" area=\"frontend\" theme=\"default\" template_id=$this.template_id block_id=0 block_name=\"mtemail_footer\" noborder=\"1\" ":"mtemail_footer"
} @-->


<!--@styles
body, html { padding: 0; margin: 0; }

.col2-right, .col2-left { width: 42.5% !important; max-width: 42.5% !important;float:left;clear: none;}
.msi .col2-right, .msi .col2-left {width: 92.5% !important; max-width: 92.5% !important;}
.col2-left {margin: 0 2.5% 0 5%  !important;} .col2-right {margin: 0 5% 0 2.5% !important;}
@media (max-width: 640px) {.col2-right, .col2-left { float: left; clear: both; width: 90% !important; max-width: 90% !important; margin: 0 5% !important; min-width: 0 !important;}}

@media (min-width: 640px) {
    .header-logo,
    .header-logo td{
        text-align: left !important;
        float: left !important;
    }

    .header-title td,
    .header-title {
        text-align: right  !important;
        float: right;
    }
}

@media (max-width: 640px) {

    *[data-hide-on-mobile="true"] {
        display: none;
    }

    *[data-show-on-mobile="true"] {
        display: block;
    }
    .header-logo,
    .header-title {
        width: 100% !important;
    }

    .header-logo td,
    .header-title td{
        text-align: center !important;
    }

    .header-logo {
        margin-bottom: 10px;
    }
}

.msi .grid-4 .col-4 {
    width: 100% !important;
}

.grid-4 .col-4 {
    width: 25% !important;
    max-width: 25% !important;
}

@media (max-width: 640px) {
    .grid-4 .col-4 {
        width: 50% !important;
        float: left;
        max-width: 50% !important;
        margin-bottom: 30px;
    }

    .grid-4 .col-4.clearfix {
        clear: both;
        float: left;
    }
}

@media (max-width: 320px) {
    .grid-4 .col-4 {
        width: 100% !important;
        float: left;
        max-width: 100% !important;
        margin-bottom: 30px;
        clear: both;
    }
}
@-->

{{layout handle="mtemail_header" theme="default" template_id=$this.template_id block_id=221 block_name="mtemail_header" noborder=1 margintop=30 }}
{{layout handle="mtemail_text" theme="default" template_id=$this.template_id block_id=222 block_name="mtemail_text" }}
{{layout handle="mtemail_button" theme="default" template_id=$this.template_id block_id=223 block_name="mtemail_button" }}
{{layout handle="mtemail_signature" theme="default" template_id=$this.template_id block_id=224 block_name="mtemail_signature" }}
{{layout handle="mtemail_footer" theme="default" template_id=$this.template_id block_id=225 block_name="mtemail_footer"  noborder=1 }}