Email sent from BigCommerce to a Trial user

BigCommerce Trial user

Subscribed 6 years, 11 months ago
<!DOCTYPE html>
<html style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; box-sizing: border-box; font-family: sans-serif; font-size: 17px; height: 100%;" xmlns="//www.w3.org/1999/xhtml">
 <head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
  <style data-premailer="ignore" type="text/css">
   @media screen and (max-width: 500px){.here-to-help img{display:none !important}.here-to-help h4{white-space:pre-line !important}.here-to-help .here-to-help--support-hours{display:block}}
  </style>
  <style data-premailer="ignore" type="text/css">
   @media only screen{.jumbotron{margin-bottom:60px !important}}@media only screen and (min-width: 481px){.login-details-item--label{display:inline !important}}@media only screen and (max-width: 650px){.jumbotron{background-position:0% 100% !important}}
  </style>
 </head>
 <body bgcolor="#f6f7f9" style="-moz-osx-font-smoothing: grayscale; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; box-sizing: border-box; color: #5d5b66; cursor: auto; font-family: 'Source Sans Pro','Helvetica Neue',Arial,sans-serif; font-style: normal; font-weight: 400; height: 100%; line-height: 1.6; margin: 0; padding: 0; position: relative; width: 100% !important;">
  <style type="text/css">
   .has-tip:hover {
border-bottom: dotted 1px #022191; color: #4b71fc;
}
.has-tip:focus {
border-bottom: dotted 1px #022191; color: #4b71fc;
}
a:active {
outline: 0;
}
a:hover {
outline: 0;
}
img {
border: 0;
}
.u-clearFloats:before {
content: " "; display: table;
}
.u-clearFloats:after {
content: " "; display: table;
}
.u-clearFloats:after {
clear: both;
}
*:before {
box-sizing: border-box;
}
*:after {
box-sizing: border-box;
}
body {
height: 100%;
}
body {
background: #f6f7f9; color: #5d5b66; cursor: auto; margin: 0; padding: 0; position: relative; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;
}
a:hover {
cursor: pointer;
}
img {
display: inline-block; height: auto; max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic;
}
button:active {
box-shadow: none; outline: none;
}
button:focus {
box-shadow: none; outline: none;
}
body {
font-family: "Source Sans Pro","Helvetica Neue",Arial,sans-serif; font-style: normal; font-weight: 400; line-height: 1.6;
}
a:hover {
color: #1e4dfb;
}
a:focus {
color: #1e4dfb;
}
cite:before {
content: "— ";
}
cite a:visited {
color: #919596;
}
.orderedList-item::before {
color: #aeadb3; content: counter(item-counter); counter-increment: item-counter; font-family: "Source Sans Pro","Helvetica Neue",Arial,sans-serif; font-size: 1rem; font-weight: 400; margin: 0 .8rem 0 0;
}
.table tr:hover {
background: #f1f8fe;
}
.button:hover {
background-color: #fff; border-color: #3e5ed6; color: #3e5ed6;
}
.button:focus {
background-color: #fff; border-color: #3e5ed6; color: #3e5ed6;
}
.button:active {
background-color: #dbe3fe; border: 1px solid #3e5ed6; color: #3e5ed6;
}
.button:focus {
box-shadow: 0 0 0 5px #dbe3fe; outline: none;
}
.button--primary:hover {
background-color: #6f8dfd; border-color: #6f8dfd; color: #fff;
}
.button--primary:focus {
background-color: #6f8dfd; border-color: #6f8dfd; color: #fff;
}
.button--primary:active {
background-color: #3e5ed6; border: 1px solid #3e5ed6; color: #fff;
}
.button--tertiary:hover {
background-color: #fff; border-color: #919596; color: #34313f;
}
.button--tertiary:focus {
background-color: #fff; border-color: #919596; color: #34313f;
}
.button--tertiary:active {
background-color: #e9eaea; border: 1px solid #919596; color: #34313f;
}
.button--action:hover {
background-color: #6f8dfd; border-color: #6f8dfd; color: #fff;
}
.button--action:focus {
background-color: #6f8dfd; border-color: #6f8dfd; color: #fff;
}
.button--action:active {
background-color: #3e5ed6; border: 1px solid #3e5ed6; color: #fff;
}
.button[disabled]:hover {
background-color: #fff; border-color: #d3d5d5; color: #d3d5d5;
}
.button[disabled]:focus {
background-color: #fff; border-color: #d3d5d5; color: #d3d5d5;
}
.button[disabled]:active {
background-color: #fff; border: 1px solid #d3d5d5; color: #d3d5d5;
}
.dropdown-menu-item:hover {
background: #e3f1fc;
}
.dropdown-menu-item:focus {
background: #e3f1fc;
}
.dropdown-button::after {
border-style: solid; content: ""; display: block; height: 0; position: absolute; top: 50%; width: 0; border-width: .33333rem; right: .83333rem; margin-top: -.11111rem; border-color: #34313f transparent transparent transparent;
}
.dropdown-button.button--small::after {
border-width: .33333rem; right: .66667rem; margin-top: -.13333rem; border-color: #34313f transparent transparent transparent;
}
.dropdown-button.button--large::after {
border-width: .33333rem; right: 1rem; margin-top: -.11111rem; border-color: #34313f transparent transparent transparent;
}
.dropdown-button.button--primary:after {
border-color: #fff transparent transparent;
}
.button--split span:after {
position: absolute; content: ""; width: 0; height: 0; display: block; border-style: inset; left: 50%;
}
.button--split span:active {
background-color: false;
}
.button--split span:after {
border-top-style: solid; border-width: .33333rem; margin-left: -.33333rem; top: 48%; border-color: #34313f transparent transparent transparent;
}
.button--split.button--small span:after {
border-top-style: solid; border-width: .33333rem; margin-left: -.33333rem; top: 48%; border-color: #34313f transparent transparent transparent;
}
.button--split.button--large span:after {
border-top-style: solid; border-width: .33333rem; margin-left: -.33333rem; top: 48%; border-color: #34313f transparent transparent transparent;
}
.button--split.button--primary span:after {
border-top-color: #fff;
}
.form-input:focus {
background: #fff; box-shadow: none; outline: none;
}
.form-select:focus {
background-color: #fff;
}
.form-select:focus {
border-color: #4b71fc; box-shadow: none;
}
.form-field:before {
content: " "; display: table;
}
.form-field:after {
content: " "; display: table;
}
.form-field:after {
clear: both;
}
.form-checkbox+.form-label::before {
content: ""; display: block; position: absolute; -webkit-transition: all 50ms ease-out; transition: all 50ms ease-out;
}
.form-checkbox+.form-label::after {
content: ""; display: block; position: absolute; -webkit-transition: all 50ms ease-out; transition: all 50ms ease-out;
}
.form-radio+.form-label::before {
content: ""; display: block; position: absolute; -webkit-transition: all 50ms ease-out; transition: all 50ms ease-out;
}
.form-radio+.form-label::after {
content: ""; display: block; position: absolute; -webkit-transition: all 50ms ease-out; transition: all 50ms ease-out;
}
.form-checkbox+.form-label::before {
background-color: #fff; border: solid #919596; border-width: 1px; box-shadow: none; height: 1.6rem; left: 0; top: 0; width: 1.6rem;
}
.form-radio+.form-label::before {
background-color: #fff; border: solid #919596; border-width: 1px; box-shadow: none; height: 1.6rem; left: 0; top: 0; width: 1.6rem;
}
.form-checkbox+.form-label::after {
height: 1.46667rem; left: 1px; opacity: 0; top: 1px; -webkit-transform: scale(0); transform: scale(0); width: 1.46667rem;
}
.form-radio+.form-label::after {
height: 1.46667rem; left: 1px; opacity: 0; top: 1px; -webkit-transform: scale(0); transform: scale(0); width: 1.46667rem;
}
.form-checkbox:checked+.form-label::after {
opacity: 1; -webkit-transform: scale(1); transform: scale(1);
}
.form-radio:checked+.form-label::after {
opacity: 1; -webkit-transform: scale(1); transform: scale(1);
}
.form-checkbox:focus+.form-label::before {
border-color: #4b71fc; box-shadow: none;
}
.form-radio:focus+.form-label::before {
border-color: #4b71fc; box-shadow: none;
}
.form-checkbox[disabled]+.form-label::before {
background-color: #d3d5d5;
}
.form-radio[disabled]+.form-label::before {
background-color: #d3d5d5;
}
.form-checkbox[disabled]+.form-label::after {
opacity: 1;
}
.form-radio[disabled]+.form-label::after {
opacity: 1;
}
.form-checkbox+.form-label::before {
border-radius: 2px;
}
.form-checkbox+.form-label::after {
background-image: url("https://inboxflows.com/_/image/data%253Aimage%252Fsvg%252Bxml%253Bcharset%253Dutf8%252C%253Csvg%2520xmlns%253D%2527%252F%252Fwww.w3.org%252F2000%252Fsvg%2527%2520width%253D%252724%2527%2520height%253D%252724%2527%2520viewBox%253D%25270%25200%252024%252024%2527%253E%253Cpath%2520fill%253D%2527%2523fff%2527%2520d%253D%2527M10.175%252013.944l-2.75-2.75-1.75%25201.75%25204.5%25204.5%25208.75-8.75-1.75-1.75-7%25207z%2527%253E%253C%252Fpath%253E%253C%252Fsvg%253E/?inbox_flows_img_sig=eyJwYXRoIjoiZGF0YSUzQWltYWdlJTJGc3ZnJTJCeG1sJSJ9:1kXPOY:N0zUMXopj6AfwgoV185dR375o37UMle1YHsUW153-00"); background-position: 50%; background-repeat: no-repeat; background-size: 100%; color: #4b71fc; content: ""; font-size: 1.46667rem; line-height: 1; text-align: center;
}
.form-radio+.form-label::before {
border-radius: 1.6rem;
}
.form-radio+.form-label::after {
background: #4b71fc; border: 3px solid #fff; border-radius: 1.46667rem;
}
.switch-checkbox:focus+.switch-toggle {
border-color: #4b71fc; box-shadow: none;
}
.switch-toggle::before {
background: #fff; border-radius: 1.6rem; box-shadow: 0 1px 4px rgba(0,0,0,0.14); content: ""; height: 1.6rem; position: absolute; top: -.33333rem; -webkit-transition: all 100ms ease-out; transition: all 100ms ease-out; width: 1.6rem;
}
.switch--checked .switch-toggle::before {
left: 1.2rem;
}
.form-field--success .form-checkbox+.form-label::before {
border-color: #65c96d;
}
.form-field--success .form-radio+.form-label::before {
border-color: #65c96d;
}
.form-field--error .form-checkbox+.form-label::before {
border-color: #f0603c;
}
.form-field--error .form-radio+.form-label::before {
border-color: #f0603c;
}
.form-field--warning .form-checkbox+.form-label::before {
border-color: #f2ce3d;
}
.form-field--warning .form-radio+.form-label::before {
border-color: #f2ce3d;
}
.breadcrumb:hover a {
text-decoration: none;
}
.breadcrumb:focus a {
text-decoration: none;
}
.breadcrumb.current:hover {
text-decoration: none;
}
.breadcrumb.current:hover a {
text-decoration: none;
}
.breadcrumb.current:focus {
text-decoration: none;
}
.breadcrumb.current:focus a {
text-decoration: none;
}
.breadcrumb.unavailable:hover {
color: #d3d5d5; cursor: not-allowed; text-decoration: none;
}
.breadcrumb.unavailable:hover a {
color: #d3d5d5; cursor: not-allowed; text-decoration: none;
}
.breadcrumb.unavailable:focus {
color: #d3d5d5; cursor: not-allowed; text-decoration: none;
}
.breadcrumb.unavailable a:focus {
color: #d3d5d5; cursor: not-allowed; text-decoration: none;
}
.breadcrumb:before {
color: #919596; content: "/"; margin: 0; position: relative; top: 1px;
}
.breadcrumb:first-child:before {
content: " "; margin: 0;
}
.breadcrumb::before {
margin: 0 .53333rem;
}
.breadcrumb-label:hover {
color: #4b71fc; text-decoration: none;
}
.tabs:before {
content: " "; display: table;
}
.tabs:after {
content: " "; display: table;
}
.tabs:after {
clear: both;
}
.tab-title:hover {
background-color: transparent; color: #34313f;
}
.tabs-contents:before {
content: " "; display: table;
}
.tabs-contents:after {
content: " "; display: table;
}
.tabs-contents:after {
clear: both;
}
.navBar:before {
content: " "; display: table;
}
.navBar:after {
content: " "; display: table;
}
.navBar:after {
clear: both;
}
.navBar-section:before {
content: " "; display: table;
}
.navBar-section:after {
content: " "; display: table;
}
.navBar-section:after {
clear: both;
}
.navList:before {
content: " "; display: table;
}
.navList:after {
content: " "; display: table;
}
.navList:after {
clear: both;
}
.navList-section:before {
content: " "; display: table;
}
.navList-section:after {
content: " "; display: table;
}
.navList-section:after {
clear: both;
}
.media:before {
content: " "; display: table;
}
.media:after {
content: " "; display: table;
}
.media:after {
clear: both;
}
.media-body:before {
content: " "; display: table;
}
.media-body:after {
content: " "; display: table;
}
.media-body:after {
clear: both;
}
.mediaTable:before {
content: " "; display: table;
}
.mediaTable:after {
content: " "; display: table;
}
.mediaTable:after {
clear: both;
}
.pagination-list li:hover a {
background: 0 0;
}
.pagination-list li a:focus {
background: 0 0;
}
.pagination-list li:hover button {
background: 0 0;
}
.pagination-list li button:focus {
background: 0 0;
}
li.pagination-item a:hover {
color: #5d5b66;
}
li.pagination-item--current a:hover {
background: 0 0;
}
li.pagination-item--current a:focus {
background: 0 0;
}
li.pagination-item--current button:hover {
background: 0 0;
}
li.pagination-item--current button:focus {
background: 0 0;
}
.pagination:before {
content: " "; display: table;
}
.pagination:after {
content: " "; display: table;
}
.pagination:after {
clear: both;
}
.accordion:before {
content: " "; display: table;
}
.accordion:after {
content: " "; display: table;
}
.accordion:after {
clear: both;
}
.accordion-navigation>a:hover {
background: #f6f7f9;
}
body.has-activeModal {
overflow: hidden;
}
.loadingOverlay::before {
height: 5.33333rem; width: 5.33333rem; border-radius: 5.33333rem; border: solid 1px; border-color: #fff #fff #aeadb3 #aeadb3; content: ""; display: block; left: 0; margin: 0 auto; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-animation: spin 500ms infinite cubic-bezier(0.69, 0.31, 0.56, 0.83); animation: spin 500ms infinite cubic-bezier(0.69, 0.31, 0.56, 0.83);
}
@-webkit-keyframes spin {

}
@keyframes spin {

}
.datepicker-back::before {
content: ""; display: block;
}
.datepicker-next::before {
content: ">"; display: block;
}
.datepicker-day:hover::before {
background-color: #d3d5d5;
}
.datepicker-day.is-selected::before {
background-color: #4b71fc;
}
.datepicker-day.is-selected:hover::before {
background-color: #4b71fc;
}
.datepicker-day::before {
border-radius: 50%; bottom: .2rem; content: ""; left: .2rem; position: absolute; right: .2rem; top: .2rem; z-index: -1;
}
.datepicker-day.is-selected::before {
border-radius: 50%; bottom: .2rem; content: ""; left: .2rem; position: absolute; right: .2rem; top: .2rem; z-index: -1;
}
.actionBar:before {
content: " "; display: table;
}
.actionBar:after {
content: " "; display: table;
}
.actionBar:after {
clear: both;
}
.actionBar-section:before {
content: " "; display: table;
}
.actionBar-section:after {
content: " "; display: table;
}
.actionBar-section:after {
clear: both;
}
.card-figcaption:hover {
opacity: 1;
}
.card-figcaption-button:hover {
background-color: rgba(255,255,255,0.2); border-color: #fff; color: #fff;
}
.card-footer:before {
content: " "; display: table;
}
.card-footer:after {
content: " "; display: table;
}
.card-footer:after {
clear: both;
}
.table-thead a:hover {
text-decoration: underline;
}
.table-thead tr:hover {
background-color: #fbfbfc;
}
.table-tfoot tr:hover {
background-color: #fbfbfc;
}
.button--primary[disabled]:hover {
background-color: #e9eaea; border-color: #e9eaea; color: #bdc0c0;
}
.button--primary[disabled]:active {
background-color: #e9eaea; border-color: #e9eaea; color: #bdc0c0;
}
.button--primary[disabled]:focus {
background-color: #e9eaea; border-color: #e9eaea; color: #bdc0c0;
}
.button--warning:hover {
border-color: #f0603c; color: #f0603c;
}
.button--warning:focus {
border-color: #f0603c; color: #f0603c;
}
.button--warning:active {
border-color: #f0603c; color: #f0603c;
}
.button--warning:active {
background-color: #fef0ec;
}
.button--warning:focus {
box-shadow: 0 0 0 5px #fce0d8;
}
.button--warning[disabled]:hover {
border-color: #e9eaea; color: #bdc0c0;
}
.button--warning[disabled]:active {
border-color: #e9eaea; color: #bdc0c0;
}
.button--warning[disabled]:focus {
border-color: #e9eaea; color: #bdc0c0;
}
.button--tertiary:focus {
box-shadow: 0 0 0 5px #e9eaea;
}
.button:active {
box-shadow: none;
}
.button--primary:active {
box-shadow: none;
}
.button--tertiary:active {
box-shadow: none;
}
.button--warning:active {
box-shadow: none;
}
.button--marketing:hover {
background-color: #6f8dfd; border-color: #6f8dfd; color: #fff;
}
.button--marketing:focus {
background-color: #6f8dfd; border-color: #6f8dfd; color: #fff;
}
.button--marketing:active {
background-color: #3e5ed6; border: 1px solid #3e5ed6; color: #fff;
}
.form-input:hover {
border-color: #86848c;
}
.form-select:hover {
border-color: #86848c;
}
.form-input:active {
border-color: #4b71fc;
}
.form-input:focus {
border-color: #4b71fc;
}
.form-input[readonly]:hover {
border-color: #edeff3;
}
.form-input[disabled]:hover {
border-color: #edeff3;
}
.form-input[readonly]:focus {
background-color: #f4f5f5; border-color: #edeff3;
}
.form-input[readonly]:active {
background-color: #f4f5f5; border-color: #edeff3;
}
.form-label:before {
content: " "; display: table;
}
.form-label:after {
content: " "; display: table;
}
.form-label:after {
clear: both;
}
.alertBox:before {
background-color: #aeadb3; content: ""; display: inline-block; height: 100%; left: 0; position: absolute; top: 0; width: .26667rem;
}
.alertBox--success:before {
background-color: #65c96d;
}
.alertBox--warning:before {
background-color: #f2ce3d;
}
.alertBox--error:before {
background-color: #f0603c;
}
.alertBox--info:before {
background-color: #4b71fc;
}
.accordion-navigation--success::before {
bottom: 0; content: ""; display: block; left: 0; position: absolute; top: 0; width: .33333rem;
}
.accordion-navigation--error::before {
bottom: 0; content: ""; display: block; left: 0; position: absolute; top: 0; width: .33333rem;
}
.accordion-navigation--warning::before {
bottom: 0; content: ""; display: block; left: 0; position: absolute; top: 0; width: .33333rem;
}
.accordion-navigation--success::before {
background-color: #65c96d;
}
.accordion-navigation--error::before {
background-color: #f0603c;
}
.accordion-navigation--warning::before {
background-color: #f2ce3d;
}
.navBar--internal .navBar-action:hover {
color: #34313f;
}
.navBar--steps .navBar-item:hover .navBar-action {
color: #34313f;
}
.navBar--steps .navBar-item:hover .navBar-label {
border-color: #aeadb3;
}
.navBar--steps .navBar-item--success:hover .navBar-label {
background: 0 0; border-color: #65c96d; color: #65c96d;
}
.navBar--steps .navBar-item--success:hover svg {
fill: #65c96d;
}
.navList--aside .navList-action:hover {
color: #34313f;
}
.banner:before {
content: " "; display: table;
}
.banner:after {
content: " "; display: table;
}
.banner:after {
clear: both;
}
.banner-dismiss:hover {
background-color: #fff; border-color: #3e5ed6; color: #3e5ed6;
}
.banner-dismiss:focus {
background-color: #fff; border-color: #3e5ed6; color: #3e5ed6;
}
.banner-actions .button-dismiss:hover {
background-color: #fff; border-color: #3e5ed6; color: #3e5ed6;
}
.banner-actions .button-dismiss:focus {
background-color: #fff; border-color: #3e5ed6; color: #3e5ed6;
}
.banner-dismiss:active {
background-color: #dbe3fe; border: 1px solid #3e5ed6; color: #3e5ed6;
}
.banner-actions .button-dismiss:active {
background-color: #dbe3fe; border: 1px solid #3e5ed6; color: #3e5ed6;
}
@-webkit-keyframes globalmessage-slideOut {

}
@keyframes globalmessage-slideOut {

}
@-webkit-keyframes globalmessage-slideIn {

}
@keyframes globalmessage-slideIn {

}
.globalMessage:before {
content: " "; display: table;
}
.globalMessage:after {
content: " "; display: table;
}
.globalMessage:after {
clear: both;
}
.globalMessage:focus {
box-shadow: 0 0 0 2px #3e5ed6;
}
.globalMessage a:active {
color: #fff;
}
.globalMessage a:focus {
color: #fff;
}
.globalMessage a:hover {
color: #fff;
}
.buttonGroup>.button:hover {
position: relative; z-index: 1;
}
.buttonGroup>.button:focus {
position: relative; z-index: 1;
}
.buttonGroup>.button:focus {
box-shadow: none;
}
.form-checkbox:checked+.form-label::before {
background-color: #4b71fc; border-color: #4b71fc;
}
.form-radio:checked+.form-label::before {
border-color: #4b71fc;
}
.form-checkbox[disabled]+.form-label::before {
border-color: #d3d5d5;
}
.form-radio[disabled]+.form-label::before {
border-color: #d3d5d5;
}
.form-checkbox[disabled]:checked+.form-label::before {
background-color: #b7c6fe; border-color: #b7c6fe;
}
.form-radio[disabled]:checked+.form-label::before {
border-color: #b7c6fe;
}
.form-radio[disabled]:checked+.form-label::after {
background-color: #b7c6fe;
}
.switch-toggle::before {
left: 0;
}
.switch--checked .switch-toggle::before {
background-color: #4b71fc;
}
.switch-checkbox[disabled]+.switch-toggle:before {
background-color: #d3d5d5;
}
.switch-checkbox[disabled]:checked+.switch-toggle:before {
background-color: #b7c6fe;
}
.pill:hover {
color: #4b71fc;
}
.pill--active:hover {
background-color: #6f8dfd; border-color: #6f8dfd; color: #fff;
}
.pill--active:focus {
background-color: #6f8dfd; border-color: #6f8dfd; color: #fff;
}
.pill--active:active {
background-color: #3e5ed6; border: 1px solid #3e5ed6; color: #fff;
}
.pill--active:focus {
box-shadow: 0 0 0 5px #dbe3fe;
}
.tabs--buttonGroup .tab-title:hover {
background-color: #fff; border-color: #3e5ed6; color: #3e5ed6;
}
.tabs--buttonGroup .tab-title:focus {
background-color: #fff; border-color: #3e5ed6; color: #3e5ed6;
}
.tabs--buttonGroup .tab-title:active {
background-color: #dbe3fe; color: #3e5ed6; border: 0;
}
.tabs--buttonGroup .is-active .tab-title:hover {
background-color: #6f8dfd; border-color: #6f8dfd; color: #fff;
}
.tabs--buttonGroup .is-active .tab-title:focus {
background-color: #6f8dfd; border-color: #6f8dfd; color: #fff;
}
.tabs--buttonGroup .is-active .tab-title:active {
background-color: #3e5ed6; color: #fff; border: 0;
}
.colorPicker-palette-item::after {
content: ""; display: block; padding-bottom: 100%;
}
.colorPicker-label:before {
content: " "; display: table;
}
.colorPicker-label:after {
content: " "; display: table;
}
.colorPicker-label:after {
clear: both;
}
body {
width: 100% !important; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin: 0; padding: 0;
}
.ExternalClass {
width: 100%;
}
.ExternalClass {
line-height: 100%;
}
#backgroundTable {
margin: 0; padding: 0; width: 100% !important; line-height: 100% !important;
}
img {
outline: none; text-decoration: none; -ms-interpolation-mode: bicubic;
}
#backgroundTable {
width: 100%; max-width: 800px !important; margin-left: auto; margin-right: auto;
}
@media (min-width: 769px) {
  html {
    font-size: 15px;
  }
  .form-row {
    display: flex; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; margin: 0 -1rem; padding: 0;
  }
  .form-row .form-field {
    -ms-flex: 1; -webkit-box-flex: 1; flex: 1; margin-left: 1rem; margin-right: 1rem; max-width: none; padding: 0;
  }
  .form-row .form-select {
    max-width: none;
  }
  .form-field--ccName {
    -ms-flex-order: 3; -webkit-box-ordinal-group: 4; order: 3;
  }
  .form-field--ccCvv {
    -ms-flex-order: 4; -webkit-box-ordinal-group: 5; order: 4;
  }
  .form-field--ccNumber {
    -ms-flex: .65 0 65%; -webkit-box-flex: .65; flex: .65 0 65%;
  }
  .form-field--ccName {
    -ms-flex: .65 0 65%; -webkit-box-flex: .65; flex: .65 0 65%;
  }
  .form-field--ccExpiry {
    -ms-flex: .35 0 35%; -webkit-box-flex: .35; flex: .35 0 35%; max-width: 12rem !important;
  }
  .form-field--ccCvv {
    -ms-flex: .35 0 35%; -webkit-box-flex: .35; flex: .35 0 35%; max-width: 12rem !important;
  }
  .tab {
    float: left;
  }
  .tabs--vertical {
    border-bottom: 0; float: left; margin: 0 0 1.6rem; max-width: 20%; width: 20%;
  }
  .tabs-contents--vertical {
    float: left; max-width: 80%; padding-left: 1.6rem; width: 80%;
  }
  .tabs-contents--vertical>.tab-content {
    padding: 0 1.6rem;
  }
  .navBar-item {
    float: left;
  }
  .modal {
    -webkit-transform: translateY(2%); transform: translateY(2%);
  }
  .actionBar-section {
    float: left;
  }
  .actionBar-section .form-label {
    display: inline-block; margin: 0 .4rem 0 0;
  }
  .actionBar-section .form-select {
    display: inline-block; width: 13.33333rem;
  }
  .actionBar-section .form-input {
    display: inline-block; width: 13.33333rem;
  }
  .actionBar-section .form-field {
    display: inline-block; margin-bottom: 0; margin-right: 1.6rem; vertical-align: middle;
  }
  .actionBar-section .form-field:last-child {
    margin-right: 0;
  }
  .actionBar-section--alt {
    float: right;
  }
  .alertBox-actions {
    min-width: 12.66667rem;
  }
  .banner {
    -ms-flex-align: stretch; -webkit-box-align: stretch; align-items: stretch; display: flex;
  }
  .banner-title {
    font-size: 1.2rem;
  }
  .banner-actions>:last-child {
    margin-bottom: 0;
  }
  .banner-actions {
    display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; padding: 1rem; text-align: center; vertical-align: middle;
  }
  .banner-actions>p {
    display: block;
  }
  .banner-actions>.button {
    margin-bottom: .4rem; margin-right: 0;
  }
  .globalMessage {
    max-width: 66.666%;
  }
  .colorPicker {
    max-width: 20rem;
  }
  .appContainer {
    padding: 3.2rem 3.2rem 6.4rem;
  }
}
@media (min-width: 1025px) {
  html {
    font-size: 15px;
  }
  .form-field--ccNumber {
    -ms-flex: .75 0 75%; -webkit-box-flex: .75; flex: .75 0 75%;
  }
  .form-field--ccName {
    -ms-flex: .75 0 75%; -webkit-box-flex: .75; flex: .75 0 75%;
  }
  .form-field--ccExpiry {
    -ms-flex: .25 0 25%; -webkit-box-flex: .25; flex: .25 0 25%;
  }
  .form-field--ccCvv {
    -ms-flex: .25 0 25%; -webkit-box-flex: .25; flex: .25 0 25%;
  }
  .panel-body {
    padding: 2.13333rem 2.66667rem;
  }
  .pageMessage {
    padding: 0 6.4rem;
  }
  .pillGroup-select {
    display: none;
  }
  .pillGroup {
    display: inline-block; max-width: 100%; list-style: none; margin-left: 0;
  }
  .pillGroup ul {
    list-style: none; margin-bottom: 0;
  }
  .pillGroup ol {
    list-style: none; margin-bottom: 0;
  }
  .pillGroup li {
    display: inline-block;
  }
}
@media (min-width: 1281px) {
  html {
    font-size: 15px;
  }
}
@media (min-width: 481px) {
  .button+.button {
    margin-left: .8rem;
  }
  .form-actions {
    text-align: right;
  }
  .form-actions>* {
    margin: 0 0 0 .8rem; vertical-align: baseline; width: auto;
  }
  .form-actions--fixed {
    background: #fff; border-top: 1px solid #e4e7ed; bottom: 0; left: 0; padding: .8rem 2.66667rem; position: fixed; right: 0; text-align: right; z-index: 20;
  }
  .breadcrumb {
    line-height: 1;
  }
  .breadcrumb::before {
    margin: 0 .8rem;
  }
  .modal-footer {
    text-align: right;
  }
  .modal-footer .button {
    display: inline-block; margin-bottom: 0;
  }
  .modal-footer-link {
    display: inline; margin: 0 1.6rem 0 0;
  }
  .alertBox {
    display: table;
  }
  .alertBox-actions {
    display: table-cell; margin-top: 0; padding-left: 4rem; text-align: right;
  }
  .alertBox-actions li {
    padding-left: .8rem; padding-right: 0;
  }
  .modal {
    -webkit-transform: scale(0.95) translateY(2%); transform: scale(0.95) translateY(2%);
  }
  .modal.is-active {
    max-width: 96%; -webkit-transform: scale(1) translateY(2%); transform: scale(1) translateY(2%);
  }
  .modal-body {
    padding: 2.8rem 3.2rem;
  }
  .gsc-dashboard-spotlight .banner {
    -ms-flex-align: stretch; -webkit-box-align: stretch; align-items: stretch; display: flex;
  }
  .gsc-dashboard-spotlight .banner-actions {
    -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; margin-left: 1rem;
  }
  .gsc-dashboard-spotlight .banner-actions>:last-child {
    margin-bottom: 0;
  }
  .prompt-footer {
    text-align: right;
  }
}
@media only screen and (max-width: 769px) {
  .modal {
    min-height: 100vh;
  }
}
@media only screen and (min-width: 769px) {
  .modal {
    left: 0; margin: 0 auto; max-width: 80%; right: 0; width: 52rem;
  }
  .modal {
    top: 50%;
  }
}
@media (min-width: 920px) {
  .banner-figure {
    -ms-flex-align: stretch; -webkit-box-align: stretch; align-items: stretch; display: flex; -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; max-height: 8.66667rem; overflow: hidden;
  }
}
@media (-webkit-min-device-pixel-ratio: 2) {
  .sprite {
    background-image: url(https://inboxflows.com/_/image/..%252Fimages%252Fdesign-icons-sprite%25402x.png/?inbox_flows_img_sig=eyJwYXRoIjoiLi4lMkZpbWFnZXMlMkZkZXNpZ24taWNvbiJ9:1kXPOY:TgO_1kZJ5t81D0430049os0lpIlAacFA2DUHo_BeKd4); background-size: 312px 306px;
  }
}
@media (min-resolution: 192dpi) {
  .sprite {
    background-image: url(https://inboxflows.com/_/image/..%252Fimages%252Fdesign-icons-sprite%25402x.png/?inbox_flows_img_sig=eyJwYXRoIjoiLi4lMkZpbWFnZXMlMkZkZXNpZ24taWNvbiJ9:1kXPOY:TgO_1kZJ5t81D0430049os0lpIlAacFA2DUHo_BeKd4); background-size: 312px 306px;
  }
}
@media only screen and (max-device-width: 480px) {
  a[href^="tel"] {
    text-decoration: none; color: #4b71fc; pointer-events: none; cursor: default;
  }
  a[href^="sms"] {
    text-decoration: none; color: #4b71fc; pointer-events: none; cursor: default;
  }
  .mobile_link a[href^="tel"] {
    text-decoration: default; color: #4b71fc !important; pointer-events: auto; cursor: default;
  }
  .mobile_link a[href^="sms"] {
    text-decoration: default; color: #4b71fc !important; pointer-events: auto; cursor: default;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  a[href^="tel"] {
    text-decoration: none; color: #4b71fc; pointer-events: none; cursor: default;
  }
  a[href^="sms"] {
    text-decoration: none; color: #4b71fc; pointer-events: none; cursor: default;
  }
  .mobile_link a[href^="tel"] {
    text-decoration: default; color: #4b71fc !important; pointer-events: auto; cursor: default;
  }
  .mobile_link a[href^="sms"] {
    text-decoration: default; color: #4b71fc !important; pointer-events: auto; cursor: default;
  }
}
  </style>
  <table border="0" cellpadding="0" cellspacing="0" id="backgroundTable" style="border-collapse: collapse; border-spacing: 0; box-sizing: border-box; line-height: 100% !important; margin: 0 auto; max-width: 800px !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding: 0; width: 100% !important;">
   <tr style="box-sizing: border-box;">
    <td class="layout-nav" style="border-collapse: collapse; box-sizing: border-box; margin: 0; padding: 0;">
     <table bgcolor="#33303E" border="0" cellpadding="0" cellspacing="0" class="nav" style="border-collapse: collapse; border-spacing: 0; box-sizing: border-box; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;">
      <tr style="box-sizing: border-box;">
       <td class="nav--logo" style="border-collapse: collapse; box-sizing: border-box; margin: 0; padding: 20px 0 20px 40px;" valign="bottom">
        <img alt="BigCommerce" class="image_fix" src="https://inboxflows.com/_/image/https%253A%252F%252Fmanage.bigcommerce.com%252Fassets%252Fmain-logo-white.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtYW5hZ2UuYmlnYyJ9:1kXPOY:_tPq6h_GYdwu6r-TBj4ay7mdK0qQqC1OSqq_9oGyNyQ" style="-ms-interpolation-mode: bicubic; border: 0; box-sizing: border-box; display: block; height: auto; max-width: 100%; outline: none; text-decoration: none; vertical-align: middle; width: 200px;"/>
       </td>
       <td align="right" class="nav--component" style="border-collapse: collapse; box-sizing: border-box; color: white; margin: 0; padding: 20px 40px 23px 0; text-transform: uppercase;" valign="bottom">
       </td>
      </tr>
     </table>
    </td>
   </tr>
   <tr style="box-sizing: border-box;">
    <td class="layout-content" style="border-collapse: collapse; box-sizing: border-box; margin: 0; padding: 0;">
     <div align="center" class="jumbotron" style="background: white url(https://inboxflows.com/_/image/https%253A%252F%252Fmanage.bigcommerce.com%252Fassets%252Femail%252Fdark%252Femail-jumbotron-bg.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtYW5hZ2UuYmlnYyJ9:1kXPOY:_tPq6h_GYdwu6r-TBj4ay7mdK0qQqC1OSqq_9oGyNyQ) no-repeat 100% 100%; box-sizing: border-box; color: white !important; margin: 0 0 30px; padding: 0; width: 100%;">
      <table style="border-collapse: collapse; border-spacing: 0; box-sizing: border-box; mso-table-lspace: 0pt; mso-table-rspace: 0pt;" width="100%">
       <tbody style="box-sizing: border-box;">
        <tr style="box-sizing: border-box;">
         <td align="center" class="jumbotron-header" style="border-collapse: collapse; box-sizing: border-box; margin: 0; padding: 0;">
          <h1 style="box-sizing: border-box; color: white !important; font-family: 'Source Sans Pro','Helvetica Neue',Arial,sans-serif; font-size: 2rem; font-style: normal; font-weight: 300; letter-spacing: 0; line-height: 1; margin: 0 0 1.6rem; padding: 0; text-rendering: optimizeLegibility; white-space: pre-line;">
           Welcome to BigCommerce
          </h1>
         </td>
        </tr>
        <tr style="box-sizing: border-box;">
         <td class="jumbotron-cta" style="border-collapse: collapse; box-sizing: border-box; margin: 0; padding: 0 0 24px;">
          <table border="0" cellpadding="0" cellspacing="0" class="email-button-tag" style="border-collapse: collapse; border-spacing: 0; box-sizing: border-box; mso-table-lspace: 0pt; mso-table-rspace: 0pt;" width="100%">
           <tr style="box-sizing: border-box;">
            <td align="center" style="border-collapse: collapse; box-sizing: border-box; margin: 0; padding: 0;">
             <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-spacing: 0; box-sizing: border-box; mso-table-lspace: 0pt; mso-table-rspace: 0pt;">
              <tr style="box-sizing: border-box;">
               <td align="center" style="border-collapse: collapse; box-sizing: border-box; margin: 0; padding: 0;">
                <a class="button--rounded button button--primary" style="-moz-appearance: none; -webkit-appearance: none; background: #4b71fc; border: 1px solid #4b71fc; border-radius: 29px; box-sizing: border-box; color: #fff; cursor: pointer; display: inline-block; font-family: 'Source Sans Pro','Helvetica Neue',Arial,sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.3334; margin: 0; outline: none; padding: 12px 40px; position: relative; text-align: center; text-decoration: none; vertical-align: middle;" target="_blank">
                 TOUR THE CONTROL PANEL
                </a>
               </td>
              </tr>
             </table>
            </td>
           </tr>
          </table>
         </td>
        </tr>
        <tr style="box-sizing: border-box;">
         <td align="center" class="jumbotron--image" style="border-collapse: collapse; box-sizing: border-box; margin: 0; padding: 0;">
          <a style="background: transparent; box-sizing: border-box; color: #4b71fc; line-height: inherit; text-decoration: none;" target="_blank">
           <img alt="" src="https://inboxflows.com/_/image/https%253A%252F%252Fmanage.bigcommerce.com%252Fassets%252Femail%252Fwelcome%252Fwelcome-laptop.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtYW5hZ2UuYmlnYyJ9:1kXPOY:_tPq6h_GYdwu6r-TBj4ay7mdK0qQqC1OSqq_9oGyNyQ" style="-ms-interpolation-mode: bicubic; border: 0 none; box-sizing: border-box; display: inline-block; height: auto; margin: 0 auto; max-width: 100%; outline: none; position: relative; text-decoration: none; top: 30px; vertical-align: middle; width: 80%;"/>
          </a>
         </td>
        </tr>
       </tbody>
      </table>
     </div>
     <table class="content" style="border-collapse: collapse; border-spacing: 0; box-sizing: border-box; mso-table-lspace: 0pt; mso-table-rspace: 0pt;">
      <tr style="box-sizing: border-box;">
       <td class="content-section" style="border-collapse: collapse; box-sizing: border-box; margin: 0; padding: 0 24px 24px;">
        <h1 style="box-sizing: border-box; color: #34313f; font-family: 'Source Sans Pro','Helvetica Neue',Arial,sans-serif; font-size: 2rem; font-style: normal; font-weight: 300; letter-spacing: 0; line-height: 1.0667; margin: 0 0 1.6rem; padding: 0; text-rendering: optimizeLegibility;">
         Your login information
        </h1>
        <p style="box-sizing: border-box; font-size: 1rem; font-weight: 400; line-height: 1.6; margin: 1em 0; padding: 0; text-rendering: optimizeLegibility;">
         Thank you for your interest in BigCommerce. Below are the login details for your store. Please save this email for future reference.
        </p>
       </td>
      </tr>
      <tr style="box-sizing: border-box;">
       <td class="content-section" style="border-collapse: collapse; box-sizing: border-box; margin: 0; padding: 0 24px 24px;">
        <ul class="login-details" style="box-sizing: border-box; font-family: inherit; font-size: 1rem; line-height: 1.6; list-style: none outside; margin: 0 0 1rem; padding: 0;">
         <li class="login-details-item" style="box-sizing: border-box; margin: 0 0 18px; padding: 0;">
          <span class="login-details-item--label" style="box-sizing: border-box; display: block; font-weight: bold;">
           Your URL:
          </span>
          <a style="background: transparent; box-sizing: border-box; color: #4b71fc; line-height: inherit; text-decoration: none;" target="_blank">
           https://beanjuices.mybigcommerce.com/admin
          </a>
         </li>
         <li class="login-details-item" style="box-sizing: border-box; margin: 0 0 18px; padding: 0;">
          <span class="login-details-item--label" style="box-sizing: border-box; display: block; font-weight: bold;">
           Username:
          </span>
          a868c691@uifeed.com
         </li>
         <li class="login-details-item" style="box-sizing: border-box; margin: 0 0 18px; padding: 0;">
          <span class="login-details-item--label" style="box-sizing: border-box; display: block; font-weight: bold;">
           Your Support PIN:
          </span>
          996038
         </li>
        </ul>
       </td>
      </tr>
      <tr style="box-sizing: border-box;">
       <td class="content-section content-section-xl content-tour-control-panel" style="border-collapse: collapse; box-sizing: border-box; margin: 0; padding: 0 24px 48px;">
        <table border="0" cellpadding="0" cellspacing="0" class="email-button-tag" style="border-collapse: collapse; border-spacing: 0; box-sizing: border-box; mso-table-lspace: 0pt; mso-table-rspace: 0pt;" width="100%">
         <tr style="box-sizing: border-box;">
          <td align="left" style="border-collapse: collapse; box-sizing: border-box; margin: 0; padding: 0;">
           <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-spacing: 0; box-sizing: border-box; mso-table-lspace: 0pt; mso-table-rspace: 0pt;">
            <tr style="box-sizing: border-box;">
             <td align="center" style="border-collapse: collapse; box-sizing: border-box; margin: 0; padding: 0;">
              <a class="button--rounded button button--primary" style="-moz-appearance: none; -webkit-appearance: none; background: #4b71fc; border: 1px solid #4b71fc; border-radius: 29px; box-sizing: border-box; color: #fff; cursor: pointer; display: inline-block; font-family: 'Source Sans Pro','Helvetica Neue',Arial,sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.3334; margin: 0; outline: none; padding: 12px 40px; position: relative; text-align: center; text-decoration: none; vertical-align: middle;" target="_blank">
               TOUR THE CONTROL PANEL
              </a>
             </td>
            </tr>
           </table>
          </td>
         </tr>
        </table>
       </td>
      </tr>
      <tr style="box-sizing: border-box;">
       <td class="content-section content-section" style="border-collapse: collapse; box-sizing: border-box; margin: 0; padding: 0 24px 24px;">
        <h2 style="box-sizing: border-box; color: #34313f; font-family: 'Source Sans Pro','Helvetica Neue',Arial,sans-serif; font-size: 1.6rem; font-style: normal; font-weight: 600; letter-spacing: 0; line-height: 1.1667; margin: 0 0 1.6rem; padding: 0; text-rendering: optimizeLegibility;">
         Have questions about getting started?
        </h2>
        <p style="box-sizing: border-box; font-size: 1rem; font-weight: 400; line-height: 1.6; margin: 1em 0; padding: 0; text-rendering: optimizeLegibility;">
         Read our
         <a style="background: transparent; box-sizing: border-box; color: #4b71fc; line-height: inherit; text-decoration: none;">
          Store Launch Guide
         </a>
         for step-by-step instructions on opening your store for business.
        </p>
       </td>
      </tr>
     </table>
    </td>
   </tr>
   <tr style="box-sizing: border-box;">
    <td align="center" class="layout-footer" style="border-collapse: collapse; box-sizing: border-box; margin: 0; padding: 40px 24px 0;">
     <table class="footer" style="border-collapse: collapse; border-spacing: 0; border-top-color: #afb4be; border-top-style: solid; border-top-width: 1px; box-sizing: border-box; line-height: 1.4; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;">
      <tr style="box-sizing: border-box;">
       <td align="center" style="border-collapse: collapse; box-sizing: border-box; margin: 0; padding: 30px 0;">
        © 2018 BigCommerce, 11305 Four Points Drive, Building 2, Floor 3, Austin TX 78726
       </td>
      </tr>
     </table>
    </td>
   </tr>
  </table>
 </body>
</html>
6 years, 11 months ago - BigCommerce <noreply@bigcommerce.com>
Login details for your new BigCommerce store (BeanJuices)
Welcome to BigCommerce TOUR THE CONTROL PANEL Your login information Thank you for your interest ...
Inboxes

BigCommerce Trial user
