html { height: 100%; }
body { background: #f9f9f9; line-height: 1.42857143; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; transition: background-color 150ms; }
body.selectable { -moz-user-select: text; -khtml-user-select: text; -webkit-user-select: text; -ms-user-select: text; user-select: text; }
.text-selectable { -moz-user-select: text; -khtml-user-select: text; -webkit-user-select: text; -ms-user-select: text; user-select: text; }

html, body, button, input, select, textarea, .pure-g [class *= "pure-u"] {
	color: #555459;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 0.01em;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-feature-settings: "kern" 1;
	-moz-font-feature-settings: "kern" 1;
}

@media	only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-resolution: 120dpi) {
	html, body, button, input, select, textarea, .pure-g [class *= "pure-u"] {
		font-size: 12px;
	}
}

@media (max-width: 700px) {
	.hide-on-mobile {
	  display: none;
	}
  }

/* Resets */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}

a[disabled] { cursor: not-allowed; pointer-events: none; opacity: 0.4; }
a.unclickable { pointer-events: none; }

body {
	--tags-border-color: #c5c5c5;
	--tags-focus-border-color: #2780f8;
}

div.nice-select { float: none; margin: 0.25em 0; border-color: #c5c5c5; font-size: 100%; height: auto; line-height: normal; padding: 0.752em 2em 0.752em 0.75em; }
div.nice-select .current { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; vertical-align: middle; }
div.nice-select:hover { border-color: #b0b0b0; }
div.nice-select::after { border-right-color: #7d7d7d; border-bottom-color: #7d7d7d; }
div.nice-select .nice-select-dropdown { width: 100%; box-shadow: 0 0 0 1px rgb(68 68 68 / 30%); }
div.nice-select > .nice-select-dropdown > .nice-select-search-box input[type="text"] { box-sizing: border-box; background-color: #fff; border: 1px solid #e8e8e8; border-radius: 3px; color: #444; display: inline-block !important; vertical-align: middle; padding: 7px 12px; margin: 0 10px 0 0; width: 100% !important; min-height: 36px; line-height: 22px; height: auto; font-size: 14px; }
div.nice-select ul { margin: 0; }
div.nice-select .option { overflow: hidden; text-overflow: ellipsis; color: #595c6a; }
div.nice-select .optgroup { padding: 11px 19px 11px 11px; background: #f4f5f7; color: #636e84; cursor: default; }
div.nice-select .option.disabled { color: #bbb; }

.video-large { margin: 0 0 2em; clear: both; }
.video { margin: 2em 0; }

hr { margin: 2em 0; border: none; height: 1px; background: #eee; }

pre { display: inline-block; margin: 0 0.25em; vertical-align: middle; }

.root.dash #layout,
.root.prodreports #layout,
.root.dash #hero .inner { max-width: 960px; } /* Absolute width for graphing */
.root.affiliates #layout,
.root.affiliates #hero .inner,
.root.students #layout,
.root.students #hero .inner { max-width: 940px; } /* Absolute width for graphing */

.root.wide_root #layout { max-width: 76em; }

/* Main layout styles */
#layout { position: relative; margin: 1em auto 0.5em auto; max-width: 64em; width: 90%; transition: max-width 0ms; }
#body { margin: 2em 0 0.5em; line-height: 1.6em; }

.footer { text-align: center; font-size: 90%; color: #9d9d9d; margin: 0; padding: 1em 0; clear: both; }

.ready #body { transition: margin-left 150ms, margin-right 150ms; }

.page-container {	}
.page-container-leaving {	}
.page-container-entering, .page-container-entered {	}
.page-container-exiting {	}

.inner { width: 90%; position: relative; margin: 0 auto; max-width: 64em; }

.header { position: relative; top: 0; width: 100%; z-index: 100; margin: 0; color: #2f3239; background: #33383e; line-height: 77px; min-height: 77px; box-shadow: 0 1px 1px rgba(0,0,0,.1); }
.header .inner { max-width: 64em; width: 90%; }
.header h1 { margin: 0; padding: 0; width: 6.5em; display: inline-block; vertical-align: top; }
.header h1 a { width: 150px; height: 77px; text-decoration: none; display: block; margin: 0; background: url(../../assets/logo-light.png) no-repeat left center; outline: none; background-size: contain; position: relative; transform: scale(0.98); will-change: transform; transform-style: preserve-3d; transition: transform 150ms; }
.header h1 a:hover { transform: scale(1); }
.header h1 .logo-tc { display: none; }
.header h1 em { font-size: 12px; color: #0dc0c1; border: 1px solid #0dc0c1; line-height: normal; padding: 0.1em 0.4em; font-style: normal; border-radius: 0.25em; position: absolute; top: 50%; right: -3.5em; transform: translate(0, -42%); }
.header h1 span.logo-courses { display: none; }
body.root.learn .header h1 span.logo-courses,
body.root.course_editor .header h1 span.logo-courses { display: inline-block; font-size: 12px; color: #b78ae8; border: 1px solid #b78ae8; line-height: normal; padding: 0.1em 0.4em; font-style: normal; border-radius: 0.25em; position: absolute; top: 50%; right: -4em; transform: translate(0, -42%); }
body.root.learn .header h1 em + span.logo-courses,
body.root.course_editor .header h1 em + span.logo-courses { right: -7em; }
body.root.learn .header h1.tc-learn-plus span.logo-courses,
body.root.course_editor .header h1.tc-learn-plus span.logo-courses { right: -5em; }
body.root.learn .header h1.tc-pro.tc-learn-plus span.logo-courses,
body.root.course_editor .header h1.tc-pro.tc-learn-plus span.logo-courses { right: -8em; }
.header h1 span.logo-courses em { position: static; padding: 0; transform: none; border: none; color: #b78ae8; font-weight: bold; margin-left: 0.25em; }

.header.contains_detail .user-box,
.header.contains_detail .menu-main-wrap { opacity: 0; }

.header.header-minimal {	}
.header.header-minimal .inner { text-align: center; }
.header.header-minimal .menu-main-wrap,
.header.header-minimal .user-box { display: none; }

.header.header-unavailable {	}
.header.header-unavailable .menu-main-wrap,
.header.header-unavailable .user-box,
.header.header-unavailable h1,
.header.header-unavailable h1 a { cursor: default; pointer-events: none; }

/* Main menu */
.menu-main-wrap { display: inline-block; width: calc(100% - 11.5em - 8.5em); vertical-align: top; opacity: 1; transition: opacity 150ms; }
#menu-main { text-align: right; }
#menu-main li { display: inline-block; margin: 0 0.75em 0 0; line-height: 68px; text-align: center; }
#menu-main a { color: #bdc0c4; text-decoration: none; transition: color 250ms; font-weight: 600; font-size: 90%; opacity: 0.8; border-radius: 0.4em; padding: 0.6em 0.8em; line-height: 1em; display: inline-block; vertical-align: middle; position: relative; cursor: pointer; }
#menu-main a span { white-space: nowrap; position: absolute; bottom: -5px; font-size: 90%; transform: translateX(-50%); opacity: 0; transition: transition 150ms, opacity 90ms; }
#menu-main a i { display: block; margin: 0 auto; font-family: Font Awesome\ 5 Pro; font-size: 14px; line-height: 1; font-weight: 900; font-style: normal; font-size: 150%; text-rendering: auto; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); vertical-align: middle; transition: transform 150ms; }
#menu-main #menu-main-item-dash i::before { content: "\f0db"; }
#menu-main #menu-main-item-products i::before { content: "\f00b"; }
#menu-main #menu-main-item-coupons i::before { content: "\f3ff"; }
#menu-main #menu-main-item-manage i::before { content: "\f187"; }
#menu-main #menu-main-item-transactions i::before { content: "\f007"; }
#menu-main #menu-main-item-settings i::before { content: "\f013"; }
#menu-main a:hover, #menu-main li.active a, body.root.course_editor #menu-main-item-learn, body.root.landingpage_editor #menu-main-item-pages, body.root.funnel_editor #menu-main-item-funnels { color: #fff; opacity: 1; background-color: rgba(0,0,0,0.025); }
#menu-main[data-section="affiliates"] #menu-main-item-affiliates,
#menu-main[data-section="contracts"] #menu-main-item-affiliates,
#menu-main[data-section="transactions"] #menu-main-item-transactions,
#menu-main[data-section="subscriptions"] #menu-main-item-transactions { color: #fff; opacity: 1; background-color: rgba(0,0,0,0.025); }
#menu-main a:hover i { transform: translate(0, -4px); }
#menu-main a:hover span { opacity: 1; }
#menu-main li.active a {	}
#menu-main li ul.active { display: block; opacity: 1; visibility: visible; top: 6em; }
#menu-main li ul { margin: 0; padding: 0; list-style: none; background: #fff; border-radius: 3px; border: 1px solid #d0d2db; box-shadow: 0px 0px 3px rgba(98, 98, 98, 0.2); position: absolute; width: 12em; left: -6em; top: 6em; top: 55px; opacity: 0; visibility: hidden; transition: top 250ms, opacity 250ms;	}
#menu-main li ul:before {
	position: absolute;
	top: -7px;
	right: 32px;
	display: inline-block;
	border-right: 7px solid rgba(0, 0, 0, 0);
	border-bottom: 7px solid #CCC;
	border-left: 7px solid rgba(0, 0, 0, 0);
	border-bottom-color: rgba(255, 255, 255, 1);
	content: '';
}
#menu-main li ul li { line-height: normal; margin: 0; display: block; }
#menu-main li ul li a { display: block; text-align: left; line-height: normal; padding: 0.75em; text-decoration: none; font-size: 100%; color: #5b5b5b; opacity: 1; border-radius: 0; box-shadow: none; }
#menu-main li ul li:last-child a { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
#menu-main li ul li a:hover { color: #555e72; background-color: #f5f6f9; box-shadow: none; }
#menu-main li ul li i { width: 1.28571429em; text-align: center; color: #555e72; margin: 0 0.5em 0 0; font-family: Font Awesome\ 5 Pro; font-size: 14px; line-height: 1; font-weight: 900; font-style: normal; font-size: inherit; text-rendering: auto; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); vertical-align: middle; display: inline-block; }
#menu-main li ul li span { vertical-align: middle; display: inline-block; }

#menu-main a#menu-main-item-watch-the-welcome-video { background: none; font-size: 90%; color: #d96e0d; text-decoration: underline; }
#menu-main a#menu-main-item-watch-the-welcome-video:hover { color: #8e4504; background: none; box-shadow: none; }

#menu-main.menu-nopaymentprocessors { display: none; }
#menu-main.menu-nopaymentprocessors.menu-paymentskipped { display: block; }
#menu-main.menu-nopaymentprocessors a#menu-main-item-settings { padding-right: 1.2em; }
#menu-main.menu-nopaymentprocessors a#menu-main-item-settings::before { content: ""; display: block; width: 8px; height: 8px; border-radius: 50%; background-color: #a20707; position: absolute; top: 5px; right: 5px; }

.user-box { position: relative; display: inline-block; vertical-align: top; width: 6em; opacity: 1; transition: opacity 150ms; }
.user-box .user-box-avatar-link { display: block; text-align: center; transition: background-color 250ms; color: #fff; }
.user-box .user-box-avatar-link i { position: absolute; right: 0.5em; bottom: 38%; color: #bdc0c4; }
.user-box .user-box-avatar-link:hover, #user-box.active { background-color: rgba(0,0,0,0.1); }
.user-box .user-box-avatar-link:hover i, #user-box.active i { color: #fff; }
.user-box .user-box-avatar { display: inline-block; vertical-align: middle; background-color: #000; border: 2px solid #4b535d; border-radius: 50%; width: 40px; height: 40px; margin: 0 auto; cursor: pointer; box-sizing: border-box; transition: border-color 250ms; }
.user-box .user-box-avatar-link:hover .user-box-avatar { border-color: #626b77; }
#user-box.active .user-box-avatar { border-color: #939eaa; }
.user-box ul { visibility: hidden; opacity: 0; position: absolute; top: 55px; right: -1%; width: 185%; transition: top 250ms, opacity 250ms; background: #fff; margin: 0; padding: 0; border-radius: 3px; list-style: none; border: 1px solid #d0d2db; z-index: 5; box-shadow: 0px 0px 3px rgba(98, 98, 98, 0.2); }
.user-box ul:before { position: absolute; top: -7px; right: 32px; display: inline-block; border-right: 7px solid rgba(0, 0, 0, 0); border-bottom: 7px solid #CCC; border-left: 7px solid rgba(0, 0, 0, 0); border-bottom-color: rgba(255, 255, 255, 1); content: ''; }
.user-box li { padding: 0; margin: 0; }
.user-box li:last-child { background-color: #f5f6f9; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
.user-box li a { display: block; line-height: normal; padding: 0.75em 1em; text-decoration: none; font-size: 100%; color: #5b5b5b; }
.user-box li:last-child a { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
.user-box li a:hover { color: #555e72; background-color: #f5f6f9; }
.user-box li a i { color: #555e72; margin: 0 0.5em 0 0; font-family: Font Awesome\ 5 Pro; font-size: 14px; line-height: 1; font-weight: 900; font-style: normal; font-size: inherit; text-rendering: auto; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); vertical-align: middle; display: none; }
#user-box-submenu-item-my-profile i::before { content: "\f007"; }
#user-box-submenu-item-support i::before { content: "\f128"; }
#user-box-submenu-item-sign-out i::before { content: "\f08b"; }
#user-box-submenu-item-users i::before { content: "\f234" }
#user-box-submenu-item-admin i::before { content: "\f023" }
#user-box-submenu-item-welcome-video i::before { content: "\f16a" }
#user-box.active ul { visibility: visible; top: 72px; opacity: 1; }

/* Recommended products */
#menu-main-item-affiliates i::after { display: block; width: 0.65em; height: 0.3em; border-radius: 0.8em; background: #f55f10; position: absolute; top: -0.5em; left: 50%; transform: translate(-50%, -50%); }
body.ui-alert-pending-affiliate-applications #menu-main-item-affiliates i::after { content: ""; }
.box.ui-recommended-products { padding: 0; position: relative; }
.ui-recommended-products ul { list-style: none; margin: 0; padding: 0; display: flex; }
.ui-recommended-products li { width: 160px; margin: 1em 0 1em 1em; -webkit-transform: perspective(1px) scale(1); transform: perspective(1px) scale(1); transition: -webkit-transform 150ms; transition: transform 150ms; transition: transform 150ms, -webkit-transform 150ms; will-change: transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.ui-recommended-products li:nth-child(4) { margin-right: 1em; }
.ui-recommended-products a { display: block; cursor: pointer; text-decoration: none; }
.ui-recommended-products img { display: block; width: 100%; }
.ui-recommended-products li:hover { -webkit-transform: translateZ(0) scale(1.025); transform: translateZ(0) scale(1.025); }
.ui-recommended-products .ui-recommended-products-more { background: #eee; color: #b3b3b3; text-align: center; padding: 1em; box-sizing: border-box; }
.root-affiliates .ui-recommended-products .ui-recommended-products-more { width: auto; flex-grow: 1; margin-right: 1em; }
.ui-recommended-products .ui-recommended-products-more a { color: #999; display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100%; }
.ui-recommended-products .ui-recommended-products-more span { font-size: 120%; line-height: 0.8; display: block; }
.ui-recommended-products .ui-recommended-products-more em { font-weight: 300; display: block; border-bottom: 1px solid #dcdcdc; margin: 0 0 1em; padding: 0 0 1em; line-height: 0.8; }
.ui-recommended-products h2 { margin: 1em 0 0 1em; color: #6b6b6b; font-size: 120%; }
.ui-recommended-products .pill { border: 1px solid #f55f10; color: #f55f10; background-color: #fff6f2; font-size: 65%; padding: 0.1em 0.65em; font-weight: bold; letter-spacing: normal; margin: 0 0 0 0.5em; vertical-align: top; }
.tc-modal-recommended-products .ui-click { width: 14em; }
.ui-recommended-products-hide { position: absolute; top: 0.5em; right: 1em; font-size: 80%; opacity: 0.5; transition: opacity 150ms; }
.ui-recommended-products-hide:hover { opacity: 1; }
.ui-recommended-products-hide-trigger { border-bottom: 1px dotted #999; color: #999; cursor: pointer; }
.alertify .iframe-wrapper { margin: 0 -25px -30px -25px; }
.alertify .iframe-wrapper iframe { width: 100%; border: none; }

/* Header menu */
#header-menu {	}
#header-menu.avoid_sidebar { margin-left: 7.5em; }
.header-menu-wrap { max-height: 0; overflow: hidden; }
.ready .header-menu-wrap { transition: max-height 150ms; }
.header-menu-wrap.active { max-height: 100px; }
.header-menu-wrap ul { margin: 0 1.5em; padding: 0; list-style: none; }
.header-menu-wrap li { margin: 1.5em 0 0; display: inline-block; transition: background-color 150ms, color 150ms; font-family: "Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 130%; color: #555459; font-weight: 300; }
.header-menu-wrap li:hover { background-color: #D8D8D8; }
.header-menu-wrap li.active { background-color: #bdbdbd; color: #1a1a1a; }
.header-menu-wrap a { line-height: 40px; display: block; padding: 0 1em; position: relative; color: #555459; text-decoration: none; }
.header-menu-wrap span {	}

/* Pane */
#pane { background: #fff; z-index: 1000; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); border-left: 1px solid rgba(0,0,0,0.1); height: 100%; width: 40em; position: fixed; top: 0; right: 0; overflow: hidden; -webkit-transform: translate3d(40.5em, 0, 0); -moz-transform: translate3d(40.5em, 0, 0); transform: translate3d(40.5em, 0, 0); }
#pane { transition: -webkit-transform 150ms, -moz-transform 150ms, transform 150ms; }
#pane.active { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
#pane .inner { width: 100%; height: 100%; padding: 1.5em; box-sizing: border-box; }
#pane .inner > div { height: 100%; }

#pane .pure-controls.controls-full { margin: 0; position: absolute; bottom: 0; right: 0; left: 0; padding: 1em; float: none; text-align: right; }
#pane .pure-controls.controls-full .button-xsmall { margin-top: 0.7em; }

#hero { position: relative; top: 0; left: 0; z-index: 10; width: 100%; box-sizing: border-box; background: #fff; border-bottom: 1px solid #EDEDED; display: none; }
#hero.active { display: block; margin-bottom: 1em; }
#hero .inner { padding: 0; }
#hero p { color: #9ca5ac; margin: 0; }
#hero p b, #footer p strong { color: #10CFBD; font-weight: bold; }
#hero ul { margin: 0; padding: 0; list-style: none; text-align: center; display: flex; }
#hero li { flex: 1; display: inline-block; margin: 0; padding: 0; /*box-shadow: inset 0 0 0 rgba(0,0,0,0);*/ background-color: #fff; transition: color 90ms, background-color 300ms; }
#hero li:hover { color: #0e669c; /*box-shadow: inset 0 4px 6px rgba(0,0,0,0.05);*/ }
#hero li div { padding: 1.15em 1.43em; font-size: 110%; font-weight: bold; cursor: pointer; }
#hero li div i { font-size: 200%; }
#hero li div i.fa-undefined { display: none; }
#hero li div span { display: block; }
#hero li:empty { display: none; }
#hero li.active { background-color: #f9f9f9; /*box-shadow: inset 0 4px 6px rgba(0,0,0,0.05);*/ color: #0e669c; border-bottom: 1px solid transparent; margin-bottom: -1px; }
#hero .pure-button { font-size: 110%; }

#hero.dark { background: #27292b; border-bottom: 1px solid #EDEDED; }
#hero.dark li.active { background: none; box-shadow: none; border-bottom: 2px solid #3aa3e4; color: #fff; margin-bottom: 0; }
#hero.dark li { box-shadow: none; background: none; color: #eee; }

#hero.active + #layout {	}

#footer { position: fixed; bottom: 0; left: 0; width: 100%; box-sizing: border-box; background: #fff; border-top: 1px solid rgba(230, 230, 230, 0.7); -webkit-transform: translate3d(0, 5em, 0); -moz-transform: translate3d(0, 5em, 0); transform: translate3d(0, 5em, 0); transition: transform 250ms; }
#footer.active { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
#footer .inner { padding: 1.5em 0; }
#footer p { color: #9ca5ac; margin: 0; }
#footer p b, #footer p strong { color: #10CFBD; font-weight: bold; }
#footer ul { margin: 0; padding: 0; list-style: none; float: right; }
#footer li { display: inline-block; margin: 0 0 0 1em; }
#footer li:empty { display: none; }
#footer .pure-button { font-size: 110%; }
#footer .pure-button.ui-cancel { background-color: #3B4752; color: #fff; }
#footer .pure-button.ui-confirm { background-color: #10CFBC; color: #fff; }

#footer.error p b, #footer.error p strong { color: #F55753; }
#footer.error .pure-button.ui-confirm { background-color: #F55753; color: #fff; }

/* Styling */
.content-subhead { margin: 0 0 1em 0; display: inline-block; font-size: 150%; font-weight: 600; padding: 0; line-height: normal; overflow: hidden; text-overflow: ellipsis; }
.pure-form-aligned .pure-controls { margin-top: 1em; }
.pure-button:not(.hidden) + .pure-button { margin-left: 1em; }
.pure-button:not(.hidden) + .pure-button.hidden + .pure-button { margin-left: 1em; }

.pure-form input[type="range"] {
		display: block;
		width: 100%;
		margin: 0.75em 0;
		padding: 0;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		outline: none;
		background: transparent;
}

.pure-form input[type="range"]:focus {
		outline: none;
}

.pure-form input[type="range"]::-moz-focus-outer {
		border: 0;
}

.pure-form input[type="range"]::-webkit-slider-runnable-track {
		cursor: pointer;
		width: 100%;
		height: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		background: #CED7DB;
		border: none;
}

.pure-form input[type="range"]::-moz-range-track {
		cursor: pointer;
		width: 100%;
		height: 3px;
		border-radius: 2px;
		background: #CED7DB;
		border: none;
}

.pure-form input[type="range"]::-webkit-slider-thumb {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		cursor: pointer;
		width: 16px;
		height: 16px;
		background: #fff;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		border: 2px solid #CED7DB;
		box-shadow: 0 0 0 3px #fff;
		margin-top: -7px;
}

.pure-form input[type="range"]::-moz-range-thumb {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		cursor: pointer;
		width: 16px;
		height: 16px;
		background: #fff;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		border: 2px solid #CED7DB;
		box-shadow: 0 0 0 3px #fff;
		margin-top: -7px;
}

.pure-form input[type="range"]::-ms-thumb {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		cursor: pointer;
		width: 16px;
		height: 16px;
		background: #fff;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		border: 2px solid #CED7DB;
		box-shadow: 0 0 0 3px #fff;
		margin-top: -7px;
}

.pure-form input[type="range"]::-ms-track {
		cursor: pointer;
		width: 100%;
		height: 2px;
		border-radius: 2px;
		background: #CED7DB;
		border: none;
		background: transparent;
		color: transparent;
		height: 18px;
}

.pure-form input[type="range"]::-ms-fill-lower,
.pure-form input[type="range"]::-ms-fill-upper {
		height: 3px;
		border-radius: 2px;
		background: #CED7DB;
}

.pure-form input[type="range"].disabled,
.pure-form input[type="range"][disabled] {
		opacity: .3;
		cursor: default;
}

.pure-form input[type="range"].disabled::-webkit-slider-runnable-track,
.pure-form input[type="range"][disabled]::-webkit-slider-runnable-track {
		cursor: default;
}

.pure-form input[type="range"].disabled::-moz-range-track,
.pure-form input[type="range"][disabled]::-moz-range-track {
		cursor: default;
}

.pure-form input[type="range"].disabled::-webkit-slider-thumb,
.pure-form input[type="range"][disabled]::-webkit-slider-thumb {
		cursor: default;
}

.pure-form input[type="range"].disabled::-moz-range-thumb,
.pure-form input[type="range"][disabled]::-moz-range-thumb {
		cursor: default;
}

.pure-form input[type="range"].disabled::-ms-thumb,
.pure-form input[type="range"].disabled::-ms-track,
.pure-form input[type="range"][disabled]::-ms-thumb,
.pure-form input[type="range"][disabled]::-ms-track {
		cursor: default;
}

.pure-form fieldset { margin: 0; padding: 0; }
.pure-form label { color: #626262; display: block; margin: 0 0 0.5em 0; line-height: 1.8; }
.pure-form input[type="text"], .pure-form input[type="password"], .pure-form input[type="email"], .pure-form input[type="url"], .pure-form input[type="date"], .pure-form input[type="month"], .pure-form input[type="time"], .pure-form input[type="datetime"], .pure-form input[type="datetime-local"], .pure-form input[type="week"], .pure-form input[type="number"], .pure-form input[type="search"], .pure-form input[type="tel"], .pure-form input[type="color"], .pure-form select, .pure-form textarea {
	padding: 0.43em 0.6em;
	box-shadow: none;
	border: 1px solid #C5C5C5;
	border-radius: 0.25em;
	font-size: 130%;
	display: block;
	width: 100%;
	color: #555459;
	transition: border-color 150ms, box-shadow 150ms;
	resize: vertical;
	max-height: 16em;
}
.pure-form input[type="text"]:focus, .pure-form input[type="password"]:focus, .pure-form input[type="email"]:focus, .pure-form input[type="url"]:focus, .pure-form input[type="date"]:focus, .pure-form input[type="month"]:focus, .pure-form input[type="time"]:focus, .pure-form input[type="datetime"]:focus, .pure-form input[type="datetime-local"]:focus, .pure-form input[type="week"]:focus, .pure-form input[type="number"]:focus, .pure-form input[type="search"]:focus, .pure-form input[type="tel"]:focus, .pure-form input[type="color"]:focus, .pure-form select:focus, .pure-form textarea:focus {
	border-color: #2780f8;
	box-shadow: 0 0 7px rgba(39,128,248,.15);
}

.pure-form select.inline-selector { display: inline-block; }

.pure-form select { height: 2.142em; padding-top: 0; padding-bottom: 0; }

.pure-form .ui-input-group { width: calc(100% + 1em); margin-left: -0.5em; }
.pure-form .ui-input-group > div { padding-left: 0.5em; padding-right: 0.5em; box-sizing: border-box; }

.pure-form .input-pill { position: relative; }
.pure-form .input-pill em { position: absolute; top: 1px; right: 1px; height: calc(100% - 2px); line-height: 2.85em; padding: 0 0.5em; font-style: normal; text-align: center; border-left: 1px solid #c5c5c5; background: #ecf0f1; border-top-right-radius: 0.25em; border-bottom-right-radius: 0.25em; pointer-events: none; }
.pure-form .input-pill.input-pill-left em { right: auto; border-left: none; border-top-right-radius: 0; border-bottom-right-radius: 0; width: 2em; left: 1px; border-right: 1px solid #c5c5c5; border-top-left-radius: 0.25em; border-bottom-left-radius: 0.25em; }
.pure-form .input-pill.input-pill-left input { padding-left: 3em !important; }
.pure-form .input-faux-select input { background-color: #fff; }
.pure-form .input-actionable em,
.pure-form em.input-actionable { cursor: pointer; pointer-events: all; font-style: normal; min-width: 1.25em; text-align: right; padding-right: 1.25em; }
.pure-form .input-actionable em::after,
.pure-form em.input-actionable::after { content: '\f078'; font-family: Font Awesome\ 5 Pro; font-size: 14px; line-height: 1; font-weight: 900; font-style: normal; font-size: 6px; text-rendering: auto; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); color: #FFF; position: absolute; top: 50%; margin-top: -0.3em; right: 0.95em; color: rgba(0,0,0,0.3); }
.pure-form .input-dropdown select { position: absolute; top: 0; right: 0; width: 2.2em !important; margin: 0; opacity: 0; cursor: pointer; }
.pure-form .input-dropdown select:focus { width: 100% !important; opacity: 1; box-shadow: none; }
.pure-form .input-faux-multi { border: 1px solid #C5C5C5; border-radius: 0.25em; margin: 0.269em 0; }
.pure-form .input-faux-multi.input-pill em { top: 0; right: 0; height: 100%; }
.pure-form .input-faux-multi input { margin: 0; display: inline-block; border: none; background: transparent; text-align: center; font-size: 90%; padding: 0.899em 0.5em; width: 3.35em !important; }
.pure-form .input-faux-multi input:focus { box-shadow: none; }
.pure-form .input-faux-multi i { display: inline-block; vertical-align: middle; font-style: normal; width: 1em; text-align: center; cursor: default; color: #000; }
.pure-form .input-pill-control { overflow: hidden; }
.pure-form .input-pill-control input { margin: 0; }
.pure-form .input-pill-control .control { position: absolute; top: 50%; right: 0; transform: translate(100%, -50%); transition: transform 150ms; }
.pure-form .input-pill-control.active .control { transform: translate(-0.4em, -50%); }
.pure-form .input-pill-control.active input { padding-right: 3.25em !important; }

.tc-modal-v2 .pure-form .input-dropdown select { width: 3em !important; top: 0.25em; }
.tc-modal-v2 .pure-form .input-dropdown select:focus { width: 100% !important; }
.ajs-dialog.tc-modal-v2 .autolayout .input-pill.input-faux-multi.input-dropdown em { height: 100%; top: 0; }
.ajs-dialog.tc-modal-v2 .autolayout .input-pill.input-faux-multi.input-dropdown select { top: 0; }

/* -- Coming soon pages ----------------------------------------------------- */
.comingsoon-title { text-align: center; margin: 0.5em 0 1em; font-size: 200%; }
.comingsoon-img { display: block; margin: 0 auto 2em; background: #e2e2e2; border-radius: 0.25em; max-width: 286px; max-height: 169px; }
.comingsoon-img img { display: block; width: 100%; height: 100%; }
.comingsoon-message { margin: 0; text-align: center; font-size: 170%; color: #9f9f9f; }

/* -- 'Site' alternative styles -- */
.root-site #layout { height: auto; }
.root-site #body { height: auto; margin: 0 auto 2em; max-width: 48em; width: 100%; }
.root-site #body::after { content: ""; display: table; clear: both; }
.root-site .header h1 { margin: 0 auto; text-align: center; float: none; border: none; display: block; }
.root-site .header h1 a { margin: 0 auto; }

.root-site-design_export #layout { max-width: none; margin: 0; width: 100%; background: #fff; }
.root-site-design_export #body { max-width: 100%; margin: 0 auto; padding: 0 0 4em; }

/* -- Boxes -- */
.box { padding: 2em; margin: 0; border: 1px solid #e8e8e8; background: #fff; border-radius: 0.25em; /*box-shadow: 0 1px 0 rgba(0,0,0,.25);*/ }
.box.box-subtle {	}
.box.box-shadow { border: none; margin: 0 1%; box-shadow: 1px 1px 2px rgba(0,0,0,0.1); }
.box.padding { padding-top: 0; }
.box.padding > :last-child { margin-bottom: 0; }
.pure-g .box { margin-left: 0.5em; margin-right: 0.5em; }
.pure-g ul.nav-tabs { margin-left: 0.5em; margin-right: 0.5em; }
.box-list { position: relative; padding-bottom: 51px !important; }
.box-list-actions { padding: 0.5em; border-top: 1px solid #f4f4f4; text-align: right; position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; }
.box.box-tabbed { margin-top: 5.6em; }
.box.box-tabbed .tabs { list-style: none; padding: 0; margin: -5.49em 0 2em -2.05em; }
.box.box-tabbed .tabs li { cursor: pointer; padding: 0.7em 2.14em; font-size: 120%; 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); color: #8c8c8c; text-align: center; }
.box.box-tabbed .tabs li i { display: block; margin: 0 auto 0.25em auto; font-size: 135%; }
.box.box-tabbed .tabs li a { color: inherit; text-decoration: none; }
.box.box-tabbed .tabs li.active { background: #fff; border: 1px solid #e8e8e8; border-bottom-color: #fff; cursor: default; color: #616161; }
.box.box-tabbed .tabs li[data-section="template"] { min-width: 4em; }
.box.box-tabbed .pull-nav { float: right; margin: -3em 0 0; line-height: normal; }
.box.box-tabbed .tabs-anchor li { padding: 0; }
.box.box-tabbed .tabs-anchor li a { padding: 0.7em 2.1em; display: block; text-align: center; }
.box.box-tabbed .tabs-anchor li.active.no-underline { position: relative; }
.box.box-tabbed .tabs-anchor li.active.no-underline::before { content: ""; display: block; width: 100%; height: 1px; background: #fff; position: absolute; left: 0; bottom: 0; }
.box.box-tabbed .tabs.tabs-full-width { display: -webkit-box; display: -ms-flexbox; display: flex; }
.box.box-tabbed .tabs.tabs-full-width li { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
.box.box-tabbed-action { margin: 0; display: flex; align-items: center; }
.box-tabbed.box-invisible.box-tabbed-action .tabs { margin: 0; }
.box.box-tabbed.box-tabbed-action .tabs li { border: 2px solid transparent; border-radius: 0.25em; min-width: 8em; }
.box.box-tabbed.box-tabbed-action .tabs li.active { border: 2px solid #21c3c5; }
.box.box-tabbed.box-tabbed-action .tabs-anchor li a { padding: 1em; }
.box-tabbed-action-aside { margin-left: auto; }

.box.padding-0.box-tabbed {	}
.box.padding-0.box-tabbed .tabs { margin: -3.4em 0 0 -0.05em; }
.box.padding-1 { padding: 1em; }
.root .box.box-tabbed.box-invisible { padding: 0; background-color: transparent; border: none; box-shadow: none; margin-top: 0; }
.box-tabbed.box-invisible .tabs { margin: 0 0 -0.1em 0; }

.root .box.box-tabbed.box-tabbed-sectionaction { justify-content: center; margin-top: -0.5em; margin-bottom: 3em; }
.root .box.box-tabbed.box-tabbed-sectionaction .tabs li { position: relative; transform: translate(0, 0); transition: transform 150ms; }
.root .box.box-tabbed.box-tabbed-sectionaction .tabs li a,
.root .box.box-tabbed.box-tabbed-sectionaction .tabs li span { padding: 0.75em 2em !important; }
.root .box.box-tabbed.box-tabbed-sectionaction .tabs li span { cursor: default; }
.root .box.box-tabbed.box-tabbed-sectionaction .tabs li span.ui-coming_soon { padding: 0 !important; font-size: 80%; opacity: 0; position: absolute; display: block; width: 100%; text-align: center; transition: opacity 150ms; }
.root .box.box-tabbed.box-tabbed-sectionaction .tabs li.ui-coming_soon:hover { transform: translate(0, -0.6em); }
.root .box.box-tabbed.box-tabbed-sectionaction .tabs li.ui-coming_soon:hover span.ui-coming_soon { opacity: 0.8; }

.box-heading { padding: 1em 0; text-align: center; border-bottom: 1px solid #E9E9E9; }

.box-footer { padding: 1em; text-align: right; background: #f7f9fb; border-top: 1px solid #E9E9E9; }
.box-footer.box-footer-pull { width: 100%; margin-left: -2em; margin-top: 2em; margin-bottom: -2em; padding: 1em 2em; }

.box h3 { font-size: 130%; font-weight: 400; line-height: normal; overflow: hidden; text-overflow: ellipsis; border-bottom: 1px solid #f4f4f4; margin: 0 0 0.5em; padding: 0.5em; }
.box h3 i { font-size: 14px; margin: 0 0.5em 0 0; }

.ui-box-pills { position: absolute; top: 2em; right: 2em; }

.ui-box-icon { width: 5.5em; float: left; margin: 0; }
.ui-box-icon i { font-size: 300%; }
.ui-box-content { margin-left: 5.5em; }
.ui-box-content > h2 { margin-top: 0.4em !important; }

.grid-4x1 { text-align: center; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.grid-4x1 .grid-item { display: inline-block; padding: 1em; background-color: #f9f9f9; border-radius: 1em; box-sizing: border-box; position: relative; border: 2px solid #afe2cb; }
.grid-4x1-img {	}
.grid-4x1-img .fa { font-size: 340%; cursor: default; color: #81bfa3; }
.grid-4x1 h6 { font-size: 160%; margin: 0 0 1em; font-weight: normal; cursor: normal; }
.grid-4x1-footer {	}
.grid-4x1 .grid-item.ui-empty { border-color: transparent; }
.grid-4x1 .grid-item.ui-empty .fa { color: #555459; }

.control-bar { padding: 0.5em; border: 1px solid #e8e8e8; background: #fff; border-radius: 0.25em; margin: 0 0 2em; }
.control-bar-dark { border-color: #d6d6d6; background-color: #e6e6e6; }

/* -- Inline editors -- */
.ql-container + .ql-container { margin-top: 0.5em !important; }
.ql-container.ql-inline { padding: 0; line-height: inherit; font-family: inherit; outline: 1px dotted rgba(0,0,0,0.2); min-height: 19px; overflow: hidden; }
.ql-container.ql-inline:hover,
.ql-container.ql-inline.ql-active { outline: 1px dotted rgba(0,0,0,0.8); }
.ql-container.ql-inline::after { content: '\f044'; font-family: Font Awesome\ 5 Pro; font-size: 14px; line-height: 1; font-weight: 900; font-style: normal; font-size: 11px; text-rendering: auto; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); color: #FFF; position: absolute; top: 0.05em; right: 0.15em; padding: 0.2em; color: rgba(0,0,0,0.8); opacity: 0; }
.ql-container.ql-inline:hover::after,
.ql-container.ql-inline.ql-active::after { opacity: 1; }

/* -- Typography -- */
p { line-height: 22px; white-space: normal; margin: 1em 0; }
h1, h2, h3, h4, h5, h6 { margin: 1em 0; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-weight: 700; color: #555459; letter-spacing: -1px; }
h2 span { font-weight: 300; font-size: 90%; }
h5 { font-size: 140%; margin: 0.5em 0;}
.title-intro, .alertify .ajs-body .ajs-content p.title-intro { margin: 0 0 1em 0; text-align: left; }

.callout { background: #fff; color: #555459; padding: 1em; border-radius: 0.25em; border: 1px solid #e8e8e8; border-left: 4px solid #3aa3e3; margin: 0 0 1em 0; text-align: left; }
.callout.callout-borderless { border-left: 1px solid #e8e8e8; }
.callout-help {	}
.callout-error { border-left-color: #cb5234; }
.callout-success { border-left-color: #21c3c5; }
.callout-stats { border-left-color: #FF9333; }
.callout-warning { border-left-color: #f7ac5c; }
.callout p { margin: 0 0 1em; }
.callout h2 { text-align: left; margin: 0 0 0.5em; font-size: 160%; font-weight: normal; }
.callout-content { background: #f9f9f9; padding: 1em; margin: 1em 0 0; }
.callout-content h6 { font-weight: bold; font-size: 110%; margin: 0 0 0.5em 0; }
.callout-content .msg-block { position: relative; }
.callout-content .msg-block + .msg-block { border-top: 1px solid #e0e0e0; padding-top: 1em; }
.callout-content .msg-block .ui-commission-msg-resolve { position: absolute; top: 0; right: 0; }
.callout-content .msg-block + .msg-block .ui-commission-msg-resolve { top: 1em; }

/* -- Tables -- */
.table {	}
.table-row { border-bottom: 1px solid #f4f4f4; }
.table-row:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }

.table-wrap { background: #fff; }
.table-wrap table { width: 100%; }
.table-wrap thead {	}
.table-wrap thead tr {	}
.table-wrap thead th { text-align: left; color: #555459;	text-transform: uppercase; font-weight: 600; font-size: 100%; padding: 1em; vertical-align: middle; border-bottom: 1px solid rgba(230, 230, 230, 0.7); }
.table-wrap tfoot { display: none; }
.table-wrap tbody {	}
.table-wrap tbody tr { border-bottom: 1px solid rgba(230, 230, 230, 0.3); cursor: default; }
.table-wrap tbody tr:nth-child(odd) { background-color: #fafafa; }
.table-wrap tbody tr:last-child { border-bottom: none; }
.table-wrap tbody tr:hover { background-color: #f4faff; }
.table-wrap tbody td { padding: 1em; }
.table-wrap .action-list { margin: 0; padding: 0; list-style: none; }
.table-wrap .action-list li { display: inline-block; margin: 0 1em 0 0; }
.table-wrap .action-list li:last-child { margin-right: 0; }

table.zebra-table { background: #fafafa; }
table.zebra-table tr:nth-child(2n) { background-color: #f5f5f5; }
table.zebra-table tr td:nth-child(2n) { background-color: #eee; }
table.zebra-table tr td { padding: 5px 10px; }

/* -- Forms -- */
.pure-form.pure-form-stacked label { font-weight: 600; margin: 0; padding: 0; overflow-wrap: break-word; word-wrap: break-word; }
.pure-form.pure-form-stacked label span { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-weight: 300; color: #4e4e4e; text-transform: none; letter-spacing: normal; font-size: 95%; }
.pure-form.pure-form-stacked label span em { font-style: normal; }
.pure-form.pure-form-stacked.pure-form-simple label,
.pure-form.pure-form-stacked label.label-simple { text-transform: none; letter-spacing: normal; font-weight: normal; }

.label-helper { margin: 0 0 1em 0; color: #949494; font-size: 90%; }

.input-buttons { text-align: right; }
.input-buttons input { margin: 0 !important; }
.input-buttons textarea { margin: 0 !important; }
.input-buttons .pure-button { margin: 1em 0 0 0.5em; }
.input-buttons .checkbox,
.input-buttons .radio { float: left; margin: 1.35em 0 0 0; }

.input-dimensions { height: 50px; /* Height is fixed to prevent minor jumping around on embed pages specifically */ }
.input-dimensions input, .input-dimensions input[type="number"] { vertical-align: middle; display: inline-block !important; width: 5em; text-align: center; margin-bottom: 0; }
.input-dimensions b { vertical-align: middle; display: inline-block; padding: 0 0.5em; }

.pure-controls.controls-fluid { text-align: right; margin: 0 0.5em; }
.pure-controls.controls-full { float: right; margin: 0 0.5em; }
.pure-controls.controls-full .pure-button {	}
.pure-controls.controls-full-left { float: left; }
.box .pure-controls.controls-full { float: right; margin: 0 1em 1em; }
.box.padding .pure-controls.controls-full { margin-bottom: 0; }
.pure-controls.controls-fixed { position: absolute; }
.pure-controls.controls-fixed-left { left: 0; }
.pure-controls.controls-fixed-bottom { bottom: 0; }
.pure-controls.controls-fixed-right { right: 0; }

/*.tc.pcr-app[data-theme=nano] .pcr-selection { height: 13em; }
.tc.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette {	}
.tc.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser,
.tc.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity { margin: .7em .6em .6em; }
.tc.pcr-app[data-theme=nano] .pcr-interaction .pcr-type.active { display: none; }
.tc.pcr-app[data-theme=nano] .pcr-interaction .pcr-result { font-size: 13px; margin: -2px 3px 1px; }*/

.tc-2factor {	}
.tc-2factor-setup { border-bottom: 1px solid #ebeff5; padding: 0 0 1em; margin: 0 0 1em; }
.tc-2factor-setup .pure-u-1-3 { padding: 0 1em; box-sizing: border-box; }
.tc-2factor-setup .pure-u-1-3:first-child { padding: 0; }
.tc-2factor-setup .pure-u-1-3:last-child { padding: 0; }
.tc-2factor-step { background: #f7f9fb; margin: 0 0 1em; text-align: center; }
.tc-2factor-step i { font-size: 400%; line-height: 1.5em; }
.tc-2factor-step img { display: block; width: 100%; }
.tc-2factor-step-signin { color: #f19a2f; }
.tc-2factor-step-code { color: #3aa3e3; }
.tc-2factor-step-check { color: #21c3c5; }
.tc-2factor-instruction { margin: 0; text-align: center; font-size: 90%; }
.tc-2factor h6 { margin: 0 0 1em; font-size: 100%; clear: both; text-align: center; }
.tc-2factor p { font-size: 100%; }
.tc-2factor input[type="number"],
.tc-2factor input[type="text"] { width: 10em; text-align: center; margin: 0 auto; }
.tc-2factor input[type="number"]:focus:invalid,
.tc-2factor input[type="text"]:focus:invalid { color: #555459; }
.tc-2factor-code { margin: 0 0 0.25em 0; text-align: center; }
.tc-2factor-code img { display: block; margin: 0 auto; }
.tc-2factor-code-help { color: #4c4c4c; font-size: 100%; margin: 0 0 1em !important; text-align: center; }
.tc-2factor-steps { width: 100%; max-width: 26em; display: block; margin: 0 auto 0.5em; }
.tc-2factor-grid { width: 31.5em; margin: 0 auto; max-width: 100%; }
.tc-2factor .tc-2factor-step1 {	}
.tc-2factor .tc-2factor-step2 { width: 35%; }
.tc-2factor .tc-2factor-step3 { width: 31.5%; }
.tc-2factor-confirm-icon { float: left; width: 25%; margin: 0 1em 2em 0; background: #f7f9fb; text-align: center; }
.tc-2factor-confirm-icon i { font-size: 300%; line-height: 2em; color: #f19a2f; }
.tc-2factor-confirm-instruction { text-align: left !important; color: #2a2a2a !important; }
.tc-2factor-disable { clear: both; }

.avoid-controls { padding-bottom: 2.27em; }

textarea.embed { min-height: 8em; overflow: hidden; overflow-y: scroll; resize: none; }

textarea.large { min-height: 8em; overflow: hidden; overflow-y: scroll; resize: none; }

input[type=number] { -moz-appearance: textfield; }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.pure-form label.checkbox-label { font-weight: 400; padding-left: 3em; }

.toggle { cursor: pointer; display: inline-block; }

.toggle-switch {
	display: inline-block;
	background: #e2e5e8;
	border-radius: 16px;
	width: 40px;
	height: 22px;
	position: relative;
	vertical-align: middle;
	transition: background 250ms;
}

.toggle-switch:before,
.toggle-switch:after { content: ""; }

.toggle-switch:before {
	display: block;
	background: #fff;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 3px;
	left: 4px;
	transition: left 250ms;
}

.toggle:hover .toggle-switch:before {
	
}

.toggle-checkbox:checked + .toggle-switch {
	background: #21c3c5;
}

.toggle-checkbox:checked + .toggle-switch:before {
	left: 20px;
}

.toggle-checkbox {
	position: absolute;
	visibility: hidden;
}

.toggle.toggle-combi { display: inline-block; background: #f9f9f9; padding: 0.5em; border-radius: 0.5em; min-width: 16em; }
.toggle.toggle-combi .toggle-label:first-child { margin: 0 0.5em 0 0; }
.toggle.toggle-combi .toggle-label { min-width: 6em; }
.toggle.toggle-combi .toggle-switch { width: 2.565em; height: 1.41em; border-radius: 1em; }
.toggle.toggle-combi .toggle-switch::before { width: 1.03em; height: 1.03em; left: 0.17em; top: 0.17em; }
.toggle.toggle-combi .toggle-checkbox:checked + .toggle-switch:before { left: 1.3em; }

.toggle.toggle-combi.toggle-combi-inner { background-color: transparent; }
.toggle.toggle-combi.toggle-combi-inner .toggle-label:first-child { text-align: right; }
.toggle.toggle-combi.toggle-combi-inner .toggle-switch { position: relative; top: 0.1em; }
.toggle.toggle-combi.toggle-combi-inner .toggle-switch::before { top: 0.19em; }

.toggle.toggle-combi.toggle-combi-primary {	}
.toggle.toggle-combi.toggle-combi-primary .toggle-switch { background-color: #96A9BD; }
.toggle.toggle-combi.toggle-combi-primary .toggle-checkbox:checked + .toggle-switch { background-color: #3aa3e3; }
.toggle.toggle-disabled { 
	cursor: not-allowed;
	opacity: 0.5;
  }

.toggle-label,
.pure-form.pure-form-stacked label .toggle-label {
	margin-left: 0.5em;
	display: inline-block;
	vertical-align: middle;
	font-weight: normal;
	font-size: 100%;
}

.radio.radio-align-top label:before, .checkbox.checkbox-align-top label:before { top: 0; }
.radio { padding-top: 0.5em; }
.radio, .checkbox {
	margin-bottom: 1em;
	padding-left: 0px;
	position: relative;
	display: block;
	min-height: 1.7em;
}
.radio input[type=radio] {
	display: none;
}
.checkbox input[type=checkbox] {
	display: none;
}
.radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {
	position: absolute;
	margin-top: 4px \9;
	margin-left: -20px;
}
input[type="radio"], input[type="checkbox"] {
	margin-top: 1px 0 0;
	line-height: normal;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input[type=radio], input[type=checkbox] {
	margin: 4px 0 0;
	margin-top: 1px \9;
	line-height: normal;
}
input[type=checkbox], input[type=radio] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}
.radio label {
	margin-bottom: 6px;
}
.radio label, .checkbox label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 32px!important;
	margin-right: 15px;
}
.checkbox label {
	line-height: inherit;
}
.pure-form .radio label, .pure-form .checkbox label,
.radio label, .checkbox label {
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: 400;
	cursor: pointer;
	font-family: inherit;
	text-transform: none;
	letter-spacing: inherit;
	margin-right: 15px;
}
.pure-form .checkbox label {
	transition: border 0.2s linear 0s, color 0.2s linear 0s;
	/*white-space: nowrap;*/
}
/*.pure-form .checkbox label b { font-weight: normal; }*/
.radio label:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	bottom: 0;
	border-radius: 99px;
	-webkit-transition: border 0.3s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
	transition: border 0.3s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
}
.radio label:before, .checkbox label:before {
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-right: 10px;
	position: absolute;
	left: 0px;
	background-color: #FFF;
	border: 1px solid #D0D0D0;
	font-size: 13px;
}
.radio.invisible label, .checkbox.invisible label {
	position: static;
}
.radio.invisible label:before, .checkbox.invisible label:before {
	margin-right: 0;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
}
.radio.invisible label:after, .checkbox.invisible label:after {
	left: 50%;
	transform: translate(-50%, 0);
}
.radio.radio-success input[type=radio]:checked+label:before {
	border-color: #10CFBD;
}
.radio input[type=radio]:checked+label:before {
	border-width: 8px;
}
.checkbox input[type=checkbox]:checked+label:before {
	border-width: 11px;
}
.checkbox label:before {
	border-radius: 3px;
	transition: border 0.2s linear 0s, color 0.2s linear 0s;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.checkbox input[type=checkbox]:checked+label::after {
	font-family: Font Awesome\ 5 Pro; font-size: 14px; font-weight: 900; font-style: normal;
	content: "\F00C";
	color: #FFF;
}
.checkbox label::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px;
	display: inline-block;
	width: 22px;
	height: 22px;
	line-height: 23px;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 11px;
	text-align: center;
	transition: border 0.2s linear 0s, color 0.2s linear 0s;
}
.radio input[type=radio][disabled]+label {
	opacity: 0.65;
}
.checkbox input[type=checkbox][disabled]+label {
	opacity: 0.65;
}
.checkbox.check-primary input[type=checkbox]:checked+label:before, .radio.radio-primary input[type=radio]:checked+label:before {
	border-color: #6D5CAE;
}
.checkbox.check-danger input[type=checkbox]:checked+label:before, .radio.radio-danger input[type=radio]:checked+label:before {
	border-color: #F55753;
}
.checkbox.check-warning input[type=checkbox]:checked+label:before, .radio.radio-warning input[type=radio]:checked+label:before {
	border-color: #F8D053;
}
.checkbox.check-info input[type=checkbox]:checked+label:before, .radio.radio-info input[type=radio]:checked+label:before {
	border-color: #3B4752;
}
.checkbox.check-success input[type=checkbox]:checked+label:before, .radio.radio-success input[type=radio]:checked+label:before {
	border-color: #10CFBD;
}
.checkbox.check-stats input[type=checkbox]:checked+label:before, .radio.radio-stats input[type=radio]:checked+label:before {
	border-color: #FF9333;
}
.checkbox.check-secondary input[type=checkbox]:checked+label:before, .radio.radio-secondary input[type=radio]:checked+label:before {
	border-color: #3aa3e3;
}

.checkbox.check-right {	}
.checkbox.check-right label { margin-right: 0; padding-left: 0 !important; padding-right: 32px !important; }
.checkbox.check-right label::before,
.checkbox.check-right label::after { left: auto; right: 0; margin-right: 0; }

.checkbox.check-fixedwidth {	}
.checkbox.check-fixedwidth label { min-width: 9em; }

.radio.radio-large label:before, .checkbox.check-large label:before {
	width: 2.169em;
	height: 2.169em;
}

.checkbox.check-large label::after {
	width: 2.169em;
	height: 2.169em;
	line-height: 2.5em;
	font-size: 13px !important;
}

.checkbox.check-large input[type=checkbox]:checked+label:before {
	border-width: 14px;
}

.ui-checkbox-logo { display: inline-block; vertical-align: middle; width: 7.7%; height: 3em; line-height: 3em; margin: 0 1.75em 0 0; position: relative; opacity: 0.5; transition: opacity 150ms; text-align: center; }
.ui-checkbox-logo i { font-size: 310%; }
.ui-checkbox-logo img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; margin: 0; position: relative; }
.ui-checkbox { width: calc(100% - 23% - 2em); display: inline-block; vertical-align: middle; }
.ui-checkbox.checkbox label { font-size: 150%; color: #555459; letter-spacing: -1px; }
.ui-checkbox-content { padding-left: 2.7em; }

.ui-checkbox-logo.ui-checkbox-logo-styled { padding: 1em; border-radius: 0.25em; background: #f3f3f3; width: 4.5em; height: 4.5em; line-height: 4.5em; position: relative; }
.ui-checkbox-logo.ui-checkbox-logo-styled div { display: flex; justify-content: center; align-items: center; height: 100%; position: relative; }
.ui-checkbox-logo.ui-checkbox-logo-styled i { font-size: 400%; position: relative; }
.ui-checkbox-logo.ui-checkbox-logo-styled span { position: absolute; left: 0; bottom: 0; width: 100%; text-transform: uppercase; font-size: 80%; padding: 0.5em 0; line-height: normal; background: rgba(0,0,0,0.6); color: #fff; border-bottom-left-radius: 0.25em; border-bottom-right-radius: 0.25em; }
.ui-checkbox-logo.ui-checkbox-logo-styled img { -webkit-filter: grayscale(100%); filter: gray; filter: grayscale(100%); }

.aside { display: block; font-size: 90%; margin: 0 0 0 0.7em; color: #413768; }
.explain { font-size: 80%; margin: 0.5em 0 0 0; color: #929292; }

.info { font-size: 90%; color: #676085; }

.input-time {	}
.input-time input[type="number"] { display: inline-block; font-size: 200%; width: 3em; text-align: center; }
.input-time span { display: inline-block; padding: 0 0.5em; cursor: default; font-size: 150%; }

.radiogroup {	}
.radiogroup > div { display: inline-block; }
.radiogroup input { display: none; }
.radiogroup input[disabled] + label { opacity: 0.5; cursor: not-allowed !important; }
.radiogroup label, .pure-form.pure-form-stacked .radiogroup label { font-family: inherit; text-transform: none; letter-spacing: normal; font-weight: normal; background: #f9fafb; border-radius: 3px; margin: 0; font-size: 100%; padding: 0.53em; }
.radiogroup > div:last-child label { margin-right: 0; }
.radiogroup input:checked + label, .pure-form.pure-form-stacked .radiogroup input:checked + label { background-color: #48B0F7; color: #fff; }
.radiogroup input:checked + label span, .pure-form.pure-form-stacked .radiogroup input:checked + label span { color: #fff; font-weight: normal; }

.radiogroup.radiogroup-subtle label, .pure-form.pure-form-stacked .radiogroup.radiogroup-subtle label { background: #fff; }
.radiogroup.radiogroup-subtle input:checked + label, .pure-form.pure-form-stacked .radiogroup.radiogroup-subtle input:checked + label { background-color: #f7f7f7; color: #626262; }
.radiogroup.radiogroup-subtle input:checked + label span, .pure-form.pure-form-stacked .radiogroup.radiogroup-subtle input:checked + label span { color: #626262; }

.radiogroup.radiogroup-size {	}
.radiogroup.radiogroup-size label { display: inline-block; height: 3.14em; width: 3.14em; text-indent: -999px; position: relative; }
.radiogroup.radiogroup-size label::before { content: ""; display: block; position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,0.3); width: 50%; height: 50%; border-bottom-left-radius: 3px; }
.radiogroup.radiogroup-size input[value="medium"] + label::before { width: 70%; height: 70%; }
.radiogroup.radiogroup-size input[value="full"] + label::before { width: 90%; height: 90%; }
.radiogroup.radiogroup-size input[value="portrait"] + label::before { width: 55%; height: 75%; top: 12.5%; left: 22.5%; border-radius: 3px;}
.radiogroup.radiogroup-size input[value="landscape"] + label::before { width: 75%; height: 55%; top: 22.5%; left: 12.5%; border-radius: 3px; }
.radiogroup.radiogroup-size input[value="left"] + label::before { width: 80%; height: 30%; left: 10%; top: 20%; border-radius: 3px; }
.radiogroup.radiogroup-size input[value="left"] + label::after { content: ""; display: block; position: absolute; background: rgba(0,0,0,0.3); width: 40%; height: 20%; top: 60%; border-radius: 3px; }
.radiogroup.radiogroup-size input[value="right"] + label::before { width: 80%; height: 30%; right: 10%; left: initial; top: 20%; border-radius: 3px; }
.radiogroup.radiogroup-size input[value="right"] + label::after { content: ""; display: block; position: absolute; background: rgba(0,0,0,0.3); right: 10%; width: 40%; height: 20%; top: 60%; border-radius: 3px; }

.radiogroup-large {	}
.radiogroup-large label { margin: 0; padding: 0.75em; cursor: pointer; display: block; }
.radiogroup-large label img { display: block; margin: 0; max-width: 100%; }
.radiogroup-large .fa { display: block; margin: 0 auto 0 auto; font-size: 300%; }
.radiogroup-large span { display: block; margin: 0.75em 0 0 0; text-align: center; font-weight: normal !important; color: inherit !important; }
.radiogroup-large span.aside { font-size: 75%; }

.radiogroup-modern {	}
.radiogroup-modern label, .pure-form.pure-form-stacked .radiogroup-modern label { background-color: inherit; border-bottom: 2px solid transparent; border-radius: 0; position: relative; }
.radiogroup-modern label img { max-width: 8.889em; margin: 0 auto; }
.radiogroup-modern label .fa,
.radiogroup-modern label .ui-preview-container { opacity: 0.7; transform: scale(0.9); transition: opacity 150ms, transform 150ms; }
.radiogroup-modern input:checked + label, .pure-form.pure-form-stacked .radiogroup-modern input:checked + label { color: inherit; background-color: inherit; }
.radiogroup-modern input:checked + label span, .pure-form.pure-form-stacked .radiogroup-modern input:checked + label span { font-weight: bold !important; }
.radiogroup-modern input:checked + label .fa, .pure-form.pure-form-stacked .radiogroup-modern input:checked + label .fa,
.radiogroup-modern input:checked + label .ui-preview-container, .pure-form.pure-form-stacked .radiogroup-modern input:checked + label .ui-preview-container { opacity: 1; transform: scale(1); border-color: #22c3c5 !important; }
.radiogroup-modern input:checked + label::after { content: ""; height: 2px; position: absolute; bottom: 0; width: 50%; margin-left: -25%; background: #21c3c6; }
_:-ms-fullscreen, :root .radiogroup-modern input:checked + label::after { width: 100%; margin-left: 0; }

.radiogroup-modern-center {	}
.radiogroup-modern-center > div label { padding-top: 0; }
.radiogroup-modern-center > div label span { text-align: left; padding-left: 0.5em; }
.radiogroup-modern-center input:checked + label::after { margin-left: 0; left: 2.5em; }

.radiogroup-styled {	}
.radiogroup-styled label, .pure-form.pure-form-stacked .radiogroup-styled label { background-color: #f2f8fb; cursor: pointer; border-radius: 0; transition: background-color 150ms, color 150ms; }
.radiogroup-styled label:hover, .pure-form.pure-form-stacked .radiogroup-styled label:hover { background-color: #e7eff3; }
.radiogroup-styled > div:first-child label, .pure-form.pure-form-stacked .radiogroup-styled > div:first-child label { border-top-left-radius: 0.25em; border-bottom-left-radius: 0.25em; }
.radiogroup-styled > div:last-child label, .pure-form.pure-form-stacked .radiogroup-styled > div:last-child label { border-top-right-radius: 0.25em; border-bottom-right-radius: 0.25em; }

.radiogroup-learn {	}
.radiogroup-learn label, .pure-form.pure-form-stacked .radiogroup-learn label { background-color: #eff2f7; cursor: pointer; border-radius: 0; transition: background-color 150ms, color 150ms; }
.radiogroup-learn label:hover, .pure-form.pure-form-stacked .radiogroup-learn label:hover { background-color: #e7eff3; }
.radiogroup-learn input:checked + label, .pure-form.pure-form-stacked .radiogroup-learn input:checked + label { box-shadow: 0 0 0px 2px inset #a3b5cc; background-color: #fff; color: #767a80; }
.radiogroup-learn input:checked + label span, .pure-form.pure-form-stacked .radiogroup-learn input:checked + label span { color: #767a80; }
.radiogroup-learn > div:first-child label, .pure-form.pure-form-stacked .radiogroup-learn > div:first-child label {	}
.radiogroup-learn > div:last-child label, .pure-form.pure-form-stacked .radiogroup-learn > div:last-child label {	}

.pure-form.pure-form-stacked .radiogroup-v2 { display: flex; justify-content: center; }
.pure-form.pure-form-stacked .radiogroup-v2 > div { margin: 0 1em 0 0; min-width: 30%; text-align: center; }
.pure-form.pure-form-stacked .radiogroup-v2 > div:last-child { margin-right: 0; }
.pure-form.pure-form-stacked .radiogroup-v2 > div:hover label { border-color: #bfc6ce; }
.pure-form.pure-form-stacked .radiogroup-v2 label { cursor: pointer; border-radius: 0.5em; background: transparent !important; border: 2px solid #dfe3e8; color: #464959 !important; transition: border-color 150ms, color 150ms; }
.pure-form.pure-form-stacked .radiogroup-v2 label i,
.pure-form.pure-form-stacked .radiogroup-v2 label span { color: #464959 !important; transition: color 150ms; }
.pure-form.pure-form-stacked .radiogroup-v2 input:checked + label { border-color: #21c3c5; color: #2a5556 !important; }
.pure-form.pure-form-stacked .radiogroup-v2 input:checked + label i,
.pure-form.pure-form-stacked .radiogroup-v2 input:checked + label span { color: #2a5556 !important; }
.pure-form.pure-form-stacked .radiogroup-v2 label span { display: block; margin: 0.5em 0 0 0; text-align: center; font-weight: normal !important; }

.radiogroup-half { display: flex; }
.radiogroup-half > div { width: 50%; text-align: center; }
.radiogroup-half > div:first-child label, .pure-form.pure-form-stacked .radiogroup-half > div:first-child label { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.radiogroup-half > div + div label, .pure-form.pure-form-stacked .radiogroup-half > div + div label { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.radiogroup.radiogroup-triple { display: flex; margin: 0.25em 0; }
.radiogroup.radiogroup-triple > div { flex: 1; text-align: center; }
.pure-form .radiogroup.radiogroup-triple > div label { border-radius: 0; border-bottom: 3px solid transparent; font-weight: normal; cursor: pointer; padding-top: 0.4em; padding-bottom: 0.386em; }
.pure-form .radiogroup.radiogroup-triple > div label span {	}
.radiogroup.radiogroup-triple > div:first-child label { border-radius: 3px; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.radiogroup.radiogroup-triple > div:last-child label { border-radius: 3px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.pure-form .radiogroup.radiogroup-triple input:checked + label { border-bottom-color: #000; background: #edeff4; color: #626262; }

.radiogroup.radiogroup-equal-heights { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.radiogroup.radiogroup-equal-heights label { width: 100%; box-sizing: border-box; }

.radiogroup.radiogroup-flexible { display: flex; }
.radiogroup.radiogroup-flexible > div { flex: 1 1 0px; text-align: center; }

.divider { position: relative; height: 1px; background: #E8E8E8; margin: 2em 8em; }
.divider span { position: absolute; line-height: 1em; top: -0.7em; width: 4em; left: 50%; margin-left: -2em; text-align: center; background: #fff; padding: 0.25em 0; text-transform: uppercase; color: #7D7D7D; cursor: default; }
.empty-state .divider span { background-color: #f9fafb; }

.block-list { margin: 0; padding: 0; list-style: none; }
.block-list li { padding: 0.5em; border: 1px solid #EFEFEF; border-radius: 0.25em; margin: 0 0 0.5em; position: relative; }
.block-list li:hover { background-color: #f6faff; }
.block-list li:last-child { margin-bottom: 0; }
.ajs-content .block-list { font-size: 11px; }
.block-list.block-list-scrollable { max-height: 63.5em; overflow: scroll; }

body.root .empty-state { text-align: center; padding: 3.87em 3em; border: 1px solid #e8e8e8; border-radius: 0.25em; background: #f9fafb; }
body.root .empty-state h2 { margin: 0 0 0.5em; cursor: default; font-size: 1.5em; color: #555459; }
body.root .empty-state p { width: auto; display: block; margin: 0 0 1em; cursor: default; font-size: 110%; }
body.root .empty-state .hr p { margin: 0; font-size: 100%; display: inline-block; font-size: 85%; background-color: #f9fafb; }
body.root .empty-state .ui-autoresponder-add { float: none; margin: 0; }
body.root .empty-state.empty-state-minor { padding-top: 2em; padding-bottom: 2em; }
body.root .empty-state.empty-state-smallpadding { padding-left: 2em; padding-right: 2em; }

/* -- Hero areas -- */
.hero { padding: 2em; margin: 1em 0; border: 1px solid #e8e8e8; background: #fff; border-radius: 0.25em; box-shadow: 0 1px 0 rgba(0,0,0,.25); }
.hero h2 { font-size: 160%; font-weight: 600; margin: 0 0 1em; color: #3e4852; cursor: default; }
.hero p { font-size: 110%; cursor: default; }

/* -- Tabs -- */
div.nav-tabs {	}
div.nav-tabs-triangle {	}
ul.nav-tabs { margin: 0; padding: 0; list-style: none; }
ul.nav-tabs li { position: relative; display: block; float: left; line-height: 24px; float: left; margin-bottom: -1px; }
ul.nav-tabs li a { text-align: center; position: relative; display: block; text-decoration: none; border: 1px solid rgba(0, 0, 0, 0); line-height: 1.42857143; overflow: visible; border-radius: 0; padding: 0.4em 1em; margin-right: 0; font-weight: 400; color: rgba(98, 98, 98, 0.7); font-size: 16px; min-width: 70px; text-transform: uppercase;}
ul.nav-tabs li.active a { color: #626262; }
ul.nav-tabs li.active a::before { margin-left: -11px; border: 11px solid rgba(0, 0, 0, 0); border-top-color: rgba(0, 0, 0, 0.2); content: ""; height: 0; left: 50%; pointer-events: none; position: absolute; width: 0; z-index: 1; top: 100%; }
ul.nav-tabs li.active a::after { margin-left: -10px; border: 10px solid rgba(0, 0, 0, 0); border-top-color: #F0F0F0; content: ""; height: 0; left: 50%; pointer-events: none; position: absolute; width: 0; z-index: 1; top: 100%; }
.nav-tabs-triangle ul.nav-tabs::after { border-bottom: 1px solid rgba(0, 0, 0, 0.1); width: 100%; position: relative; bottom: 0; clear: both; display: table; content: " "; }
div.nav-tabs .nav-pane.box { padding: 2em 2em 0.5em; display: none; border-top: none; }
div.nav-tabs .nav-pane.box.active { display: block; }

/* -- Search -- */
.ui-search-field[type="search"] { border: none; background: #fff; color: #34495E; line-height: 1.467; padding: 0.7em 3em 0.7em 0.7em; border-radius: 3px; outline: none; width: 100%; display: block; box-sizing: border-box; -webkit-appearance: none; }
.ui-search-field:focus { border-color: #2bc5e1; }
.ui-search-field-icon { position: absolute; right: 1.1em; top: 50%; margin-top: -0.5em; color: #cfd4da; }
.ui-search-field::-webkit-input-placeholder { color: #aaa; }
.ui-search-field:-moz-placeholder { color: #aaa; }
.ui-search-field::-moz-placeholder { color: #aaa; }
.ui-search-field:-ms-input-placeholder { color: #aaa; }

/* -- Preview boxes -- */
.preview { background: #F7FBFC; box-shadow: 0 1px 2px rgba(0,0,0,0.1); border-radius: 2px; padding: 1.5em 0; display: flex; align-items: center; justify-content: center; }
.preview-full { margin: 0 auto 2em; }
.video-preview { position: relative; padding-bottom: 56.25%; height: 0; }
.video-preview iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.preview-block { display: block; height: 1.5em; margin: 0 0 0.5em 0; background: #E6E6E6; }
.preview-block-80 { width: 80%; }
.preview-block-60 { width: 60%; }
.preview-block-40 { width: 40%; }
.preview-block-20 { width: 20%; }
.preview-block-real { margin: 0 0 0.5em 0; display: block; }

/* -- Help boxes and containers -- */
.help-box {	}
.help-video { background: #000; color: #fff; text-align: center; margin: 1em 0; height: 0; padding-bottom: calc((14 / 25) * 100%); position: relative; }
.help-video p { margin: 0; padding: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; width: 100%; }
.help-box .avoid-controls {	}
.payment-notice { clear: both; margin: 1em auto; max-width: 30em; background: #ecf5fc; color: #4f5b83; border-radius: 0.25em; padding: 0.5em; text-align: center; }
.payment-notice .fa { margin-right: 0.5em; color: #B6CEE0; font-size: 160%; vertical-align: middle; }

/* -- Uploaders -- */
.uploader-dropzone {	}
.uploader-dropzone input[type="file"] { display: none !important; }
.uploader-dropzone .uploader-progress { color: #fff; font-size: 90%; padding: 0.1em 1em; background: #21c3c5; margin-top: 0.5em; box-sizing: border-box; min-width: 3.25em; }
.uploader-dropzone .uploader-progress-percent {	}

.uploader.uploader-block { text-align: center; padding: 1em 3em; border: 1px solid #e8e8e8; border-radius: 0.25em; background: #f9fafb; max-width: 70%; margin: 0 auto; min-height: 7em; }
.uploader.uploader-block.ui-empty .uploader-trigger { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);	}
.uploader.uploader-block .uploader-trigger { float: none; margin: 0; position: static; }
.uploader.uploader-block .uploader-preview { width: 100%; background: none; border: none; height: auto; min-height: 5em; }
.uploader.uploader-block .uploader-preview:empty { display: none; }
.uploader.uploader-block .uploader-preview img { position: static; transform: none; max-width: 100%; margin: 1em auto; }
.uploader.uploader-block.ui-empty .uploader-delete { display: none; }

.uploader.uploader-max { max-width: 100%; padding: 1em; }
.uploader.uploader-max .uploader-preview { padding: 0; }

/* -- Progress bar -- */
.progress-bar { height: 2em; position: relative; border-radius: 0.25em; border: 1px solid #ecf0f1; background: #f9f9f9; box-sizing: border-box; }
.progress-bar em { font-style: normal; position: absolute; left: 0.5em; line-height: 2em; color: #3b4752; z-index: 10; font-weight: bold; }
.progress-bar span { position: absolute; top: -1px; left: -1px; padding: 0 1px; height: calc(100% + 2px); background: #d0e8e8; width: 0%; border-radius: 0.25em; transition: width 750ms cubic-bezier(0.22, 0.61, 0.36, 1); max-width: 100%; }

/* -- Switch user menu -- */
.ui-switchuser-user-select { overflow-x: hidden; overflow-y: scroll; max-height: 21.5em; margin: 1em 0; padding: 0; list-style: none; }
.ui-switchuser-user-select li { border: 1px solid #eee; border-radius: 0.25em; padding: 0.5em; transition: border-color 150ms; }
.ui-switchuser-user-select li:after { content: ""; display: table; clear: both; }
.ui-switchuser-user-select li label { margin-right: 0; width: 100%; box-sizing: border-box; font-weight: bold; }
.ui-switchuser-user-select li label::before { margin-top: 1em; }
.ui-switchuser-user-select li label::after { margin-top: 1.25em; }
.ui-switchuser-user-select li i { display: block; font-style: normal; font-weight: normal; font-size: 80%; margin: 0.5em 0 0 0; cursor: default; }
.ui-switchuser-user-select .ui-switchuser-user-field { display: block; cursor: default; }
.ui-switchuser-user-select .ui-switchuser-user-username { font-size: 90%; }
.ui-switchuser-user-select .ui-switchuser-user-actions { float: right; margin-top: 0.4em; }
.ui-switchuser-user-select li .ui-switchuser-user-thumb { float: left; margin: 0 0.85em 0 0; width: 3em; height: 3em; border-radius: 0.25em; }
.ui-switchuser-user-select li + li { margin-top: 0.5em; }
.ui-switchuser-user-select li:hover { border-color: #d0d0d0; }
.ui-switchuser-user-select li.active { border-color: #10CFBD; }

/* -- Rules editor -- */
.tc-rules {	}
.tc-rules.tc-rules-list { font-size: 14px; }
.tc-rules-item { display: flex; align-items: center; border-radius: 0.25em; background: #fff; border: 1px solid transparent; padding: 0.5em; transition: background-color 150ms, border-color 150ms; }
.tc-rules-item:hover { background: #fbfbfa; border-color: #e8e8e8; }
.tc-rules-item + .tc-rules-item { margin-top: 1em; }
.tc-rules-item-description { padding-right: 1em; line-height: 1.8; color: #555459; }
.tc-rules-item-description .tc-rules-item-description-cond { background-color: #f1f7f9; color: #617075; padding: 0.1em 0.25em 0.25em; border-radius: 0.25em; vertical-align: baseline; }
.tc-rules-item-description .tc-rules-item-description-actn { background-color: #deeef3; color: #617075; padding: 0.1em 0.25em 0.25em; border-radius: 0.25em; vertical-align: baseline; }
.tc-rules-item-actions { margin-left: auto; display: flex; min-width: 10.25em; }
body.root .tc-rules-item-actions .pure-button { flex-grow: 1; }
.tc-rules-item .ui-rules-edit { margin-left: auto; }
.tc-rules-rule {	}
.tc-rules-rule h1 { font-size: 120%; margin: 0 0 0.5em 0; }
.tc-rules-rule-actions:not(:empty) { margin-top: 1em; padding-right: 0.5em; text-align: right; }
.tc-rule {	}
.tc-rule-matches {	}
.tc-rule-match { border-left: 4px solid #21c3c5; padding: 0 0 0 0.5em; }
.tc-rule-match + .tc-rule-match { margin-top: 2em; }
.tc-rule-match h6 { font-size: 100%; margin: 0 0 0.5em; }
.tc-rule-condition { display: flex; align-items: center; background: #f1f7f9; padding: 1em 1.25em; }
.tc-rule-condition + .tc-rule-condition { margin-top: 0.5em; }
.tc-rule-condition-actns { margin-left: auto; }
.tc-rule-match-actns { margin-top: 1em; }
.tc-rule-actns { margin-top: 1.5em; padding-left: calc(0.5em + 4px); }

.tc-rule-actions { margin: 1.5em 0 0; padding: 1.5em; background: #f9f9f9; margin-left: -24px; margin-right: -24px; margin-bottom: -16px; }
.tc-rule-actions .empty-state { background-color: #fff; }
.tc-rule-actions[data-action_count="1"] .ui-rules-remove_action { display: none; }
.tc-rule-action { display: flex; align-items: center; padding: 0 1.25em 0 0.75em; }
.tc-rule-action-actns { margin-left: auto; }
.tc-rule-action + .tc-rule-action { margin-top: 0.5em; }
.tc-rule-action-desc {	}
.tc-rule-actions-actns { margin-top: 0.5em; padding-left: calc(0.5em + 3px); }

body.root .ui-rules-fixed-add_condition { min-width: 6em; }
body.root .ui-rules-fixed-add_match { min-width: 6em; }
body.root .ui-rules-fixed-add_action { min-width: 6em; }
body.root .ui-rules-fixed-button { min-width: 5em; }

#tc-rules-condition-config-target { position: relative; }
#tc-rules-condition-config-target.ui-loading-tiny-spinner { min-height: 4em; }
#tc-rules-action-config-target { position: relative; }
#tc-rules-action-config-target.ui-loading-tiny-spinner { min-height: 4em; }

.tc-rules-option_grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 2em; grid-row-gap: 2em; grid-auto-rows: 1fr; margin-bottom: 1em; }
.tc-rules-option_grid-item { cursor: pointer; padding: 1em 0.5em; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: background-color 150ms, border-color 150ms, border-width 150ms, box-shadow 150ms; background: #FFFFFF; border: 1px solid #F0F0F0; box-shadow: 1px 1px 0 0 rgba(243,243,243,0.50); border-radius: 0.5em; }
.tc-rules-option_grid-item:hover { box-shadow: 1px 1px 8px 0 rgba(212, 212, 212, 0.5), inset 0 0 0 1px #848f9c; border-color: #848f9c; }
.tc-rules-option_grid-item.active { box-shadow: 1px 1px 5px 0 rgba(158, 158, 158, 0.3), inset 0 0 0 1px #848f9c; border-color: #848f9c; }
.tc-rules-option_grid-item:hover .tc-rules-option_grid-item-icon,
.tc-rules-option_grid-item.active .tc-rules-option_grid-item-icon {	}
.tc-rules-option_grid-item.coming_soon { background-color: #f9f9f9; cursor: default; }
.tc-rules-option_grid-item.coming_soon i { color: #c3c3c3; }
.tc-rules-option_grid-item.coming_soon img { opacity: 0.3; }
.tc-rules-option_grid-item.coming_soon .tc-rules-option_grid-item-name { color: #c3c3c3; }
.tc-rules-option_grid-item.coming_soon .tc-rules-option_grid-item-coming_soon { font-weight: normal; letter-spacing: normal; font-size: 75%; margin: 0; color: #999; }
.tc-rules-option_grid-item-icon { text-align: center; margin: 0 0 0.5em; }
.tc-rules-option_grid-item-icon i { font-size: 160%; color: #7fa1b5; }
.tc-rules-option_grid-item-icon img { display: block; width: 100%; max-width: 3em; max-height: 3em; }
.tc-rules-option_grid-item-name { margin: 0; font-size: 90%; letter-spacing: normal; text-align: center; color: #8C8C8C; }

.ui-input-affiliate_search { position: relative; }
.ui-input-affiliate_search-clear { cursor: pointer; position: absolute; top: 50%; right: -1.5em; transform: translateY(-50%); font-size: 140%; opacity: 0; transition: right 150ms, opacity 90ms; }
.ui-input-affiliate_search.ui-locked {	}
.ui-input-affiliate_search.ui-locked input { background-color: #f9f9f9 !important; color: #647284 !important; font-weight: bold; cursor: default; }
.ui-input-affiliate_search.ui-locked .ui-input-affiliate_search-clear { right: 0.2em; opacity: 0.6; }

/* -- Searchable lists -- */
.ui-search_list {	}
.ui-search_list-controls { display: flex; align-items: center; justify-content: center; padding: 1.5em; }
.ui-search_list-controls > div { flex-grow: 1; margin: 0 0.5em; box-sizing: border-box; }
.ui-search_list-controls > div:first-child { margin-left: 0; }
.ui-search_list-controls > div:last-child { margin-right: 0; }
.ui-search_list-controls .ui-search_list-control-query {	}
.ui-search_list-controls .ui-search_list-control-query input { font-size: 100%; padding: 0.68em; border-color: #D3D3D3; }
.ui-search_list-controls .ui-search_list-control-query input:focus { box-shadow: none; border-color: #b3b3b3; }
.ui-search_list-controls .ui-search_list-control-type { max-width: 15em; }
.ui-search_list-controls .ui-search_list-control-date { max-width: 13em; }
.ui-search_list-controls .ui-search_list-control-actions { display: flex; max-width: 12em; }
.ui-search_list-controls .ui-search_list-control-actions .pure-button { width: 100%; }
.ui-search_list-controls .dropdown { border-color: #D3D3D3; }

.ui-search_list-control-date #stats-date-range-type-custom-wrap { position: absolute; padding-right: 2em; top: 0; width: calc(100% - 0.5em - 1px); height: calc(100% - 2px); box-sizing: border-box; margin: 1px 0 0 0.5em; border: 1px solid transparent; border-left: none; background: #fff; border-radius: 0.5em; }
.ui-search_list-control-date #stats-date-range-type-custom-wrap:before { content: ""; display: block; position: absolute; width: 0.5em; height: 1px; top: 50%; left: 50%; background: #c5c5c5; margin-left: -1.75em; }
.ui-search_list-control-date #stats-date-range-type-custom-wrap input { border: none; width: 50%; margin: 0; background: transparent; border: 1px solid transparent; border-radius: 0; padding: 0.43em 0.4em; height: 2.4em; font-weight: bold; font-size: 100%; color: #747e87; }
.ui-search_list-control-date #stats-date-range-type-custom-wrap input:focus { box-shadow: none; }
.ui-search_list-control-date #stats-date-range-type-custom-clear { position: absolute; right: 0.5em; top: 50%; margin: -8px 0 0 0; color: #5c6064; font-size: 1.4em; cursor: pointer; }

.ui-search_list-stat_cards { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 2em; grid-row-gap: 2em; margin: 1.5em 0 0 0; }
.ui-search_list-stat_card { flex-grow: 1; display: flex; justify-content: center; align-items: center; background: #FFFFFF; border: 2px solid #F0F0F0; box-shadow: 1px 1px 0 0 rgba(239,239,239,0.50); border-radius: 5px; padding: 2.2em 1em; box-sizing: border-box; transition: border-color 150ms; cursor: pointer; }
.ui-search_list-stat_card:hover { border-color: #d6d6d6; }
.ui-search_list-stat_card.active { border-color: #B8B8B8; }
.ui-search_list-stat_card .ui-search_list-stat_card-icon { max-width: 2.8em; margin-right: 1.5em; }
.ui-search_list-stat_card .ui-search_list-stat_card-icon img { display: block; width: 100%; }
.ui-search_list-stat_card .ui-search_list-stat_card-content {	}
.ui-search_list-stat_card .ui-search_list-stat_card-content h5 { margin: 0; letter-spacing: normal; color: #757575; font-weight: bold; text-align: center; font-size: 120%; }
.ui-search_list-stat_card .ui-search_list-stat_card-content h6 { margin: 0; letter-spacing: normal; color: #8C8C8C; font-weight: bold; text-align: center; font-size: 100%; }
.ui-search_list-stat_card[data-filter_type="active"] h5 { color: #29B0B1; }
.ui-search_list-stat_card[data-filter_type="suspended"] h5 { color: #B25B41; }
.ui-search_list-stat_card[data-filter_type="expired"] h5 { color: #B1B2B3; }

.ui-search_list-list { margin: 1.5em 0 0 0; }
.ui-search_list-results { padding: 0; }
.ui-search_list-results-list { padding: 0; margin: 0; list-style: none; }

.ui-search_list-results-row { display: flex; align-items: center; padding: 1em; margin: 0; box-sizing: border-box; color: #6F6F6F; color: #6F6F6F; border: 1px solid transparent; transition: background-color 150ms, border-color 150ms; }
.ui-search_list-results-list .ui-search_list-results-row:hover { background: #FBFAFC; }
.ui-search_list-results-row.ui-search_list-results-row-header { font-weight: bold; position: relative; padding: 1em; margin: 0; background: #f5f5f5; }
/*.ui-search_list-results-row.ui-search_list-results-row-header::after { content: ""; display: block; height: 1px; background: #EAEAEA; position: absolute; bottom: 0; left: 1.5em; right: 1.5em; }*/
.ui-search_list-results-row.ui-search_list-results-row-header .ui-search_list-results-col { color: #6F6F6F; }
.ui-search_list-results-col {	}
.ui-search_list-results-col-object { flex-grow: 1; }
.ui-search_list-results-col-object-info { display: flex; align-items: center; }
.ui-search_list-results-col-object-info-img { flex-shrink: 0; width: 3.5em; margin: 0 1.5em 0 0; }
.ui-search_list-results-col-object-info-img img { display: block; width: 100%; }
.ui-search_list-results-col-object-info-content { display: flex; flex-direction: column; }
.ui-search_list-results-row .order-row-customer-name { font-weight: bold; }
.ui-search_list-results-row a:link,
.ui-search_list-results-row a:visited,
.ui-search_list-results-row a:hover,
.ui-search_list-results-row a:active { color: #5385C5; text-decoration: none; }
.ui-search_list-results-col-status { width: 14%; }
.ui-search_list-results-col-date { width: 12%; color: #D0D0D0; }
.ui-search_list-results-col-actions { width: 15%; text-align: right; margin-left: auto; }

.ui-search_list-results-status_marker { display: flex; align-items: center; }
.ui-search_list-results-status_marker::before { content: ""; display: inline-block; width: 0.65em; height: 0.65em; border-radius: 50%; background-color: #999; margin: 0 0.3em 0 0; }
.ui-search_list-results-status_marker-active { color: #29B0B1; }
.ui-search_list-results-status_marker-active::before { background-color: #29B0B1; }
.ui-search_list-results-status_marker-suspended { color: #B25B41; }
.ui-search_list-results-status_marker-suspended::before { background-color: #B25B41; }
.ui-search_list-results-status_marker-expired { color: #B1B2B3; }
.ui-search_list-results-status_marker-expired::before { background-color: #B1B2B3; }

.ui-search_list-results-col-sort { margin: 0 0 0 0.5em; opacity: 0; transition: opacity 150ms; }
.ui-search_list-results-col-sort.active { opacity: 1; }
.ui-search_list-results-col:hover .ui-search_list-results-col-sort { opacity: 1; }
.ui-search_list-results-col-sort-control { cursor: pointer; display: inline-block; vertical-align: middle; width: 9px; height: 5px; background: url(/static/images/chevron_up.png) no-repeat; background-size: contain; }
.ui-search_list-results-col-sort-desc { background-image: url(/static/images/chevron_down.png); }
.ui-search_list-results-col-sort-control.active { display: none; }

.students-sort.students-sort-post { margin: 1.5em 0 0 0; }

/* -- Modal windows -- */
.alertify .ajs-commands button { display: none !important; }
.alertify .ajs-dialog.tc-modal-switchuser.ui-loading .loading-box { height: 16em; display: flex; align-items: center; justify-content: center; }
.alertify .ajs-dialog.tc-modal-switchuser.ui-loading .loading-box span { display: none; }
.alertify .ajs-dialog.tc-modal-switchuser.ui-loading .loading-box i { display: block; width: 80px; height: 80px; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 40px; border: solid 10px rgba(0, 0, 0, 0.2); border-top-color: #000; margin: 0 auto; -webkit-animation: spin 1s infinite linear; }

.alertify .box.box-tabbed .tabs li { padding: 0.7em 1em; font-size: 100%; }
.alertify .box.box-tabbed .tabs li i { display: inline-block; margin: 0 0.5em 0 0; font-size: 115%; }
.alertify .box.box-tabbed .pane { display: none; padding: 1em; border: 1px solid #e8e8e8; }
.alertify .box.box-tabbed .pane.active { display: block; }

.alertify .ajs-dialog.tc-modal-gdpr { max-width: 400px; }
.alertify .ajs-dialog.tc-modal-gdpr.ui-loading .loading-box { height: 16em; display: flex; align-items: center; justify-content: center; }
.alertify .ajs-dialog.tc-modal-gdpr.ui-loading .loading-box span { display: none; }
.alertify .ajs-dialog.tc-modal-gdpr.ui-loading .loading-box i { display: block; width: 80px; height: 80px; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 40px; border: solid 10px rgba(0, 0, 0, 0.2); border-top-color: #000; margin: 0 auto; -webkit-animation: spin 1s infinite linear; }
.alertify .ajs-dialog.tc-modal-gdpr .ui-documentation { font-size: 90%; }
.alertify .ajs-dialog.tc-modal-gdpr .ui-documentation .generic-list {	border-bottom: 1px solid #eee; margin: 0 0 1em; }

.alertify .ajs-dialog.tc-modal-genericload.ui-loading .loading-box { height: 16em; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.alertify .ajs-dialog.tc-modal-genericload.ui-loading .loading-box span { margin: 1em 0 0; }
.alertify .ajs-dialog.tc-modal-genericload.ui-loading .loading-box i { display: block; width: 80px; height: 80px; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 40px; border: solid 10px rgba(0, 0, 0, 0.2); border-top-color: #000; margin: 0 auto; -webkit-animation: spin 1s infinite linear; }

.alertify .ajs-dialog.tc-modal-genericloadalt.ui-loading .loading-box { height: 10em; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.alertify .ajs-dialog.tc-modal-genericloadalt.ui-loading .loading-box span { margin: 0 0 1em; }
.alertify .ajs-dialog.tc-modal-genericloadalt.ui-loading .loading-box i { 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; }
.alertify .ajs-dialog.tc-modal-genericloadalt.ui-loading.ui-loading-nospin .loading-box i { display: none; }

.alertify .ajs-dialog.tc-modal-genericwide { max-width: 64em !important; }
.alertify .ajs-dialog.tc-modal-genericwide.tc-modal-nested { max-width: 60em !important; margin: 8.5em auto; }

.alertify .ajs-dialog.tc-modal-evensizing { max-width: 64em !important; padding: 1em 1em 0 1em; }
.alertify .ajs-dialog.tc-modal-evensizing .ajs-header { margin: -0.5em; padding: 16px 1em; }
.alertify .ajs-dialog.tc-modal-evensizing .ajs-footer { margin-left: -1em; margin-right: -1em; padding: 1em; }

.alertify .ajs-dialog .ui-content.tc-modal-maxheight { max-height: 60vh; overflow: scroll; }

.alertify .ajs-dialog.tc-modal-genericwider { max-width: 78em !important; }
.alertify .ajs-dialog.tc-modal-genericwider .ajs-footer { padding: 1.75em; }

.alertify .ajs-dialog.tc-modal-genericslightwide { max-width: 550px !important; }

.alertify .ajs-dialog.tc-modal-learn-edition-upgrade { max-width: 50em !important; margin-top: 6em; }

.alertify .ajs-dialog.tc-modal-genericconfirm { max-width: 470px !important; margin-top: 7.5em; }

.alertify .ajs-dialog.tc-modal-filter { margin-top: 28em; }

.alertify .ajs-dialog.tc-modal-top-offset { margin-top: 8em; }

.alertify .ajs-dialog.tc-modal-twofa { max-width: 31em !important; }
.alertify .ajs-dialog.tc-modal-twofa .ajs-header { white-space: normal; }
.alertify .ajs-dialog.tc-modal-twofa .fa-user-lock { font-size: 500%; color: #d0d6d8; }
.alertify .ajs-dialog.tc-modal-twofa .ui-content { padding: 0 0.5em; margin-bottom: -1em; }
.alertify .ajs-dialog.tc-modal-twofa .ui-content .img { width: 100%; max-width: 7em; }
.alertify .ajs-dialog.tc-modal-twofa .ajs-footer .ajs-buttons.ajs-primary { text-align: center; }
.alertify .ajs-dialog.tc-modal-twofa .tc-2factor-steps { max-width: 20em; }

.alertify .ajs-dialog.tc-modal-genericsimple {	}
.alertify .ajs-dialog.tc-modal-genericsimple .ajs-content { padding-top: 12px; }

.alertify .ajs-dialog.tc-modal-centrecontrols {	}
.alertify .ajs-dialog.tc-modal-centrecontrols .ajs-footer { display: flex; align-items: center; justify-content: center; }
.alertify .ajs-dialog.tc-modal-centrecontrols .ajs-footer .ajs-buttons.ajs-auxiliary { float: none; }
.alertify .ajs-dialog.tc-modal-centrecontrols .ajs-footer .ajs-buttons.ajs-primary { text-align: left; }

.alertify .ajs-dialog.tc-modal-notitle {	}
.alertify .ajs-dialog.tc-modal-notitle .ajs-header { display: none; }
.alertify .ajs-dialog.tc-modal-notitle .ajs-body .ajs-content { padding-top: 0; }

.alertify .ajs-dialog.tc-modal-nofooter .ajs-footer { display: none; }
.alertify .tc-modal-fakefooter { background: #ecf0f1; border-top: #ecf0f1 2px solid; border-radius: 0 0 2px 2px; padding: 15px; margin: 16px -24px -16px -24px; display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-end; }

.alertify .ajs-dialog.tc-modal-shorterbody .ajs-body .ajs-content { padding-top: 12px; }

.alertify .ajs-dialog.tc-modal-pricing_option,
.product_editor .alertify .ajs-dialog.tc-modal-pricing_option { max-width: 48em; }

.alertify .ajs-dialog.tc-modal-evensizing { max-width: 64em !important; padding: 1em 1em 0 1em; }

.alertify .ajs-dialog.tc-modal-slim { max-width: 35em !important; }

.alertify .modal-description { width: 33em; margin: 0 auto; color: #555359; }
.alertify .modal-description p { text-align: left; color: #555359; font-size: 100%; font-weight: 400; }
.alertify .modal-description p.text-minimal { color: #b4bdbf; font-size: 80%; }

.alertify .ajs-dialog.tc-rules_editor { max-width: 46em; }
.alertify .ajs-dialog.tc-rules_options_editor { max-width: 40em; margin-top: 8em; }

.alertify .ajs-dialog.tc-modal-funnel_editor {  }
.alertify .ajs-dialog.tc-modal-funnel_editor .ui-content > .pure-form-stacked > div { min-height: 12em; }
.alertify .ajs-dialog.tc-modal-funnel_editor .ajs-footer .ajs-primary.ajs-buttons .ajs-ok { min-width: 8em; }

.alertify .ajs-dialog.tc-rules_editor-condition,
.alertify .ajs-dialog.tc-rules_editor-action { max-width: 43em; margin-top: 8em; }
.alertify .ajs-dialog.tc-rules_editor-condition .ajs-header,
.alertify .ajs-dialog.tc-rules_editor-action .ajs-header { font-size: 175%; }
.alertify .ajs-dialog.tc-rules_editor-condition .ajs-content,
.alertify .ajs-dialog.tc-rules_editor-action .ajs-content { padding: 2em 0; }
.alertify .ajs-dialog.tc-rules_editor-condition .ql-editor,
.alertify .ajs-dialog.tc-rules_editor-action .ql-editor { font-size: 80%; }
.alertify .ajs-dialog.tc-rules_editor-condition .tagify,
.alertify .ajs-dialog.tc-rules_editor-action .tagify { margin: 0.25em 0; }

/*.alertify .ajs-dialog.tc-rules_editor-condition select,
.alertify .ajs-dialog.tc-rules_editor-action select,
.alertify .ajs-dialog.tc-rules_editor-condition input,
.alertify .ajs-dialog.tc-rules_editor-action input,
.alertify .ajs-dialog.tc-rules_editor-condition .tagify,
.alertify .ajs-dialog.tc-rules_editor-action .tagify { max-width: 20em; }*/

.alertify .ajs-dialog.tc-object_editor { max-width: 600px; }

.alertify .ajs-dialog.tc-image_editor { max-width: 400px; }

.alertify .ajs-dialog.tc-modal-tinyconfirm { max-width: 31em !important; }
.alertify .ajs-dialog.tc-modal-tinyconfirm .ajs-header { display: none; }
.alertify .ajs-dialog.tc-modal-tinyconfirm .ajs-body .ajs-content { padding-top: 0; }
.alertify .ajs-dialog.tc-modal-tinyconfirm .ajs-footer .ajs-buttons.ajs-primary { text-align: center; }
.alertify .ajs-dialog.tc-modal-tinyconfirm.tc-modal-tinyconfirm-offset { margin-top: 13.25em; }
.alertify .ajs-dialog.tc-modal-tinyconfirm.tc-modal-tinyconfirm-extra { max-width: 44em !important; }

p.legal-trademark { text-align: center; font-size: 11px; margin: 0.5em 0 0 0; color: #cacaca; }

.radiogroup-large label .icon-fraud { display: block; margin: 0 auto 0.5em; max-height: 4em; }
.radiogroup-large label i.icon-fraud { margin-top: 0.25em; margin-bottom: 0.25em; }

@-webkit-keyframes rising {
	0% {
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		opacity: 0;
	}

	50% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
		opacity: 1;
	}

	100% {
		-webkit-transform: translateY(50%);
		transform: translateY(50%);
		opacity: 0;
	}
}

@keyframes rising {
	0% {
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		opacity: 0;
	}

	50% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
		opacity: 1;
	}

	100% {
		-webkit-transform: translateY(50%);
		transform: translateY(50%);
		opacity: 0;
	}
}

.ui-jobs-view.active .fa {
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0;
	-webkit-animation: rising 1000ms linear infinite;
	animation: rising 1000ms linear infinite;
}

/* Fixes etc */
.ql-editor .ql-paste-manager { position: static; }

/* Standalone spinner --*/
.loading-box { display: none; }
.loading-box.active { height: 10em; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.loading-box.active span { margin: 0 0 1em; }
.loading-box.active i { 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; }

/*.custom-scrollbar::-webkit-scrollbar {
	width: 10px;
	background-color: #F5F5F5;
}

.custom-scrollbar::-webkit-scrollbar-track {
	border-radius: 10px;
	background: rgba(0,0,0,0.1);
	border: 1px solid #ccc;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: linear-gradient(left, #fff, #e4e4e4);
	border: 1px solid #aaa;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
	background: #fff;
}

.custom-scrollbar::-webkit-scrollbar-thumb:active {
	background: linear-gradient(left, #22ADD4, #1E98BA);
}*/

.custom-scrollbar::-webkit-scrollbar {
	width: 14px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
	background-clip: content-box;
	border: 4px solid transparent;
	border-radius: 7px;
	box-shadow: inset 0 0 0 10px #d0d0d0;
}
.custom-scrollbar::-webkit-scrollbar-button {
	width: 0;
	height: 0;
	display: none;
}
.custom-scrollbar	::-webkit-scrollbar-corner {
	background-color: transparent;
}

/* -- Loader animation --*/
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
#loader-wrap { position: absolute; background: rgba(255,255,255,0.8); width: 100%; height: 100%; top: 0; left: 0; display: none; align-items: center; justify-content: center; z-index: 999; }
@supports (-webkit-appearance:none) { #loader-wrap { position: fixed; } }
_:-ms-input-placeholder, :root #loader-wrap { position: fixed; }
#loader { display: block; width: 60px; height: 60px; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 30px; border: solid 8px rgba(0, 0, 0, 0.2); border-top-color: #000; margin: 0 auto; -webkit-animation: spin 1s infinite linear; }
#loader-wrap p { margin: 0; width: 100%; position: absolute; top: calc(50% + 2.5em); left: 0; text-align: center; font-size: 200%; font-weight: 300; color: #404f66; }

/* -- Highlight animation --*/
@-webkit-keyframes flash-highlight {
	0%	 { background-color: #fff; }
	20%	{ background-color: #f1fbec; }
	100% { background-color: #fff; }
}
@-moz-keyframes flash-highlight {
	0%	 { background-color: #fff; }
	20%	{ background-color: #f1fbec; }
	100% { background-color: #fff; }
}
@-o-keyframes flash-highlight {
	0%	 { background-color: #fff; }
	20%	{ background-color: #f1fbec; }
	100% { background-color: #fff; }
}
@keyframes flash-highlight {
	0%	 { background-color: #fff; }
	20%	{ background-color: #f1fbec; }
	100% { background-color: #fff; }
}

/* -- Error animation --*/
@-webkit-keyframes flash-error {
	0%	 { background-color: #fff; }
	20%	{ background-color: #f9e3db; }
	100% { background-color: #fff; }
}
@-moz-keyframes flash-error {
	0%	 { background-color: #fff; }
	20%	{ background-color: #f9e3db; }
	100% { background-color: #fff; }
}
@-o-keyframes flash-error {
	0%	 { background-color: #fff; }
	20%	{ background-color: #f9e3db; }
	100% { background-color: #fff; }
}
@keyframes flash-error {
	0%	 { background-color: #fff; }
	20%	{ background-color: #f9e3db; }
	100% { background-color: #fff; }
}

@-webkit-keyframes flash-in {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

@keyframes flash-in {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

.flash-in { -webkit-animation: flash-in 750ms; -moz-animation: flash-in 750ms; -o-animation: flash-in 750ms; animation: flash-in 750ms; }

@media (max-width: 1099px) {
	h5 { font-size: 100%; }
}

@media (max-width: 879px) {

}

@media (max-width: 919px) {

}

@media (max-width: 840px) {
	.help-video { margin-right: 0; }

	.table-wrap tbody td { vertical-align: top; }
	.table-wrap .action-list li { display: block; text-align: left; margin: 0; }
}

@media (max-width: 649px) {
	#menu-main li { margin: 0 0.5em 0 0; }
	.box.padding-0.box-tabbed .tabs { margin-top: -3.4em; }
	.box.box-tabbed.box-invisible .tabs { margin: 0 0 -0.1em 0; }
	.box.box-tabbed .tabs { margin: -5.4em 0 2em -2.05em; width: calc(100% + 4em); }
	.box.box-tabbed .tabs li { padding-left: 1em; padding-right: 1em; font-size: 120%; }
	#hero li div { padding-left: 1em; padding-right: 1em; }
}

@media (max-width: 693px) {
	#menu-main a { font-size: 100%; }
	a#menu-main-item-support { display: none; }
}

@media (max-width: 619px) {
	.ui-respond-hide-sm { display: none; }
	.root-app .header h1 { display: none; }
}

@media (max-width: 579px) {
	.header h1 { width: 47px; padding-top: 15px; }
	.header h1 a { width: 47px; height: 40px; background-size: cover; }
	.header .menu-main-wrap { width: calc(100% - 8em - 28px); }

	.box.box-tabbed .tabs li { padding-left: 0.5em; padding-right: 0.5em; font-size: 120%; }

	#menu-main a span { display: none; }
	#menu-main li ul li span { display: inline-block; }
	#menu-main a i { margin: 0; }
}

@media (max-width: 469px) {
	.root .box { padding: 1em; }
	.root .padding-full { padding: 1em !important; }
	.root .box.padding { padding-top: 0; }
	.box.box-tabbed .tabs { margin: -4.5em 0 2em -1.09em; }
	h1, h2, h3, h4, h5, h6 { margin: 0.5em 0; }
	.pure-form.pure-form-stacked label span { display: block; }

	.header h1 { display: none; }
	.header .menu-main-wrap { width: calc(100% - 6em); }
	#menu-main { text-align: left; }
}

@media (max-width: 349px) {
	.pure-button:not(.hidden) + .pure-button { margin-left: 0.5em; }
	html body.root .pure-button, html body.root .button-primary, html body.root .button-success, html body.root .button-error, html body.root .button-warning, html body.root .button-secondary { padding-left: 0.4em; padding-right: 0.4em; }
	html body.root .pure-button i.fa, html body.root .button-primary i.fa, html body.root .button-success i.fa, html body.root .button-error i.fa, html body.root .button-warning i.fa, html body.root .button-secondary i.fa,
	html body.root .pure-button i.far, html body.root .button-primary i.far, html body.root .button-success i.far, html body.root .button-error i.far, html body.root .button-warning i.far, html body.root .button-secondary i.far { margin-right: 0.25em; }
	.pure-controls.controls-full { margin: 0; }
}

@media screen and (max-width: 820px) {
		.pure-u-single-1,
		.pure-u-single-1-1,
		.pure-u-single-1-2,
		.pure-u-single-1-3,
		.pure-u-single-2-3,
		.pure-u-single-1-4,
		.pure-u-single-3-4,
		.pure-u-single-1-5,
		.pure-u-single-2-5,
		.pure-u-single-3-5,
		.pure-u-single-4-5,
		.pure-u-single-5-5,
		.pure-u-single-1-6,
		.pure-u-single-5-6,
		.pure-u-single-1-8,
		.pure-u-single-3-8,
		.pure-u-single-5-8,
		.pure-u-single-7-8,
		.pure-u-single-1-12,
		.pure-u-single-5-12,
		.pure-u-single-7-12,
		.pure-u-single-11-12,
		.pure-u-single-1-24,
		.pure-u-single-2-24,
		.pure-u-single-3-24,
		.pure-u-single-4-24,
		.pure-u-single-5-24,
		.pure-u-single-6-24,
		.pure-u-single-7-24,
		.pure-u-single-8-24,
		.pure-u-single-9-24,
		.pure-u-single-10-24,
		.pure-u-single-11-24,
		.pure-u-single-12-24,
		.pure-u-single-13-24,
		.pure-u-single-14-24,
		.pure-u-single-15-24,
		.pure-u-single-16-24,
		.pure-u-single-17-24,
		.pure-u-single-18-24,
		.pure-u-single-19-24,
		.pure-u-single-20-24,
		.pure-u-single-21-24,
		.pure-u-single-22-24,
		.pure-u-single-23-24,
		.pure-u-single-24-24 {
				display: inline-block;
				*display: inline;
				zoom: 1;
				letter-spacing: normal;
				word-spacing: normal;
				vertical-align: top;
				text-rendering: auto;
		}

		.pure-u-single-1-24 {
				width: 4.1667%;
				*width: 4.1357%;
		}

		.pure-u-single-1-12,
		.pure-u-single-2-24 {
				width: 8.3333%;
				*width: 8.3023%;
		}

		.pure-u-single-1-8,
		.pure-u-single-3-24 {
				width: 12.5000%;
				*width: 12.4690%;
		}

		.pure-u-single-1-6,
		.pure-u-single-4-24 {
				width: 16.6667%;
				*width: 16.6357%;
		}

		.pure-u-single-1-5 {
				width: 20%;
				*width: 19.9690%;
		}

		.pure-u-single-5-24 {
				width: 20.8333%;
				*width: 20.8023%;
		}

		.pure-u-single-1-4,
		.pure-u-single-6-24 {
				width: 25%;
				*width: 24.9690%;
		}

		.pure-u-single-7-24 {
				width: 29.1667%;
				*width: 29.1357%;
		}

		.pure-u-single-1-3,
		.pure-u-single-8-24 {
				width: 33.3333%;
				*width: 33.3023%;
		}

		.pure-u-single-3-8,
		.pure-u-single-9-24 {
				width: 37.5000%;
				*width: 37.4690%;
		}

		.pure-u-single-2-5 {
				width: 40%;
				*width: 39.9690%;
		}

		.pure-u-single-5-12,
		.pure-u-single-10-24 {
				width: 41.6667%;
				*width: 41.6357%;
		}

		.pure-u-single-11-24 {
				width: 45.8333%;
				*width: 45.8023%;
		}

		.pure-u-single-1-2,
		.pure-u-single-12-24 {
				width: 50%;
				*width: 49.9690%;
		}

		.pure-u-single-13-24 {
				width: 54.1667%;
				*width: 54.1357%;
		}

		.pure-u-single-7-12,
		.pure-u-single-14-24 {
				width: 58.3333%;
				*width: 58.3023%;
		}

		.pure-u-single-3-5 {
				width: 60%;
				*width: 59.9690%;
		}

		.pure-u-single-5-8,
		.pure-u-single-15-24 {
				width: 62.5000%;
				*width: 62.4690%;
		}

		.pure-u-single-2-3,
		.pure-u-single-16-24 {
				width: 66.6667%;
				*width: 66.6357%;
		}

		.pure-u-single-17-24 {
				width: 70.8333%;
				*width: 70.8023%;
		}

		.pure-u-single-3-4,
		.pure-u-single-18-24 {
				width: 75%;
				*width: 74.9690%;
		}

		.pure-u-single-19-24 {
				width: 79.1667%;
				*width: 79.1357%;
		}

		.pure-u-single-4-5 {
				width: 80%;
				*width: 79.9690%;
		}

		.pure-u-single-5-6,
		.pure-u-single-20-24 {
				width: 83.3333%;
				*width: 83.3023%;
		}

		.pure-u-single-7-8,
		.pure-u-single-21-24 {
				width: 87.5000%;
				*width: 87.4690%;
		}

		.pure-u-single-11-12,
		.pure-u-single-22-24 {
				width: 91.6667%;
				*width: 91.6357%;
		}

		.pure-u-single-23-24 {
				width: 95.8333%;
				*width: 95.8023%;
		}

		.pure-u-single-1,
		.pure-u-single-1-1,
		.pure-u-single-5-5,
		.pure-u-single-24-24 {
				width: 100%;
		}
}

.product-requires-thrivepay-tooltip, .product-requires-thrive-pay-and-proplus-toolip {
	position: relative;
}

.product-requires-thrivepay-tooltip::after {
	content: "This feature requires the latest version of Stripe.";
	position: absolute;
	bottom: 125%;
	left: 50%;
	transform: translateX(-50%);
	background-color: #333333;
	color: white;
	padding: 5px 10px;
	border-radius: 4px;
	font-size: 14px;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s, visibility 0.3s;
}
.product-requires-thrive-pay-and-proplus-toolip::after {
	content: "This feature requires the latest version of Stripe and a Pro+ licence.";
	position: absolute;
	bottom: 125%;
	left: 50%;
	transform: translateX(-50%);
	background-color: #333333;
	color: white;
	padding: 5px 10px;
	border-radius: 4px;
	font-size: 14px;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s, visibility 0.3s;
}
#show-qr-code-button {
	pointer-events: unset;
	cursor: pointer;
}
.product-requires-thrivepay-tooltip:hover::after, .product-requires-thrive-pay-and-proplus-toolip::hover::after {
	opacity: 1;
	visibility: visible;
}

/* -- Dashboard Reskin Css -- */
.mark-selector::before{
	content: '●';
	color: #02CBC9;
	font-size: 1.5em;
	margin: 0 0.3em 0 0;
}

.mark-selector.darker::before{
	color: #0B4F6C;
}
.mark-selector.none::before{
	content: '|';
	color: #fff;
	margin: 0 -0.5em;
}

.mark-selector.gray::before{
	color: #D7DAE0;
}
.mark-selector.green-1::before{
	color: #A6E7E8;
}
.mark-selector.green-2::before{
	color: #7ADBDC;
}
.mark-selector.green-3::before{
	color: #05A2AA;
}
.mark-selector.green-4::before{
	color: #007B8B;
}
.mark-selector.green-5::before{
	color: #0B4F6C;
}

.tc-dropdown{
	padding: 0.2em 1em !important;
	margin: 0.25em 0;
	position:relative;
}
.tc-dropdown select{
	font-weight:600 !important;
	padding-left: 5px !important;
}
.tc-box{
	margin: 1em 0;
	padding: 0.2em 1em;
	background: #fff;
	border-radius: 10px;        
}

.pure-g > div:first-child .tc-box {
    margin-right: 0.5em;
}
.pure-g > div:last-child .tc-box {
    margin-left: 0.5em;
}
.pure-g > div:not(:first-child):not(:last-child) .tc-box {
    margin: 1em 0.5em;
}

.tc-tabs{
	background-color:#FFF;
	border: 1px solid #E3E6EB;
	border-radius: 10px;
}
.tc-tabs-list{
	background-color:#F5F6F9;
	padding: 0.5em;
	margin-bottom: 0.5em;
	border-radius: 10px;
}
.tc-tabs-list .pure-u-1-5 {
    position: relative;
}

.tc-tabs-list a {
    padding: 0.5em 1em;
    margin: 0.5em;
    border-radius: 10px;
}

.tc-tabs-list .pure-u-1-5:not(:first-child)::before {
    content: '';
    position: absolute;
    top: 10%;
    left: 0;
    height: 80%;
    width: 1px;
    background-color: #E3E6EB; 
}
.tc-tabs-list a.active {
    background-color: #fff;
}
.tc-tabs-list p{
	margin: 0.5em 0 0.2em;
}
.tc-tabs-list h2{
	letter-spacing: normal;margin: 0 0 0.5em;
}
.tc-tabs canvas{
	background-color:#F5F6F9;
	border-radius: 0 0 10px 10px;
}
.tc-flex{
	display:flex;
}
.tc-between{
	justify-content: space-between;
}
.tc-items-center{
	align-items:center;
}

.tc-items-baseline{
	align-items: baseline;
}

.tc-justify-center{
	justify-content: center;
}
.tc-flex.tc-label p{
	margin: 0;
}
.tc-flex.tc-label{
	gap:1em;
	align-items: center;
}

.tc-wrap{
	flex-wrap: wrap;
}

.tc-justify-c-end{
	justify-content: flex-end;
}

.tc-chart-label-color{
	width: 8px;
	height: 8px;
	display: inline-block;
	margin-right: 5px;
	border-width: 2px;
	border-radius: 50%;
}
.tc-custom-tooltip-inner{
	width: 250px;
}

.tc-custom-tooltip-inner .tooltip-row{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0.5em;
}

.tc-box h2, .graph-top h2{
	letter-spacing: normal;
}
.ui-dashboard-head{
	display:flex; justify-content:space-between; align-items: baseline
}
.compare-btn-wrap{
	justify-content: end; align-items: center; display: flex;
}
.hr-small{
	margin: 1em 0;
}
.graph-content{
	padding: 1em;
	position: relative;
	background-color:#fff;
	max-height: 366px;
	overflow: hidden;
	border-radius: 0 0 10px 10px;
}
.graph-content canvas{
	height: 342px !important;
	background:#fff; 
	width:100%
}
.tc-tabs .ui-statistics-graph-wrapper{
	height: 100% !important;
	padding-bottom: 1em;
}
.vis-hidden{
	visibility: hidden;
}
.graph-top{
	background-color: #fff;
	border-bottom: 1px solid #E3E6EB;
	padding: 1em 2em;
	border-radius: 10px 10px 0 0;
}
.graph-top h2{
	margin: 0 !important;
}
.header-light{
	background-color: #fff !important;
	line-height: 64px; 
	min-height: 64px;
}
.header.header-light h1 a { 
	width: 150px; 
	height: 77px; 
	text-decoration: none;
	display: block;
	margin: 0;    
	background:  url(../../../../../static/images/logo-dark.png) no-repeat left center;
	outline: none;
	background-size: contain;
	position: relative; 
	transform: scale(0.98);
	will-change: transform; 
	transform-style: preserve-3d;
	transition: transform 150ms;
}


.header-light #menu-main a i{
	color: rgba(95, 105, 125, 1); 
}
.header-light #menu-main a{
	padding: 0 0.8em;
	line-height: 62px;
}
.header-light #menu-main a i,
.header-dark #menu-main a i {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
}
.header-light #menu-main a i:before:not(#menu-main-item-transactions i, #menu-main-item-learn i) {
	content: '' !important; 
    display: inline-block;
    width: 100%;
    height: 100%;
	background-size: contain; 
	mask-size: contain; 
}

.header-light #menu-main-item-dash i:before {
    -webkit-mask: url('../../assets/space_dashboard.svg') no-repeat center;
    mask: url('../../assets/space_dashboard.svg') no-repeat center;
	mask-size: contain;
	background-color: rgba(95, 105, 125, 1);    
}

.header-light #menu-main-item-prodreports i.tc:before {
	content: "\f0db";
    -webkit-mask: url('../../assets/leaderboard.svg') no-repeat center;
    mask: url('../../assets/leaderboard.svg') no-repeat center;
	mask-size: contain;
	background-color: rgba(95, 105, 125, 1);    
}

.header-dark #menu-main-item-prodreports i.tc:before {
    content: "\f0db";
    -webkit-mask: url('../../assets/leaderboard.svg') no-repeat center;
    mask: url('../../assets/leaderboard.svg') no-repeat center;
    mask-size: contain;
    background-color: #ffffff;
}

.header-light #menu-main-item-products i:before {
    -webkit-mask: url('../../assets/lists.svg') no-repeat center;
    mask: url('../../assets/lists.svg') no-repeat center; 
	mask-size: contain;
	background-color: rgba(95, 105, 125, 1);
}
.header-light #menu-main-item-affiliates i:before {
    -webkit-mask: url('../../assets/partner_exchange.svg') no-repeat center;
    mask: url('../../assets/partner_exchange.svg') no-repeat center;
	mask-size: contain;
	background-color: rgba(95, 105, 125, 1);
}
.header-light #menu-main li.pure-menu-item a:hover i, .header-light #menu-main li.pure-menu-item.active a i { 
	color: #000;
}
.header-light #menu-main li.pure-menu-item a:hover i:before, .header-light #menu-main .active a i:before { 
	 filter: saturate(100%)  brightness(0);
}
.header-light #menu-main li.pure-menu-item{
	line-height: 62px;
	border-bottom: 3px solid transparent;
	transition: border-bottom 0.3s ease;
}
.header-light #menu-main li.pure-menu-item a:hover, .header-light #menu-main li.pure-menu-item.active a{
	background-color: #fff;
}
.header-light #menu-main li.pure-menu-item:hover, .header-light #menu-main li.pure-menu-item.active{
	border-bottom: 3px solid #02CBC9;
}

.header-light ul.menu-main-sub.active li a,
.header-dark ul.menu-main-sub.active li a {
	background-color: #fff !important;
	opacity: 1 !important;
	line-height: normal !important;
	padding: 0.75em 1em !important;
	font-weight: normal;
	vertical-align: middle;
}
.header-light ul.menu-main-sub.active li a span,
.header-dark ul.menu-main-sub.active li a span {
	opacity: 1 !important;
	color: #5b5b5b !important;
	position: relative !important;
	bottom: 0px !important;
	font-size: 100% !important;
	transform: none !important;
	font-weight: normal;
	vertical-align: middle;
}
.header-light ul.menu-main-sub.active li a:hover,
.header-dark ul.menu-main-sub.active li a:hover {
	background-color: #f5f6f9 !important;
}

.header-light .user-box .user-box-avatar-link:hover, #user-box.active {    
	background-color: #fff;
}

.header-light .user-box .user-box-avatar-link i {
	color: #5F697D;
}
.header-light .user-box .user-box-avatar-link:hover i, #user-box.active i {
    color: #000;
}

#menu-main-wrapper-prodreports ul.inaccessible:before {
	border-bottom-color: #F5F6F9;
}

#menu-main-wrapper-prodreports ul.inaccessible li a {
	background-color: #F5F6F9 !important;
}

#menu-main-wrapper-prodreports ul.inaccessible .locked-hint {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}

.text-align-end{
	text-align: end;
	margin: 0 1%;
}
.tc-switch-btn{
	border-color:#5F697D !important; color:#5F697D !important;
}

.date_range.tc-dropdown{
	background: #fff;
    border: 1px solid #edeff2;
    display: flex;
    align-items: center;
	justify-content: space-between;
    width: 100%;
	height: 28px;
    border-radius: 0.25em;
    padding: 0.684em 1em;
    box-sizing: border-box;
    position: relative;
    transition: border-color 150ms;
}

.date_range.tc-dropdown input{
	color: #747e87;
    border: none;
    height: auto;
    font-weight: bold;
    display: inline-block;
    font-size: 100%;
    line-height: normal;
    margin: 0;
    padding: 0 1.75em 0 0;
}
.date_range.tc-dropdown .date_range_clear{
	font-size: 1.4em;
    position: relative;
    top: 0.2em;
    cursor: pointer;
    margin-left: 0.5em;
	align-self: baseline;
}

.product-wrapper{
	display: flex;
	flex-wrap: wrap;
	gap:10px;
	margin-bottom: 10px;
}

.tc-gap-10{
	gap: 10px;
}

.tc-align-baseline{
	align-items: baseline;
}

.tc-badge{
	background-color: #fff;
	color: #5F697D;
	border-radius: 0.5em;
	padding: 0.2em 0.5em;
	font-size: 100%;
	border: solid 1px #D7DAE0;
}

.ajs-cancel.tc-switch-btn{
	font-weight: 600 !important;
}

.filter-modal .tc-badge{
	background-color: #F5F6F9;
}
.filter-modal .tc-badge:hover{
	background-color: #FFF;
	cursor: pointer;
}

.icon-filter {
    display: inline-block;
    width: 1em; 
    height: 1em; 
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-image: url('../../assets/filter_list.svg');
}
.icon-no-data {
    display: inline-block;
    width: 2.5em; 
    height: 2.5em; 
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-image: url('../../assets/package.svg');
}
.icon-coupon {
    display: inline-block;
    width: 3em; 
    height: 3em; 
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-image: url('../../assets/coupon.svg');
}

.tc-table-wrap{
	background-color: #fff;
	border-radius: 10px;
	border: 1px solid #E3E6EB;
	padding: 1em 1.5em;
}

.tc-nowrap{
	white-space: nowrap;
}

.tc-table thead th{
	text-transform: capitalize;
}

.tc-table tbody td{
	vertical-align: baseline;
}
.tc-table tbody{
	border-top: 1px solid #EBEDF2;
	border-bottom: 1px solid #EBEDF2;
}

.tc-table tbody tr{
	border-top: 1px solid #EBEDF2;
	border-bottom: 1px solid #EBEDF2;
	background: #fff !important;
}

.tc-table tbody tr:hover{
	background: #F5F6F9 !important;
}

.tc-table-section{
	width: 100%;
	margin-top: 2em;
}

.tc-table-no-data{
	text-align: center;
	padding: 1em;
}

.tc-table thead th{
	font-weight: normal !important;
	color: #5F697D !important;
}
.tc-table tbody td{
	color:#161825 !important;
}

.tc-table thead th .tc-soon{
	opacity: 0.5;
}
.tc-table tbody td.tc-soon{
	opacity: 0.3;
}

.th-tooltip, .tc-tooltip {
    position: relative;
    cursor: pointer;
}

/* Tooltip */
.th-tooltip::after, .tc-tooltip::after {
    content: attr(data-hover);
    position: absolute;
    top: 100%; 
    left: 12px;
    background-color: #333;
    color: #fff;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    z-index: 100;
    margin-top: 0px;
}

.tc-tooltip::after{
	left: 0;
    transform: translateX(-50%); 
	letter-spacing: normal;
	min-width: 180px;
	text-align: center;
	white-space: normal;
	max-width: 200px;
}

/* Caret */
.th-tooltip::before, .tc-tooltip::before {
    content: '';
    position: absolute;
    top: 100%; 
    left: 30%;
    transform: translateX(-50%) translateY(-100%); 
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #333 transparent; 
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

.tc-tooltip::before {
	left: 50%;
}

.th-tooltip:hover::after,
.th-tooltip:hover::before,
.tc-tooltip:hover::after,
.tc-tooltip:hover::before {
    opacity: 1;
    visibility: visible;
}

@media screen and (max-width: 768px) {
	.tc-tabs-list{
		flex-wrap: nowrap;
		overflow-x: auto;
	}
	.tc-tabs-list .pure-u-1-5{
		min-width: 130px !important;
	}
}

.tc-modal-dashboard-customise {
	max-width: 56em;
	padding: 2em;
}

.tc-modal-dashboard-customise .ajs-header {
	padding-bottom: 1em !important;
	border-bottom: 1px solid #E3E6EB;
	text-transform: uppercase;
}

.tc-modal-dashboard-customise .block-list ul {
	list-style: none;
	padding: 0;
	margin: 1em 0 0;
}

.tc-modal-dashboard-customise .block-list li {
	padding: 1em;
	border: 1px solid #eee;
	border-left: 0;
	border-right: 0;
	transition: background-color 150ms;
	margin-bottom: 0;
}

.tc-modal-dashboard-customise .block-list li:hover {
	background-color: #f8f8f8;
}

.tc-modal-dashboard-customise .tc-checkbox {
	display: flex;
	align-items: center;
	gap: 0.5em;
	cursor: pointer;
}

.tc-modal-dashboard-customise .block-list-hidden {
	opacity: 0;
	transition: opacity 150ms;
}

.tc-modal-dashboard-customise .block-list li:hover .block-list-hidden {
	opacity: 1;
}

.tc-modal-dashboard-customise .ajs-header svg {
	margin-right: 5px;
}

.tc-modal-dashboard-customise .customise-info-box {
	border: 0;
	display: flex;
	background-color: #F2F4F7;
	border-radius: 8px;
	padding: 12px 16px;
	color: #161825;
}

.tc-modal-dashboard-customise .customise-info-box .icon {
	margin-right: 10px;
	font-size: 18px;
	color: #161825;
}

.tc-modal-dashboard-customise .customise-info-box .text {
	line-height: 1.5;
}

.tc-modal-dashboard-customise .ui-checkbox.disabled {
	cursor: not-allowed;
}

.tc-modal-dashboard-customise .ui-checkbox.disabled input[type="checkbox"] {
	cursor: not-allowed;
}

.tc-modal-dashboard-customise .ui-checkbox.disabled label {
	cursor: not-allowed;
}

.tc-modal-dashboard-customise input[type="checkbox"][disabled] {
	pointer-events: none;
}

.tc-checkbox-tooltip {
	display: none;
	position: absolute;
	bottom: calc(100% + 10px);
	left: 10px;
	transform: translateX(-50%);
	background: #161825;
	color: white;
	padding: 8px 12px;
	border-radius: 4px;
	font-size: 13px;
	white-space: nowrap;
	z-index: 1000;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.tc-checkbox-tooltip::after {
	content: '';
	position: absolute;
	bottom: -4px;
	left: 50%;
	transform: translateX(-50%) rotate(45deg);
	width: 8px;
	height: 8px;
	background: #161825;
}

.tc-modal-dashboard-customise .ui-checkbox {
	position: relative;
	width: 100%;
}

.tc-modal-dashboard-customise .ui-checkbox .drag-handle {
	float: right;
	font-size: large;
}

.tc-modal-dashboard-customise .sortable-item.dragging {
	cursor: move;
	border-bottom: 1px solid #10CFBD;
	opacity: 1;
}

.tc-modal-dashboard-customise .ui-checkbox.disabled:hover .tc-checkbox-tooltip {
	display: block;
}

.ui-dashboard {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.tc-stats-section, .tc-w-100 {
	width: 100%;
}
.tc-w-80 {
	width: 80%;
}

.tc-modal-generic .ajs-header{
	display: flex;
	align-items: center;
	text-transform: uppercase;
	color: #5F697D !important;
	border-bottom : 1px solid #EBEDF2;
	padding-bottom: 1em !important;
}
.tc-modal-generic .ajs-header p{
	font-weight: 600;
	font-size: 0.7em;
	letter-spacing: normal;
	line-height: 0;
	margin: 0;
}

.tc-modal-generic h2{
	margin: 0.5em 0;
	font-size: 1.2em;
	font-weight: 600;
}
.tc-modal-generic label{
	font-weight: normal !important;
	color: #5F697D;
}

.tc-pointer-none{
    pointer-events:none;
}

/* -- Banners -- */
.banner {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.325em;
	height: auto;
	opacity: 1;
	margin: 0;
	transition: all 0.3s ease;
}

.banner.banner-removing {
	height: 0 !important;
	opacity: 0;
	padding: 0;
	margin: 0;
}

.banner-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 64em;
	width: 90%;
	margin: 0 auto;
}

.banner p {
	color: white;
	font-size: 88%;
	font-weight: 600;
	padding: 0;
	margin: 0;
}

.banner a {
	color: white;
	text-decoration: none;
}

.banner-close {
	cursor: pointer;
	color: white;
	margin-left: 1em;
	opacity: 0.8;
	transition: opacity 0.2s ease;
}

.banner-close:hover {
	opacity: 1;
}

.tc-report-tabs {
	margin-top: 20px;
}

.tc-report-tab-list {
	list-style: none;
	padding: 0;
	margin: 0;
	border-bottom: 2px solid #E3E6EB;
}

.tc-report-tab-list li {
	display: inline-block;
	margin-bottom: -2px;
}

.tc-report-tab-list li a {
	display: block;
	padding: 10px 15px;
	text-decoration: none;
	color: #666;
	border-bottom: 2px solid transparent;
	background: none;
}

.tc-report-tab-list li.active a {
	color: #333;
	border-bottom: 2px solid #02CBC9;
	font-weight: 600;
	background: none;
}

.tc-report-tab-content {
	padding: 20px 0;
	background: none;
}

.tc-report-tab-pane {
	display: none;
	background: none;
}

.tc-report-tab-pane.active {
	display: block;
	background: none;
}

/* Remove button backgrounds */
.tc-report-tab-content button,
.tc-report-tab-pane button {
	background: none;
}

.tc-report-tab-pane h2 {
	margin: 14px 0;
	line-height: 28px;
}

.tc-report-tab-pane .tc-report-tab-pane-section {
	margin-bottom: 40px;
}

.tc-report-tab-pane .tc-stats-card-stack {
	/* expand stack to full width by cancelling nested tc-box margin */
	margin-left: -8px;
	margin-right: -8px;

	margin-bottom: calc(40px - 1em);
}

.tc-report-tab-pane .tc-stats-card-stack:last-child {
	margin-bottom: 0;
}

.tc-report-tab-pane h2 + .tc-stats-card-stack {
	margin-top: -1em;
}

.tc-report-tab-pane .tc-stats-card-stack .tc-box {
	margin-left: 8px !important;
	margin-right: 8px !important;
}

.report-dropdown {
	align-content: end;
}

.tc-box .tc-badge {
	background-color: #F5F6F9;
	color: #161825;
}


div.nice-select .current:has(+ .nice-select-dropdown .nice-select-search-box):before {
	content: "\f002";
	font-family: "Font Awesome 5 Pro";
	margin-right: .5em;
}

.clear-section {
	font-size: 14px;
	color: #9FA5B1;
	cursor: pointer;
	font-weight: normal;
	margin-left: 8px;
}

.clear-section.has-items {
	color: #02CBC9;
}

.clear-section:before {
	content: '|';
	margin-right: 8px;
	color: #EBEDF2;
	cursor: default;
}

.clear-section:hover.has-items {
	opacity: 0.8;
}

.button.disabled {
	opacity: 0.5;
	cursor: not-allowed;
	pointer-events: none;
}

#stats-tag+.nice-select.disabled,
#stats-tag-parameter+.nice-select.disabled {
	background-color: #F5F6F9;
}

#tpl-product-filter .clear-tag {
	margin-left: 0;
}
 
#source.locked .source-wrap {
	opacity: 0.5;
}

#source.locked .source-wrap > * {
	pointer-events: none;
}


/* -- Funnels Report -- */
.table-wrap-report .tc-pagination {
	margin-top: 1rem;
}

.table-wrap-report .tc-pagination button:disabled {
	color: rgba(159, 165, 177, 1);
	cursor: not-allowed;
}

.table-wrap-report .tc-pagination .page-number {
	padding: 0.7em 1.1em;
	border-radius: 6px;
}

.table-wrap-report .tc-pagination .page-number:hover {
	background-color: rgba(255, 255, 255, 1);
	color: rgba(22, 24, 37, 1);
}

.table-wrap-report .tc-pagination .page-number:not(:last-child):after {
	content: "";
	left: 1.8em;
	position: relative;
	border-right: 1px rgba(215, 218, 224, 1) solid;
}

.table-wrap-report .tc-pagination .page-number.page-number-active {
	background-color: #fff;
	color: rgba(22, 24, 37, 1);
}

.table-wrap-report .tc-pagination .page-ellipsis {
	padding: 0 5px;
	line-height: 32px;
}

.table-wrap-report .tc-justify-right {
	justify-content: right;
}

.table-wrap-report .icon-no-data {
	width: 4.5em;
	height: 4.5em;
	background-image: url(/admin/themes/1.0/assets/select_window.svg);
}

.table-wrap-report .tc-page-numbers {
	display: flex;
	align-items: center;
	gap: 1em;
	border: 1px rgba(215, 218, 224, 1) solid;
	border-radius: 8px;
	padding: 0.3em;
}

.table-wrap-report button.page-number {
	background: unset;
	border: unset;
	color: rgba(95, 105, 125, 1);
}

.table-wrap-report .tc-pagination .page-number.page-number-active {
	background-color: #fff;
	color: rgba(22, 24, 37, 1);
}

.table-wrap-report {
	background: unset;
}

.table-wrap-report table {
	border-collapse: separate;
	border-spacing: 0 1em;
}

.table-wrap-report td {
	border: unset !important;
}

.table-wrap-report td:first-child {
	border-left-style: solid;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	padding-left: 2em;
	color: rgba(95, 105, 125, 1) !important;
}

.table-wrap-report td:last-child {
	border-right-style: solid;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	padding-right: 2em;
}

.table-wrap-report thead th:first-child {
	padding-left: 2em;
}

.table-wrap-report thead th:last-child {
	padding-right: 2em;
}

.table-wrap-report tbody td {
	padding: 1.5em 1em;
}

.table-wrap-report tbody tr:hover {
	box-shadow: 0px 16px 40px 0px rgba(235, 237, 242, 1);
	background-color: rgba(255, 255, 255, 1) !important;
	cursor: pointer;
	z-index: 2;
	position: relative;
}

.table-wrap-report button.next-page, button.prev-page {
	background: none;
	color: rgba(95, 105, 125, 1);
	border: unset;
}

/* Cohort table styles */
#cohort-table td {
	padding: 1em;
	text-align: left;
}

#cohort-table {
	width: 100%;
	border-collapse: collapse;
}

#cohort-table th {
	padding: 1em;
	text-align: left;
	font-weight: 600;
}

#cohort-table td {
	padding: 1em;
	text-align: left;
}

#cohort-table tbody {
	border: unset;
}

#cohort-table tbody tr {
	border: unset;
}

#cohort-table td:not(:nth-child(1)):not(:nth-child(2)) {
	text-align: center;
}

/* Retention color classes */
#cohort-table td.retention-80 {
	background-color: rgba(11, 79, 108, 1);
	color: #fff !important;
}

#cohort-table td.retention-70 {
	background-color: rgba(0, 123, 139, 1);
	color: #fff !important;
}

#cohort-table td.retention-60 {
	background-color: rgba(5, 162, 170, 1);
	color: #fff !important;
}

#cohort-table td.retention-50 {
	background-color: rgba(2, 203, 201, 1);
}

#cohort-table td.retention-40 {
	background-color: rgba(122, 219, 220, 1);
}

#cohort-table td.retention-30 {
	background-color: rgba(166, 231, 232, 1);
}

#cohort-table td.retention-20 {
	background-color: rgba(211, 243, 243, 1);
}

#cohort-table td.retention-0 {
	background-color: rgba(245, 246, 249, 1);
}

#cohort-table td.retention-unknown {
	color: rgba(159, 165, 177, 1) !important;
}

#cohort-table-no-data .icon-no-data {
	background-image: url(/admin/themes/1.0/assets/bar_chart_4_bars.svg);
}


#subs-management-tabs .box.box-tabbed { margin-top: 6.6em; }
#subs-management-tabs .box.box-tabbed .subtabs { list-style: none; padding: 0; margin: -5.49em 0 2em 0em; }
#subs-management-tabs .box.box-tabbed .subtabs li { cursor: pointer; padding: 0.7em 2.14em; font-size: 100%; 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); color: #8c8c8c; text-align: center; }
#subs-management-tabs .box.box-tabbed .subtabs li.active { background: #fff; border: 1px solid #e8e8e8; border-bottom-color: #fff; cursor: default; color: #616161; }
#subs-management-tabs .content-list { margin-top: -15px; }

.select-product-line-margin { margin: 5px 0 5px; }
.product-listing-widget { height: 300px; overflow-y: scroll; }

#widget-products_to_cancel-container .product-listing-widget-card:nth-child(odd),
#widget-upsells_to_cancel-container .product-listing-widget-card:nth-child(odd),
#widget-downsells_to_cancel-container .product-listing-widget-card:nth-child(odd) {
	background-color: #fafafa;
}

.selector-footer-text {
	color: #919191;
}

.selector-footer-text span {
	font-weight: bold;
}

.product-listing-widget-card.product-embed-wrapper .ribbon { left: unset; top:0.5em;}
.product-listing-widget-inner-card { display: flex; flex-direction: row; justify-content: space-between; gap: 10px; }

.disabled {pointer-events: none;}

/* -- Coupon Report -- */
#top-coupons .icon-no-data, #most-sold-products .icon-no-data {
	width: 4.5em;
	height: 4.5em;
	background-image: url(/admin/themes/1.0/assets/coupon.svg);
}
.prodreports h2 {
	font-weight: 600;
}
.tc-breakdown-dot {
	border-width: 2px;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	margin-right: 5px;
	display: inline-block
}

.tc-breakdown-dot.existing-subscribers {
	background-color: rgb(0, 75, 107);
}

.tc-breakdown-dot.new-subscriptions {
	background-color: rgba(2, 203, 201, 1);
}

.tc-breakdown-dot.trial-subscriptions {
	background-color: rgba(166, 231, 232, 1);
}

.tc-breakdown-dot.paused-subscriptions {
	background-color: rgba(235, 237, 242, 1);
}


.tc-soon.pure-u-1, .tc-tooltip{
    position: relative; 
}

.tc-soon .pure-g{
	opacity: 0.3;
}

.tc-soon.pure-u-1[data-msg]::after {
    content: attr(data-msg);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background-color: #333;
    color: #fff;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 100;
    text-align: center;
    width: max-content;
    max-width: 90%;
	opacity: 1 !important; 
}
.disabledQr {
	position: relative;
	opacity: 0.8;
}

.disabledQr::after {
	content: "Unlock this feature with your Pro+ upgrade and our latest compatible version of Stripe.";
	position: absolute;
	bottom: 100%;
	left: 60%;
	transform: translateX(-50%);
	background-color: #333333;
	color: white;
	padding: 5px 10px;
	border-radius: 4px;
	font-size: 14px;
	white-space: nowrap;
	opacity: 1;
	visibility: hidden;
	transition: opacity 0.3s, visibility 0.3s;
}

.disabledQr:hover::after {
	opacity: 1;
	visibility: visible;
}

.pure-controls-bottom {
	clear: both;
	margin-top: 1em !important;
}

.fixed-option {
    margin-top: 2em;
    padding-left: 5px;
}

.ui-dashboard-title {
	display: flex;
	align-items: center;
}

.accrual-tag {
	margin-left: 1em;
	border: 1px rgba(215, 218, 224, 1) solid;
	border-radius: 8px;
	padding: .5em;
	display: flex;
	align-items: center;
	position: relative;
}

.accrual-tag span {
	color: rgba(22, 24, 37, 1);
	border-left: 1px rgba(215, 218, 224, 1) solid;
	margin: 0 .5em;
	padding-left: .5em;
}

.accrual-info {
	cursor: pointer;
}

.accrual-tooltip {
	opacity: 0;
	visibility: hidden;
	background-color: rgb(22, 24, 37);
	border-radius: 8px;
	position: absolute;
	left: 100%;
	top: 50%;
	transform: translateY(-50%);
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: rgb(255, 255, 255);
	padding: .5em 1em;
	pointer-events: none;
	width: 276px;
	z-index: 100;
	margin-left: 10px;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

.accrual-info:hover + .accrual-tooltip {
	opacity: 1;
	visibility: visible;
}

.accrual-tooltip .tooltip-caret {
	position: absolute;
	width: 16px;
	height: 16px;
	background-color: rgba(22, 24, 37, 1);
	left: -6px;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	border-radius: 3px;
}

.gray.disabled, .force-gray.disabled {
	opacity: 0.9;
    color: #cad2d3;
	pointer-events: none;
}

.force-gray {
	color: #cad2d3 !important;
}

.product-link {
  color: #007bff;  
  text-decoration: underline;
  cursor: pointer; 
}

/* Pro-rata info tag and tooltip styles */
.prorata-info-tag-container {
	margin-left: 8px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.prorata-tag {
	background-color: #21c3c5;
	color: white;
	padding: .2em .6em .3em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem;
}

.prorata-tooltip-details {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%) translateY(10px);
	width: 650px;
	background-color: rgba(22, 24, 37, 1);
	color: rgba(255, 255, 255, 1);
	padding: 15px;
	border-radius: 8px;
	z-index: 1070;
	text-align: left;
	line-height: 1.5;
	pointer-events: none;
	transition: opacity 0.2s ease, visibility 0.2s ease;
	margin-top: 8px;
	max-width: 60vw;
}

.prorata-info-tag-container:hover .prorata-tooltip-details {
	visibility: visible;
	opacity: 1;
}

.prorata-tooltip-details::after {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 50%;
	width: 16px;
	height: 16px;
	background-color: rgba(22, 24, 37, 1);
	transform: translateX(-50%) translateY(50%) rotate(45deg);
	border-radius: 3px 0 0 0;
}

/* End Pro-rata info tag and tooltip styles */