h2 { text-align: center; font-size: 200%; font-weight: 300; }
p { text-align: center; font-size: 110%; font-weight: 300; color: #647079; }

.header.header-vendor { line-height: normal; height: auto; position: static; text-align: center; }
.header.header-vendor a { display: inline-block; text-align: center; padding: 1em 0; box-sizing: border-box; height: 100%; line-height: normal; border: none; text-decoration: none; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 90%;	}
.header.header-vendor img { display: inline-block; }
.header.header-vendor a span { font-size: 200%; display: inline-block; }
.header.header-vendor .logo {	}
.header.header-vendor .sub { display: block; text-align: center; color: #fff; font-size: 60%; margin: 0.25em 0 0 0; max-width: none; }
.header.header-vendor .sub img { width: 6em; vertical-align: middle; }

.root-vendor #layout { margin-top: 1.5em; }
.root-vendor #body { margin-top: 0; }

.members-intro { width: 100%; margin: -2em 0 2em -2em; box-sizing: content-box; padding: 1em 2em; border-bottom: 1px solid #E8E8E8; }
.members-intro:after { content: ""; display: table; clear: both; }
.members-intro img { border-radius: 50%; float: left; width: 3em; margin: 0 1em 0 0; }
.members-intro p { margin: 0; line-height: 2.5em; cursor: default; }

.members-account-title { letter-spacing: normal; }

.members-form { position: relative; }
.members-form-signin fieldset { border: none; margin: 0 auto; padding: 1.6em; }
.members-form .row {	}
.members-form .row:last-child {	}
.members-form label { font-weight: bold; }
.members-form label .info { font-weight: 300; }
.members-form h3 span { color: #2C7BAB; font-weight: bold; }
.row-account-name {	}
.row-account-name-info { padding: 1em 0; background: #FFFBFB; border: 2px solid #3AA3E3; margin: 0 0 0.5em; text-align: center; }
.account-name-prefix, .account-name-suffix { display: inline-block; color: #797979; font-size: 110%; }
.row-account-name input.account-name { display: inline-block; width: 50%; font-size: 140%; border: none; border-bottom: 2px solid #cbdded; box-shadow: none !important; background: transparent; text-align: center; color: #116DA5; }
.row-account-name input.account-name:focus { outline: none; border-bottom-color: #3e91d5; }
.account-warning { font-size: 90%; color: #9e3114; }

.img-success { display: block; margin: 0 auto 1em; width: 100%; max-width: 30em; position: absolute; left: 50%; margin-left: -15em; top: -2em; opacity: 0.2; }

.ui-help-video { margin: 0 1em 1em 1em; background: #000; padding-bottom: 53.3%; height: 0; }

.root-members #body { background: #fff; padding: 2em; margin-top: 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0.25em; border: 1px solid #e8e8e8; max-width: 50em; }
.root-members #layout { width: 96%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.root-members .pure-g > div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.root-members .pure-u-sm-1-2 { padding-right: 0.5em; }
.root-members .pure-u-sm-1-2 + .pure-u-sm-1-2 { padding-right: 0; padding-left: 0.5em; }
.root-members .pure-u-sm-1-3 { padding-right: 0.5em; }
.root-members .pure-u-sm-1-3 + .pure-u-sm-1-3 { padding-left: 0.5em; }
.root-members .pure-u-sm-1-3 + .pure-u-sm-1-3 + .pure-u-sm-1-3 { padding-right: 0; padding-left: 0.5em; }

.root-members .footer { width: 96%; padding: 0 0 2em 0; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;	}
.root-members .footer a { float: none; position: static; }
.root-members .footer p { text-align: center; }

.members-menu { padding: 0; list-style: none; margin: 1.5em auto 0; max-width: 48em; position: relative; top: 1px; min-height: 3.2em; }
.members-menu:after { content: ""; display: table; clear: both; }
.members-menu > li { display: inline-block; }
.members-menu > li a { text-decoration: none; color: #464646; cursor: pointer; padding: 0.7em 1.15em; font-size: 110%; display: inline-block; border-top-left-radius: 0.25em; border-top-right-radius: 0.25em; border-left: 1px solid rgba(0, 0, 0, 0); border-right: 1px solid rgba(0, 0, 0, 0); }
.members-menu a:hover {	}
.members-menu li.active a { background: #fff; border: 1px solid #e8e8e8; border-bottom-color: #fff; cursor: default; }
.members-menu .members-menu-signout { float: right; }
.members-menu .show-sm { display: block; }
.members-menu .hidden-sm { display: none; }

.root-members .user-box { float: right; margin: -1em 1.5em 0 0; }
.root-members .user-box .user-box-avatar { border: none; background: none; }
.root-members .user-box .user-box-avatar-link:hover,
.root-members #user-box.active { background: transparent; }
.root-members .user-box .user-box-avatar-link:hover i,
.root-members #user-box.active i { color: #bdc0c4; }
.root-members .user-box ul:before { border-bottom-color: #cacaca; }
.root-members #user-box ul { top: 35px; }
.root-members #user-box.active ul { top: 45px; }

.members-account-list { list-style: none; padding: 0; margin: 0; }
.members-account-list li { border-radius: 0.25em; border: 1px solid #EFEFEF; padding: 0.5em; margin: 0 0 0.5em; line-height: 2em; overflow: hidden; position: relative; display: flex; align-items: center; }
.members-account-list li .badge { cursor: default; font-size: 12px; color: #0dc0c1; border: 1px solid #0dc0c1; line-height: normal; padding: 0.1em 0.3em 0.15em 0.4em; font-style: normal; border-radius: 0.25em; display: inline-block; margin: 0 1em 0 0; }
.members-account-list li:after { content: ""; display: table; clear: both; }
.members-account-list li:hover { background-color: #fbfbfb; }
.members-account-list li span { display: inline-block; cursor: default; }
.members-account-list li span i { font-style: normal; font-weight: bold; }
.members-account-list .members-list-status-wrap { text-align: right; width: 7.5em; }
.members-account-list .members-account-list-status { border-radius: 0.25em; border: 1px solid #1da4dd; background-color: #f1fbff; font-size: 90%; cursor: default; padding: 0.1em 0.75em; min-width: 4.5em; text-align: center; }
.members-account-list .members-account-list-status-owner { background-color: #f4f5ff; color: #1E70D2; border-color: #6296ed; }
.members-account-list .members-account-list-status-user { background-color: #F3FFFA; color: #2A8C60; border-color: #21c3c5; }
.members-account-list .members-account-list-status-client { background-color: #FFF4EA; color: #C15D02; border-color: #E87223; }
.members-account-list .members-account-list-status-affiliate { background-color: #F3FFFA; color: #1c9596; border-color: #21c3c5; }
.members-account-list .members-account-list-name { flex-grow: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.members-account-list.members-account-list-accounts.members-account-list-accounts-anypro li:not(.account_pro) .members-account-list-name { text-indent: 3.4em; }
.members-account-list li .pure-button { margin-left: 0.5em; }

.members-affiliate-dashboard-explain { border-radius: 1em; background: #fafafa; padding: 1em 2em; border: 1px solid #fafafa; transition: border-color 150ms; overflow: hidden; position: relative; }
.members-affiliate-dashboard-explain img { position: absolute; opacity: 0.1; top: -9em; left: 12em; }
.members-affiliate-dashboard-explain:hover { border-color: #E1EBE6; }
.members-affiliate-dashboard-explain p { font-weight: normal; margin: 0 2em 0 0; cursor: default; position: relative; text-align: left; color: #818F98; }
.members-affiliate-dashboard-explain .pure-button { margin-top: 1.2em; position: relative; }

.root-members fieldset { padding: 0; }
.root-members fieldset .row span { font-size: 90%; }

.root-members #body p { text-align: left; font-weight: normal; }
.root-members .pure-controls.controls-full { margin-right: 0; }

.root-affiliates #body,
.root-contracts #body { background: #fff; padding: 2em; margin-top: 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0.25em; border: 1px solid #e8e8e8; max-width: 54em; }
.root-affiliates #layout,
.root-contracts #layout { width: 96%; max-width: 60em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.root-affiliates .header h1,
.root-contracts .header h1 { line-height: 70px; width: 95%; text-align: center; margin: 0 auto; padding: 0; }
.root-affiliates .header.header-dark h1,
.root-contracts .header.header-dark h1 { color: #fff; }
.root-affiliates .header h1 img,
.root-contracts .header h1 img { display: inline-block; max-width: 100%; max-height: 50px; margin: 0 auto; vertical-align: middle; }
.root-affiliates .header h1 .name,
.root-contracts .header h1 .name { margin-left: 0.5em; }

.root-affiliates .header[data-account-id="11"][data-product-id="13"],
.root-affiliates .header[data-account-id="11"][data-product-id="65"],
.root-affiliates .header[data-account-id="11"][data-product-id="66"],
.root-affiliates .header[data-account-id="11"][data-product-id="67"] { box-shadow: none; background: transparent; padding: 2em 0 0; }
.root-affiliates .header[data-account-id="11"][data-product-id="13"] h1 img,
.root-affiliates .header[data-account-id="11"][data-product-id="65"] h1 img,
.root-affiliates .header[data-account-id="11"][data-product-id="66"] h1 img,
.root-affiliates .header[data-account-id="11"][data-product-id="67"] h1 img { max-height: none; max-width: 25em; width: 100%; }

.root-affiliates .header[data-account-id="1"][data-product-id="149"] { box-shadow: none; background: transparent; padding: 2em 0 0; }
.root-affiliates .header[data-account-id="1"][data-product-id="149"] h1 img { max-height: none; max-width: 25em; width: 100%; }

h3 {	}
h4 {	}

.footer-actions { font-size: 90%; margin: -4em auto 0 auto; width: 96%; max-width: 55em; text-align: right; position: relative; }
.footer-actions a { text-decoration: none; color: #8e8e8e; border-bottom: 1px dotted #8e8e8e; cursor: pointer; }
.footer-actions a:hover { color: #4b7bd7; border-color: #4b7bd7; }

.footer { font-size: 80%; margin: 2em auto 0; max-width: 50em; }
.footer p { margin: 0; text-align: left; }
.footer a { float: right; position: relative; top: 4px; }

.members-profile-control-btn { min-width: 9em; }
#members-profile-2factor-enabled { display: none; }
.tc-2factor-enabled #members-profile-2factor-enabled { display: block; }
.tc-2factor-enabled #members-profile-2factor { display: none; }

.row-customize-upload { display: flex; align-items: center; position: relative; }
.row-customize-upload .uploader-preview-wrap { min-height: 6em; padding: 0.5em; position: relative; text-align: center; background: #f9fafb; border: 1px solid #E9E9E9; border-radius: 0.25em; }
.row-customize-upload .uploader-preview img { display: block; margin: 0 auto; max-width: 100%; max-height: 6em; }
.row-customize-upload .uploader-delete { display: none; position: absolute; opacity: 0.8; cursor: pointer; right: 0.5em; top: auto; bottom: 0.5em; color: #D24A17; transition: bottom 150ms, opacity 150ms; }
.row-customize-upload:hover .uploader-delete { bottom: 0.7em; opacity: 1; }
.row-customize-upload.uploader-hasimage .uploader-delete { display: block; }

.root-site-design_export h2 { margin: 0; padding: 1.5em 0 1em; font-size: 210%; line-height: normal; }
.design-export-wrapper { background: #EAEDF1; }
.design-export-inner { max-width: 75em; width: 90%; margin: 0 auto; padding: 0 0 3em; }
.design-export-screenshot_wrap { position: relative; border: 3px solid #C7CCD4; border-radius: 0.5em; margin: 0 auto 1em auto; overflow-y: scroll; background: #fff; min-height: 60em; max-height: 90em; min-height: 46vh; max-height: 73vh; }
.design-export-screenshot_wrap::before { content: ""; display: block; width: 30px; height: 30px; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; border: solid 4px rgba(0, 0, 0, 0.2); border-top-color: #3b4752; margin: 0 auto; -webkit-animation: spin 1s infinite linear; position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -15px; }
.design-export-screenshot_inner { width: 100%; height: 100%; position: relative; }
.design-export-screenshot { display: block; width: 100%; }
.design-export-meta_desc { max-width: 46em; margin: 0 auto 0; padding-bottom: 2em; text-align: center; display: block; font-size: 150%; }
.design-export-promo { padding-top: 2em; margin-left: auto; margin-right: auto; max-width: 46em; width: 90%; }
.design-export-promo h4 { margin: 0 0 1.5em; padding: 0; font-size: 150%; }
.design-export-promo h4 span { font-weight: normal; font-size: 70%; display: block; opacity: 0.8; letter-spacing: normal; margin: 0.5em 0 0 0; }
.design-export-promo ol { text-align: left; margin: 0 auto 3em; padding: 0; max-width: 35em; }
.design-export-promo ol li { font-size: 130%; margin: 0 0 1em; font-weight: bold; }
.design-export-promo ol li span { font-weight: normal; display: block; }
.design-export-promo .video-wrap { overflow: hidden; border: 1px solid #e8e8e8; border-radius: 0.5em; max-width: 40em; margin: 0 auto 2em; }
.design-export-promo video { display: block; width: 100%; }
#design-export-url { max-width: 20em; }
.design-export-promo .design-export-cta { background-color: #F97C15 !important; }

@media screen and (max-width: 35.5em) {
	.root-site .box { padding: 1em; }
	.root.root-members .pure-u-sm-1-2 { padding-right: 0; padding-left: 0; }
	.root-members .pure-controls.controls-full { margin: 0; text-align: right; }
	.root-members .pure-controls.controls-full .pure-button { margin: 0; }

	.root-site .members-menu .members-menu-signout { display: none; }
	.members-menu .show-sm { display: none; }
	.members-menu .hidden-sm { display: block; }
	.members-affiliate-dashboard-explain p { margin-right: 0; }
}

@media screen and (max-width: 25em) {
	.members-intro p { line-height: 1.5; }

	.members-affiliate-dashboard-explain {	}

}