doctype html
html
  head
    title Ordine Completato

    //- import css/scss stylesheets
    //- these file names will be replace by gulp with proper css file paths
    link(rel="stylesheet", href="../sass/basic.scss")
    link(rel="stylesheet", href="../sass/one/styles.scss")

    //- embdedded css allowed, but not sass
    style.
        .red {
            background-color: #E84C50;
        }

        .full-width {
            width: 100%;
        }

  body(yahoofix, style="background: #ffffff")
    - var baseimg = baseurl + '/statics/'
    span(id='body_style', style='display:block')
      table(cellpadding="10", cellspacing="0", width="600", align="center")
        tr
          td(class="whitespace", height="10")
            p &nbsp;
        tr
          td(class="emailContainer", valign="top")

            p Ciao #{name},
            p L'ordine n. #{ordernumber} è stato Completato correttamente !
            p Grazie Mille per aver contribuito a far crescere la Comunità

        table.footer(cellpadding="0", cellspacing="0", width="100%", summary="", border="0", align="center")
          tr
            td(class="whitespace", height="10")
              p &nbsp;
          tr
            td.firma
              p!= dataemail.firma

          tr
            td.disclaimer
              p!= dataemail.disclaimer_out

          tr
            td.bottom
              p!= dataemail.disc_bottom_out

          tr
            td(class="whitespace", height="10")
              p &nbsp;

style(type="text/css").
    html, body {
        padding: 0;
        margin: 0;
    }

    p {
        font-size: 1rem;
    }

    .divbtn {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .btn-lg {
        padding: 5px;
        margin: 5px;
        font-size: 26px;
        cursor: pointer;
        color: white;
        background: #027be3 !important;
        border-radius: 28px;

    }
