<style type="text/css"> 
    @font-face {
       font-family:"roche-sans";
       font-weight:800;
       font-style:normal;
       mso-font-alt: "Arial";
       src:url("https://components-library-dot-com.cwp.roche.com/releases/latest/assets/fonts/RocheSans-Bold.woff2") format("woff2");
      }
    @font-face {
      font-family:"roche-sans";
      font-weight:600;
      font-style:normal;
      mso-font-alt: "Arial";
      src:url("https://components-library-dot-com.cwp.roche.com/releases/latest/assets/fonts/RocheSans-Medium.woff2") format("woff2");
      }
     @font-face {
       font-family:"roche-sans";
       font-weight:400;
       font-style:normal;
       mso-font-alt: "Arial"; 
       src:url("https://components-library-dot-com.cwp.roche.com/releases/latest/assets/fonts/RocheSans-Regular.woff2") format("woff2");
      }
     @font-face{
       font-family:"roche-sans";
       font-weight:200;
       font-style:normal;
       mso-font-alt: "Arial Narrow", "Arial", sans-serif;
       src:url("https://components-library-dot-com.cwp.roche.com/releases/latest/assets/fonts/RocheSans-Light.woff2") format("woff2");
      }
     @font-face{
       font-family:"roche-serif";
       font-weight:400;
       font-style:normal;
       src:url("https://components-library-dot-com.cwp.roche.com/releases/latest/assets/fonts/RocheSerif-Regular.woff2") format("woff2");
      }
     @font-face{
       font-family:"roche-serif";
       font-weight:200;
       font-style:normal;
       src:url("https://components-library-dot-com.cwp.roche.com/releases/latest/assets/fonts/RocheSerif-Light.woff2") format("woff2");
      }
body {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    margin:10px auto 0;
    width: 94%;
    max-width: 800px;
}
.sfmc_container, .container {
    width: 90% !important;
    min-width: 90% !important;
    max-width: 480px !important;
    margin:0 auto !important;
}     
body, .footer {background-color:#EFEFEF;}
     
table {
    font-family: "roche-sans", Arial, Helvetica, sans-serif;
    font-style:normal;
    font-weight:200;
} 
.layout-canvas-a {margin-top:10px;}
/*#main {padding-bottom:40px;}*/
@-ms-viewport {width: device-width;}

.section > .col1 {padding-bottom:40px;}

/*HEADERS & FOOTERS*/
.header {font-size:8px; color:#CCCCCC; height:30px;}

.footer {
width:100%; display:block; font-size:12px; padding-top:20px; text-align:center;padding-bottom:20px;}
     
.footerLogo {
width:10%; height: auto; float:right; display:block;}

.headerRoche, .footerLogo {float:right; display:block; margin:0 auto; clear:none; width:71px; height:37px; margin-left:20px; background-image:url('https://image.email.accu-chekemail.com/lib/fe3911717564047a761476/m/1/3d45b925-b072-407a-9d11-4f5e34a4d753.png'); background-repeat:no-repeat; background-size:71px 37px;}
     
.headerAccuChek {float:left; display:block; margin:15px 0 40px; clear:none; width:146px; height:17px; background-size: 146px 17px; background-repeat:no-repeat; background-image: url('https://image.accu-chek-email.com/lib/fe6015707c61057e7d10/m/1/6ed6afae-c889-407e-883f-1ec49ef9d70a.png');}
  
/*TYPE STYLES*/
body, p, table, tr, td {
font-family: "roche-sans", Arial, Helvetica, sans-serif !important; 
font-weight: 200 !important;
font-size: 16px !important;
line-height: normal !important;
color: #2A2A2A !important;
}

p {margin: 1em 0;}
  
.headline,h1,h2,h3,h4,h5 {font-family: "roche-sans", Arial, Helvetica, sans-serif !important;display: block !important; text-align:left !important;}
     
h1 {
font-size: 38px !important;
font-weight:600 !important;
line-height: 120% !important;
color:#1E98A6 !important;
margin:0 auto 30px !important;
padding:0 auto 10px !important;
}
     
h2 {
font-size: 32px !important;
line-height: normal !important;
font-weight:200 !important;
color:#1E98A6 !important;
margin:0 !important;
padding:30px 0 10px !important;
} 
     
h3 {
font-size: 26px !important;
color:#737373 !important;
line-height: normal !important;
font-weight:200 !important;
margin:0 !important;
padding:30px 0 10px !important;
} 
     
h4 {
font-size: 20px !important;
color: #737373 !important;
line-height: normal !important;
font-weight:200 !important;
margin:0 !important;
padding:5px 0 10px !important;
} 
     
h5 {
font-size: 10px !important;
color:#8F8F8F !important;
line-height: normal !important;
font-weight:400 !important;
margin:0 !important;
padding:5px 0 10px !important;  
}
     
ul, ol { padding:10px 20px 10px !important; margin:0 !important;}
li {padding:0 0 10px !important;margin:0 !important;}

table td {
    border-collapse: collapse;
}
table, td, th {
    box-sizing: border-box;
}
img {
    outline: 0;
}
a img {
    border: none;
}

a,a:link,a:visited,a:hover {
    color: #0B41CD;
    text-decoration: none !important;
}

/*BUTTONS*/
.button, input[type=submit]  {
  width:auto;background-color:#FFFFFF !important; font-size:18px; color:#1E98A6 !important;border:1px solid #1E98A6; display:inline-block;font-weight:400;border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;margin:20px auto; padding:15px 30px; text-decoration:none;text-align:center; cursor: pointer;
} 
     
.button:visited {
    background-color: #5C5C5C !important;
    color: #ffffff !important;
}
.button:hover {
    background-color: #5C5C5C !important;
    transition: all 0.3s ease;
    background-position: left bottom;
    color: #ffffff !important;
}
.button-text:hover {
    color: #ffffff !important;
}
     
/*FORMS*/
/*Marks required questions*/
.required {color:red;padding-left:2px;}

 /*The containing div for each form field and (if applicable) question*/ 
.FormItem { 
  display:block; 
  margin-top:30px;
  }
 
/*The form field question*/
.FormQuestion {
   font-size: 19px !important;
   color:#156771 !important;
   line-height: normal !important;
   font-weight:200 !important;
   margin:0 !important;
   padding-bottom:5px; !important;}
 
 /*Any sub-text following the "question"*/
.FormSubText {display:block;padding-top:5px;padding-bottom:3px; font-size:16px;font-weight:300; }
  
 /*Master styles for all form fields and labels*/
 input, textarea, select, .RangeLabels {font-size:15px;font-family: "roche-sans", Arial, Helvetica, sans-serif !important; width:94%; padding:5px 5px; text-align: left; margin-bottom:10px; }
   
 /*Radio button overrides*/
 input[type=radio] {width:auto; margin:5px 5px 0 0;min-height:auto;}

 /*Checkbox button overrides*/
 input[type=checkbox] {width:auto; margin:5px 5px 0 0;min-height:auto;}
  
 /*Range selector overrides*/
 input[type=range] {margin-bottom:0;padding-bottom:0;}
 .RangeLabel_Left, .RangeLabel_Right { display:block;float:left; width:auto; font-size:11px; font-weight: bold; text-align: left; color:red;}
 .RangeLabel_Right { float:right;text-align: right; color:green;}
  
 /*textarea overrides*/
 textarea {min-height: 100px;height:100px; padding-right:0;}


/*MARGIN AND PADDING ADJUSTMENTS*/
.pl0 {padding-left: 0px !important;}
.pr0 {padding-right: 0px !important;}
.pt0 {padding-top: 0px !important;}
.pb0 {padding-bottom: 0px !important}
.pl5 {padding-left: 5px !important;}
.pr5 {padding-right: 5px !important;}
.pt5 {padding-top: 5px !important;}
.pb5 {padding-bottom: 5px !important;}
.pl10 {padding-left: 10px !important;}
.pr10 {padding-right: 10px !important;}
.pt10 {padding-top: 10px !important;}
.pb10 {padding-bottom: 10px !important;}
.pl20 {padding-left: 20px !important;}
.pr20 {padding-right: 20px !important;}
.pt20 {padding-top: 20px !important;}
.pb20 {padding-bottom: 20px !important;}
.pl30 {padding-left: 30px !important;}
.pr30 {padding-right: 30px !important;}
.pt30 {padding-top: 30px !important;}
.pb30 {padding-bottom: 30px !important;}
.pl40 {padding-left: 40px !important;}
.pr40 {padding-right: 40px !important;}
.pt40 {padding-top: 40px !important;}
.pb40 {padding-bottom: 40px !important;}

.ml0 {margin-left: 0px !important;}
.mr0 {margin-right: 0px !important;}
.mt0 {margin-top: 0px !important;}
.mb0 {margin-bottom: 0px !important} 


     
</style>