html { margin: 0;padding: 0;color: #000;height: 100%;min-height: 100%;font-family: 'IBM Plex Sans', helvetica, arial, serif; /* background-color: #343434; */ }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, blockquote { margin: 0;padding: 0 }
table { border-collapse: collapse;border-spacing: 0 }
fieldset, img { border: 0 }
address, button, caption, cite, code, dfn, em, input, optgroup, option, select, strong, textarea, th, var { font: inherit }
i, em, td i, td em { font-style: italic }
del, ins { text-decoration: none }
li { list-style: none }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-weight: normal }
q:before, q:after { content: '' }
abbr, acronym { border: 0;font-variant: normal }
sup { vertical-align: baseline }
sub { vertical-align: baseline }
legend { color: #000 }
body { position: relative;margin: 0;padding: 0 0 0;font-family: "IBM Plex Sans", helvetica, arial, serif;min-width: 940px;height: 100%;display: flex;min-height: 100%;flex-direction: column;color: var(--slate-600);-webkit-font-smoothing: subpixel-antialiased; }
img { border: none; }
strong { font-weight: 700; }
a:link, a:visited { color: var(--ocean-500);text-decoration: none; }
a:hover { text-decoration: underline; }
.lastchild { margin-bottom: 0;padding-bottom: 0;border-bottom: 0; }
*:focus { outline: 0; }
.clear:after { clear: both;content: " ";display: block;zoom: 1; }
.clearfix { display: block; }
.clearfix:after { content: ".";display: block;height: 0;line-height: 0;clear: both;visibility: hidden;zoom: 1;font-size: 0; }
* html .clearfix { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }
.clearleft { clear: left; }
.clearright { clear: right; }
.wrap { position: relative;width: 100%;overflow: hidden; }

/*-------------------------------------------------------------------------*\
  Root, Landmark Elements & Global Nav
\*------------------------------------------------------------------------*/
#global-root:not(body.stripo_designer #global-root) {
	display: flex;
	flex-direction: row;
	height: 100vh;
}

#global-root header {
	z-index: 12;
}

#global-root header #global-nav-stencil {
	height: 100vh;
	width: 264px;
}

#global-root header #global-navigation a:hover {
	text-decoration: none;
}

#global-root main {
	flex: 1 1 auto;
  overflow: auto;
	width: 100%;
}

body.campaign_new #global-root main {
	overflow: visible;
}

reach-portal .global-nav-popover a:link, a:visited,
reach-portal .global-nav-popover a.is-styled {
	color: var(--slate-600);
	text-decoration: none;
}

/* adding back missing Ember styles */
.w-100 { 
	width: 100%;
}

.ta-center {
	text-align: center;
}


/*-------------------------------------------------------------------------*\
  Login/Logout
\*------------------------------------------------------------------------*/
body.login, body.logout { background: var(--ocean-500);}

body.login .login-pane, body.login .featured-pane {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 50%;
	-moz-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
}
@media screen and (min-width:1024px) {
	body.login .login-pane {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 40%;
		-moz-box-flex: 0;
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
	}
	body.login .featured-pane {
		background: #fff;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 60%;
		-moz-box-flex: 0;
		-ms-flex: 0 0 60%;
		flex: 0 0 60%; }
}

body.login .featured-pane .wrapper {
	max-width: 700px;
	margin: auto;
	width: 100%;
}

body.login .featured-pane .tile {
	width: 50%;
}

@media screen and (min-width:1024px) {
	body.login .featured-pane .tile {
		width: 33.333%;
	}
}


body.login .featured-pane .tile:hover {
	text-decoration: none;
}

body.login .featured-pane .tile .inner {
	height: 100%;
	margin: 4px;
	border: 2px solid var(--ocean-200);
	box-sizing: border-box;
	box-shadow: 0 4px 12px rgba(31, 33, 41, 0.08);
	border-radius: 8px;
	transition: border-color 100ms ease-in, box-shadow 100ms ease-in;
}
body.login .featured-pane .tile .inner:hover {
	border-color: var(--ocean-500);
	box-shadow: 0 14px 22px rgba(31, 33, 41, 0.1);
}

body.login .featured-pane .tile span {
	margin-top: auto;
}

body.login .featured-pane .cta {
	text-decoration: none;
	color: #FFF;
	transition: background-color 100ms ease-in;
}

body.login #rmu { margin-right: 5px; }
body.login .darr, body.login .rarr { content: ""; display: inline-block; height: 0; transition: .3s cubic-bezier(.75,0,.25,1.25); vertical-align: 1px; width: 0; position: relative; transform: translateX(2px); will-change: transform; }
body.login .rarr { border-left-style: solid; border-left-width: .25rem; border-bottom: .25rem solid transparent; border-right: 0 solid transparent; border-top: .25rem solid transparent; }
body.login .hover-link-border.hover-link-border-arrow:after { right: -.3125rem; }
body.login .hover-link-border:focus:after, body.login .hover-link-border:hover:after { border-color: inherit; opacity: 1; transform: translateY(4px); }
body.login .hover-link-border:after { border-bottom: 2px solid; border-color: transparent; bottom: 0; content: ""; display: block; height: auto; left: 0; right: 0; opacity: 0; position: absolute; transition: .3s cubic-bezier(.75,0,.25,1.25); will-change: border-color,opacity,transform; }
body.login .btn:focus>.rarr, body.login .btn:hover>.rarr, body.login .link:focus>.rarr, body.login .link:hover>.rarr { transform: translateX(4px); }
body.login .link, body.login .link:active, body.login .link:focus, body.login .link:hover, body.login .link:link, body.login .link:visited { transition: color .3s ease-in,text-decoration .3s ease-in; }
body.login .ac_col-wrapper { height: 100%;}
body.login .blurb { color: white; font-size: var(--fs-200); line-height: var(--lh-200); margin-bottom: 24px; text-align: center; }
.ac_login_box_container {width:450px;font-family: "IBM Plex Sans", Helvetica, sans-serif;position: relative;top:50%;transform: translateY(-50%);padding-top: 0 !important;}
.ac_login_box_container .ac_login_head {border-radius:6px 6px 0 0;}
.ac_login_box_container .ac_login_box {border:none;background:none;box-shadow: none !important;-moz-box-shadow: none !important;-webkit-box-shadow:none !important;}
.ac_login_box .input_wrap { position: relative;margin-top: 13px;}
.ac_login_box .input_wrap .forgotpass { font-size: 14px;color:var(--slate);position: absolute;top:9px;right: 13px;}
.ac_login_box .ac_input { border: var(--slate-200) 1px solid !important;width:100%;line-height:inherit !important; box-sizing: border-box;}
.ac_login_box .ac_input:focus { border: 1px solid var(--slate-200) !important;}
.ac_login_box .ac_login-logo { display:block;margin: 0 auto 30px auto;}
.ac_login_box .ac_login-lower { font-size: 14px;color:#E1E9F4;font-weight: 600;margin-top:12px;}
.ac_login_box .ac_login-lower .remember { float:left;margin-top: 20px;}

/* Login Error */
.ac_login_error {width: 100%;max-width:100%;margin:0 auto;padding:0 20px;}
.ac_login_error .no-results { font-size:15px;padding:16px;}
.ac_login_error .no-results a { font-weight: bold;}

/* Login Failed */
.ac_login_failed.no-results { padding: 30px;line-height: 150%;color: #776e30;background: #fff3a5; }
.ac_login_failed.no-results a { font-weight: bold;}

/* Logout Screen */
.ac_logout_box_container {width: 1024px;min-width:1024px;margin:0 auto;padding:0 20px;}
.ac_logout_box_container .ac_login-logo { display:block;text-align:center;width: 310px;margin: 0 auto 18px auto;}
.ac_logout_box_container .no-results { font-size:15px;padding:16px;}
.ac_logout_box_container .ac_logout_alert { box-sizing:border-box;text-align:center;width:100%;font-size: 15px;padding: 16px;color:#7c7d54; background: #ebe3a4;line-height:19px; border-radius:5px;}
.ac_logout_box_container .ac_logout_alert a { color: #7c7d54}

/* OIDC & SSO Login Buttons */
body.login .white-button { border: var(--b-100) solid #d4d7dc; border-radius: var(--radii-200); color: #000; display: inline-block; font-size: var(--fs-200); font-weight: var(--fw-regular); height: 44px; padding: 0 10px; text-align: left; width: 100%; }
body.login .white-button:hover { background-color: #eef0f2; text-decoration: none; transition: background-color 100ms ease-in; }
body.login .white-button:active { background-color: #d4d7dc; text-decoration: none; }
body.login .icon-login { display: inline-block;  height: 24px; margin-right: 12px; vertical-align: middle; width: 24px; }
body.login .icon-login.sso { background-image: url("https://d226aj4ao1t61q.cloudfront.net/5we4nswko_sso-login.png"); }
body.login .icon-login.google { background-image: url("https://d226aj4ao1t61q.cloudfront.net/wbc7rtvkj_google-oidc-logo.png"); width: 23px; }
/* OIDC Login */
body.login #oidc-login-google { border: var(--b-100) solid #d4d7dc; border-radius: var(--radii-200); color: #000; display: inline-block; height: 43px; padding-top: 7px; width: 100%; }
body.login #oidc-login-google:hover { background-color: #eef0f2; text-decoration: none; transition: background-color 100ms ease-in; }
body.login #oidc-login-google:active { background-color: #d4d7dc; text-decoration: none; transition: background-color 100ms ease-in; }
body.login #oidc-login-google > img { margin: -2px 18px 0 10px; vertical-align: middle; }

/*-------------------------------------------------------------------------*\
  Structure
\*------------------------------------------------------------------------*/
#uxbody { position: relative;width: 100%;margin: 0 0 50px;padding: 0; /* -64px is the height of #page_header */flex: 1 0 auto;-webkit-flex: 1 0 auto;display: -webkit-flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-direction: column;-webkit-flex-direction: column;-moz-flex-direction: column;font-size: 14px;zoom: 1;vertical-align: top; }
body.deal #uxbody { padding: 0; }
body.old.template #uxbody { padding: 0; }
body.old.campaign_designer #uxbody { padding: 64px 0 0 0;height: 100%;box-sizing: border-box; }
body.old.campaign_designer #uxbody .uxlftcolm { display: initial !important; }
body.template_view.designer2 #uxbody { padding: 64px 0 0 0; }
body.campaign_designer.designer2 #uxbody { padding: 64px 0 0 0; }
body.campaign_designer #designer-content-modal {
    position: fixed;
    top: 0;
    left: 0;
    border: 0;
    z-index: -100;
    max-height: 100vh;
    max-width: 100vw;
    pointer-events: none;
    opacity: 0;
    transition: opacity .1s ease-in;
}

body.campaign_designer #designer-content-modal.show {
    opacity: 1;
    z-index: 100000;
    pointer-events: all;
}

body.overview #uxbody,
body.campaign #uxbody,
body.series_list #uxbody { padding-top: 0; width: calc(100vw - 249px); }

body.field h1 .selectdropdown {display:inline; position:relative;}
#uxbody .fullboard {min-height:450px; margin-right:0; padding:20px; background: #FFF; border:1px solid #e0dfdb; -moz-box-shadow:3px 3px 4px #e0dfdc; -webkit-box-shadow:3px 3px 4px #e0dfdc; box-shadow:3px 3px 4px #e0dfdc;}

.uxlftcolm { position: relative;flex-grow: 1;padding: 87px 23px 23px 23px;background: #FFF;width: auto;min-width: 920px;vertical-align: top; }
.uxlftcolm #body_table { position: relative;min-width: 740px;width: 100%;height: auto; }
/* Reset or remove left padding for specific pages */
body.integration  #uxbody .uxlftcolm {
	padding: 0;
}
body.contact_view .uxlftcolm,
body.old.list .uxlftcolm,
body.old.import .uxlftcolm,
body.old.template_request .uxlftcolm,
body.old.formarchive_edit .uxlftcolm,
body.field .uxlftcolm,
body.old.personalization .uxlftcolm {
	padding-top: 87px !important;
}
/* Removes margin on import page */
.old.import #uxbody {
	margin-bottom: 0 !important;
}

body.old.template .uxlftcolm {
	padding: 64px 0 0;
}

/* Account Status */
.account_status.notify {
	margin: 100px 23px 23px;
}
body.form .ac_side-menu > ul > ul,
body.form_facebook .ac_side-menu > ul > ul,
body.webhook .ac_side-menu > ul > ul {
	padding-bottom: 120px;
}
body.contact #uxbody,
body.series_list #uxbody,
body.campaign #uxbody {
	/* height: 100%;
	*/
}
body.contact #uxbody .uxlftcolm {
	display: table !important;
	width: 100%;
}
body.contact #uxbody .uxlftcolm #body_table {
	display: table;
	width: 100%;
}

#uxbody .uxlftcolm h5 {margin:0 0 40px; padding:0; font-size:18px; line-height:18px;}
#uxbody .uxlftcolm .tabs, #uxbody .uxlftcolm #tablist {position:relative; text-align:left; border-bottom:1px solid #d6d6d6; list-style-type:none; padding:10px 10px 8px 0; zoom:1; clear:both;}
#uxbody .uxlftcolm .tabs li, #uxbody .uxlftcolm #tablist li {display:inline;}
#uxbody .uxlftcolm .tabs li.active, #uxbody .uxlftcolm #tablist li.currenttab {border-bottom:1px solid #fff; background-color:#fff;}
#uxbody .uxlftcolm .tabs li.active a, #uxbody .uxlftcolm #tablist li.currenttab a {position:relative; padding-bottom:9px; background:#fff!important; font-weight:700; text-shadow:none!important; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.1);}
#uxbody .uxlftcolm .tabs li a, #uxbody .uxlftcolm #tablist li a {margin:0 3px 0 0; padding:8px 14px; background:#eee; border:1px solid var(--slate-200); color:#292929; text-decoration:none; border-bottom:none; border-radius:4px 4px 0 0; text-shadow:1px 1px 0 #eee; cursor:pointer;}
#uxbody .uxlftcolm #tablist li a {padding:8px 6px;}
#uxbody .uxlftcolm #tablist {margin-top:15px!important; padding-left:0!important;}
#uxbody .uxlftcolm #tablist li {margin-right:0!important;}
#uxbody .uxlftcolm .tabs a:hover, #uxbody .uxlftcolm #tablist a:hover {background:var(--slate-200);}
#uxbody .uxlftcolm .pills {position:relative; margin:0; zoom:1; padding:20px 0; overflow:hidden; border-bottom:3px solid #ddd;}
#uxbody .uxlftcolm .pills li a {position:relative; float:left; width:auto; margin:0 3px 0 0; color:#292929; zoom:1; overflow:hidden; padding:0 8px; line-height:35px; border-radius:8px; text-decoration:none;}
#uxbody .uxlftcolm .pills_sub {position:relative; margin:0; zoom:1; padding: 0 20px 20px 0; overflow:hidden; border-bottom:3px solid #ddd;}
#uxbody .uxlftcolm .pills li a:hover {color:#292929; text-decoration:none; text-shadow:1px 1px 0 #eee; background:#eee;}
#uxbody .uxlftcolm .pills .active a {color:#292929; text-shadow:1px 1px 0 #fff; background:#eee; text-shadow:0 1px 1px #eee;}
#uxbody .uxlftcolm .pills_sub li a {position:relative; float:left; width:auto; margin:0 3px 0 0; color:#292929; zoom:1; overflow:hidden; padding:0 8px; line-height:35px; border-radius:8px; text-decoration:none;}
#uxbody .uxlftcolm .pills_sub li a:hover {color:#292929; text-decoration:none; text-shadow:1px 1px 0 #eee; background:#eee;}
#uxbody .uxlftcolm .pills_sub .active a {color:#292929; text-shadow:1px 1px 0 #fff; background:#eee; text-shadow:0 1px 1px #eee;}
#uxbody .uxlftcolm .form_content_outer {position:relative; margin-top:30px; height:100%; overflow:hidden;}
#uxbody .uxlftcolm .formbuilder_options {position:absolute; right:0; height:100%; z-index: 1;}
#uxbody .uxlftcolm .formbuilder_options .save,
#uxbody .uxlftcolm .formbuilder_options .button {width:auto; height:auto; background-color:#e7e7e7; padding:8px 12px; display:inline-block; color:#555; font-weight:600; border:1px solid #c3c3c3; z-index:10; border-radius:3px; text-decoration:none; cursor:pointer; -webkit-transition:0.5s ease; -moz-transition:0.5s ease; -ms-transition:0.5s ease; transition:0.5s ease; box-sizing:border-box; -webkit-transition:background-color .1s linear; -moz-transition:background-color .1s linear; -o-transition:background-color .1s linear; -ms-transition:background-color .1s linear; transition:background-color .1s linear;}
#uxbody .uxlftcolm .formbuilder_options .save:hover, #uxbody .uxlftcolm .formbuilder_options .button:hover {background-color:#d5d5d5;}
#uxbody .uxlftcolm .formbuilder_options .save:active, #uxbody .uxlftcolm .formbuilder_options .button:active {position:relative; top:1px;}
#uxbody .uxlftcolm .formbuilder_options .save span {display:block; padding: 2px 8px 2px 20px; background-image:url('../images/bg_pgrs_save_btn.png'); background-size:14px; background-position:0; background-repeat:no-repeat;}
#uxbody .uxlftcolm .formbuilder_options .saving {position:absolute; top:0!important; right:84px; display:block; margin-top:4px; width:44px; padding:4px 0 4px 20px; background:url('../images/loader4.gif') no-repeat 0 50%; color:#b5b5b5; line-height:18px;}
#uxbody .uxlftcolm .formbuilder_options .delete span {color:#8d8d8d;}

/* Campaign designer */
body.campaign_designer { margin: 0 !important;height: 100%; }
body.campaign_designer #uxbody .uxlftcolm { display: table-cell !important;padding: 23px;padding-top: 100px !important;height: 100%;vertical-align: top;box-sizing: border-box; }
body:not(.old).campaign_new #uxbody .uxlftcolm { display: block !important;padding: 0; }
body.campaign_new .twipsy-inner.full-width { max-width: none; }
body.old.campaign_new #uxbody .uxlftcolm { padding: 30px 0; }
#editordiv { position: relative;margin: 0 auto 0 20px;width: calc(100% - 20px);height: 100%;display: table; }
#editorhtml { position: relative;width: 100%;height: 20px;display: table; }
.switcheditor { display: inline;padding-left: 20px; }
#editordiv .switcheditor { display: inline;padding: 20px; }
.switcheditor span a, .switcheditor span a:visited { color: #ADADAD !important;font-family: "IBM Plex Sans", Helvetica, sans-serif;font-weight: 600;font-size: 14px;line-height: 1.2em;text-decoration: none; }
#messageEditor { display: none; /* display: block !important; */
line-height: initial !important;border-radius: 0 !important;box-sizing: border-box; }
#messageEditor.text-messageEditor { padding: 6px !important; }
#messageEditorContainer { position: absolute;top: 0;left: 0;bottom: 0;right: 0; }

/* Option bar */
.editor-option-container { position:fixed; margin:0; padding:10px 10px 8px 10px;min-height:51px;width:100%!important; background-color: var(--slate-100); box-sizing:border-box;box-shadow: 0 1px 2px rgba(0,0,0, 0.2);z-index: 990; }
.editor-options-right { height: 36px; }
.editor-option { position: relative; color: var(--slate-400);padding: 8px;cursor: pointer;border-radius: 4px;display: inline-block; }
.editor-option:hover { background: var(--slate-200); }
.editor-option.active { color: var(--slate-600); }
.editor-option.icon { width: 21px;height:21px;}
.editor-option.icon i { font-size: 21px;margin-top: -4px;display: block;}
.editor-option.icon i:before { margin: 0 !important;}
.editor-option.editor-insert { font-family: "IBM Plex Sans", Helvetica, sans-serif;font-weight: 600;font-size: 14px;line-height: 1.2em;padding-top: 10px;}
.editor-option.editor-insert .ac-designer-icon-add-square { font-size: 18px;float: left;margin: 0 -3px 0 0 ;}

#attachimg.attached { color: #000; }
#attachimg.attached:after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: rgba(140,140,140,0.3); border-radius: 4px; z-index: -1; }

/* Preview panel */
.preview-panel-toggle {
	position: absolute;
	left: -20px;
	top: 40%;
	background: var(--slate-400);
	padding: 20px 0 20px 10px;
	color: #000;
	cursor: pointer;
	border-radius: var(--radii-200) 0 0 var(--radii-200);
	z-index: 2;
}
.preview-panel-toggle > .icon {
	display: unset;
    position: relative;
	right: 2px;
}
.preview-panel-toggle > .icon::before {
	content: unset;
}
.preview-panel-toggle > .icon.ac-icon-left-open {
	right: 2px;
}
.preview-panel-toggle.closed { left: initial;right: 0;top: 50%;}
#preview-panel .message-preview { height: 100% !important; }

/* Default theme / Dark theme */
.editor-option-container .greybtn.btn { margin:0!important; padding: 6px 8px!important; color: #B6B6B6!important; background: #3F3F3F!important; border: 0 none!important; }
.editor-option-container .greybtn.btn:hover {background: #5E5E5E!important;}
.editor-option-container .right-editor-option .greybtn.btn { padding: 5px 8px!important; border: 0 none!important;}
.editor-option-container .right-editor-option .greybtn.btn [class^="ac-icon"] { font-size:16px!important;}
.right-editor-option { position:absolute; right:12px; top:12px; width:auto; z-index:10; }
.right-editor-option i { font-size:21px; }
.right-editor-option .ac-icon-two-arrow-fill:before { transform:rotate(90deg); }
.theme-editor { position: relative; display: inline-block; margin-right: 20px; top: -3px; }
.theme-editor .button_group { border: 1px solid #adadad; border-radius:5px; box-sizing:border-box; }
.theme-editor .btn { padding: 9px 12px!important; border:0 none!important; border-left: 1px solid #d3d3d3!important; }
.theme-editor .btn:first-child { border-left: 1px solid transparent!important; }
/* Light theme */
.editor-option-container.light { background-color: #d1d1d1!important; }
.editor-option-container.light .right-editor-option .btn { border: 1px solid #b8b8b8!important;}
.editor-option-container.light .theme-editor:after { border-right: 1px solid #dbdbdb!important; }

/*-------------------------------------------------------------------------*\
   Modals
\*------------------------------------------------------------------------*/

/* Revisions (designer) */
#revisions.modal #revision_list { max-height: 400px;overflow-y: auto;}
#revisions.modal #revision_list .ac_lists { display: block;}
#revisions.modal #revision_list table { border-radius: 6px;border-collapse: initial;}
#revisions.modal #revision_list table tr:last-child td { border-bottom: none;}
#revisions.modal #revision_list .thead { background-color: #dadada; }
#revisions.modal #revision_list .table-row { display:table; width: 100%; }
#revisions.modal #revision_list .table-cell { display:table-cell; padding: 12px 15px; border-top: 1px solid #ddd; }
#revisions.modal #revision_list [class^="user-"] { display: inline-block; vertical-align: middle; }
#revisions.modal #revision_list .user-gravatar { position: relative; width: 30px; height: 30px; box-sizing: border-box; border: 1px solid #888; border-radius: 100%; overflow: hidden; }
#revisions.modal #revision_list .user-gravatar img { position: absolute; margin: auto; top:0; right:0; bottom:0; left:0; width: 32px; height: 32px; }
#revisions.modal #revision_list .btn { margin: 0;}
#revisions.modal #revision_list .revision-list-scrollable { max-height:295px; overflow-y:auto; overflow-x:hidden; }

/* Customize link tracking (campaign summary) */
#link_tracking_modal .modal-dialog { width: 700px;}
#link_tracking_modal .ac_lists { display: block;}
#link_tracking_modal .ac_lists table { border-radius: 6px; border-collapse: collapse;}
#link_tracking_modal .ac_lists table th .checklabel span { vertical-align: middle !important;}
#link_tracking_modal .ac_lists table th { color: #5F667E; text-align: left;}
#link_tracking_modal .ac_lists .link_tracking-item { max-width: 100px; width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#link_tracking_modal .ac_lists .link_automations-item { text-align: left;}
#link_tracking_modal .ac_lists .link_tracking-optional_name::placeholder { color: var(--slate-400); }

.modal.campaign_series .modal-dialog { width: 700px; }
.modal.campaign_series .modal-dialog [id*="link_series"] .ac_lists { border-spacing: 0; }
.modal.campaign_series .modal-dialog [id*="link_series_row"] .actions a { font-size: 14px; color: #bbb; text-decoration: none; }
.modal.campaign_series .modal-dialog [id*="link_series_row"] .title { margin-right: 5px; padding: 0!important; width: 500px; font-size: 14px!important; font-weight: normal!important; border: 0 none!important; border-radius: 0!important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }
.modal.campaign_series .modal-dialog [id*="link_series_row"] .link-title-status { vertical-align: middle; }
.modal.campaign_series .modal-dialog [id*="link_series_row"] .actions .ac-icon-remove { font-size: 10px; }
.modal.campaign_series.from_link [id^="link_series_div"] { height: 100%; max-height: 100%; overflow-y: initial; }
.modal.campaign_series.from_link [id^="link_series_div"] .body.table { max-height: 300px; overflow: hidden; overflow-y: auto; }

/* Linked automation modal (campaign summary) */
#linked_automations_modal table { border-collapse: separate; border-spacing: 0 10px; }
#linked_automations_modal .modal-footer { display: flex;  justify-content: space-between; }
#linked_automations_modal .modal-footer:before, .modal-footer:after { content: none; }
#linked_automations_modal .modal-footer:after, .modal-footer:before { content: none; }

/* Open/Read tracking modal (campaign summary) */
#open_read_tracking_modal table { border-collapse: separate; border-spacing: 0 10px; }
#open_read_tracking_modal .modal-footer:before, .modal-footer:after { content: none; }
#open_read_tracking_modal .modal-footer:after, .modal-footer:before { content: none; }

/* Open/Read tracking modal (campaign summary) */
#reply_tracking_modal table { border-collapse: separate; border-spacing: 0 10px; }

/* Remove automation modal (campaign summary) */
#remove-automation-verification div.modal-dialog { width: 600px; }
#remove-automation-verification .modal-footer { display: flex;  justify-content: space-between; }
#remove-automation-verification .modal-footer:before, .modal-footer:after { content: none; }
#remove-automation-verification .modal-footer:after, .modal-footer:before { content: none; }
#remove-automation-verification .back-btn { border: 0; color: var(--ocean-500); }

/* Link series table row item (campaign summary) */
table .link_series_modal_table_row td { border: 1px solid var(--slate-200); padding: 15px 0; }
table .link_series_modal_table_row td:first-child { border-right: none; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
table .link_series_modal_table_row td:last-child { border-left: none; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
table .link_series_modal_table_row .ac-icon { color: var(--slate-500); font-size: var(--fs-400); }
table .link_series_modal_table_row .ac-icon-trash.disabled { color: var(--slate-200); text-decoration: none;}
table .link_series_modal_table_row .ac-icon-pencil:hover { color: var(--ocean-500); text-decoration: none;}
table .link_series_modal_table_row .ac-icon-trash:hover { color: var(--strawberry-500); text-decoration: none; }

/* Personalize Modal */
#personalize .modal-dialog {width:760px;}
#personalize .modal-body {margin:0; padding:0!important; overflow:hidden; width:100%; overflow-y:hidden;position: relative;}
#personalize .modal-body .modal-sidebar { height:500px;}
#personalize .modal-body .modal-sidebar + div { max-height: 500px; overflow-y: auto; }
#personalize .modal-body div#smtoggle {position: absolute; top: 87px; width:434px; margin:-41px auto 20px; padding:8px; border:1px solid #ddd; background-color:#fff; cursor:auto; border-radius:4px; text-align:center; box-sizing: border-box; z-index:1;}
#personalize .modal-body div#smtoggle:before,
#personalize .modal-body div#smtoggle:after { position: absolute; top: -11px; left: 50%; margin-left: -4px; content: ''; width: 0; height: 0; border-width: 8px 8px 8px 0; border-style: solid; border-color: rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); transform: rotate(90deg); z-index: 50; }
#personalize .modal-body div#smtoggle:before { top: -12px; border-color: rgba(0, 0, 0, 0) #C7C7C7 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
#personalize .modal-body div#smtoggle > div {margin:0; padding:0;}
#personalize .modal-body div#smtoggle p {margin:0; padding:0;}
#personalize .modal-body div#smtoggle #message_personalize_surveymonkey_confirmed {margin:10px 0 0!important;}
#personalize .modal-body div#smtoggle #message_personalize_surveymonkey_confirmed0 > p {color:#cc0000;}
#personalize .modal-body .section { overflow-x:hidden!important; }
#personalize .modal-body .section li { cursor: pointer;padding: 14px 23px;font-size: 14px;border-bottom: var(--slate-200) 1px solid; box-sizing: border-box; }
#personalize .modal-body .section li:first-child { box-sizing: border-box; }
#personalize .modal-body .section .app_subitem { display: none; }
#personalize .modal-body .section li:hover { background: #fafafa; }
#personalize .modal-body .section .popover-menu li { padding: 8px!important; }
#personalize .modal-body .section .popover-menu li a { padding: initial!important; }

/* Sender Details Modal (template select) */
#senderDetails.modal fieldset {position:relative; width:100%; margin:0!important; padding:0!important; }
#senderDetails.modal fieldset .from-input-wrap .subject-icon { position: absolute; right: 0; padding: 9px 8px; z-index: 5;}
#senderDetails.modal fieldset .from-input-wrap #subject { padding-right: 34px !important; }
#senderDetails.modal fieldset input[type="text"] {position:relative; margin:0; overflow:hidden;}
#senderDetails.modal fieldset div.set {position:relative; width:100%;height: 34px; margin:0 0 14px; padding:0; }
#senderDetails.modal fieldset div.set span.replylink {position:absolute; display:block; top:5px; right:21px; padding:3px 7px; font-size:11px; color:#c6c6c6; background-color:#f5f5f5; border-radius:3px; z-index:1;}
#senderDetails.modal fieldset div.set .from-input-wrap { /* height: 25px; */width: 49.07% !important;position: relative;padding: 7px 7px 7px 9px!important;display: inline-block;background-color: #fff;line-height: 100%;border: 1px solid var(--slate-200);border-radius: 4px;font: 14px "IBM Plex Sans", Helvetica, sans-serif !important;color: #333 !important;float: left; }
#senderDetails.modal fieldset div.set .from-input { position: relative;padding: 0 !important;width: 203px;display: inline-block;background-color: #fff;line-height: 100%;border: 0 !important;font: 14px "IBM Plex Sans", Helvetica, sans-serif !important;color: #333 !important;float: left; }
#senderDetails.modal fieldset div.set .from-input.inactive { color: #c3c3c3 !important; }
#senderDetails.modal fieldset a.reply-to { margin-right: 4px; }
#senderDetails.modal fieldset a.from-pers, #senderDetails.modal fieldset a.reply-to { color: var(--slate-500);text-decoration: none;}
#senderDetails.modal .from-input-wrap .from-pers, #senderDetails.modal .from-input-wrap .reply-to { float: right; }
#senderDetails.modal fieldset#replyfield {margin-bottom:14px!important;padding-bottom: 14px !important;}
#senderDetails.modal fieldset #from-pers-menu-name, #senderDetails.modal fieldset #from-pers-menu-email  { margin-top: 23px;min-width: 247px;left: 20.5%;}
#senderDetails.modal fieldset #from-pers-menu-name:before,#senderDetails.modal fieldset #from-pers-menu-name:after,#senderDetails.modal fieldset #from-pers-menu-email:before,#senderDetails.modal fieldset #from-pers-menu-email:after { left: 80%;}
#senderDetails.modal fieldset #from-pers-menu-name .ac_popover-menu .ac_popover-search, #senderDetails.modal fieldset #from-pers-menu-email .ac_popover-menu .ac_popover-search { padding: 5px !important;}
#senderDetails.modal .ac_popover-menu .popover-footer .ac_button { width: 47%;}
#senderDetails.modal .ac_popover-menu .popover-footer .ac_button:first-of-type { margin-right: 10px !important;}

/* Notify message (Automations) */
#notify ul.tagit { border: var(--slate-200) 1px solid;border-radius: 4px;padding: 2px 5px 1px 1px !important; }
#notify ul.tagit li input { border: none !important;margin: 0 !important;padding: 0; }
#notify ul.tagit .tagit-choice { border-radius: 100px;background-color: var(--slate-100);margin: 5px 0 5px 5px; }
#notify ul.tagit .tagit-close { top: 5px !important; }
#notify ul.tagit li.tagit-subscribed { data-isunsub: 0;  }
#notify ul.tagit li.tagit-unsubscribed { data-isunsub: 1; }
#notify ul.tagit li.tagit-subscribed:hover {background:var(--slate-200);cursor:pointer;}
#notify ul.tagit li.tagit-unsubscribed:hover {background:var(--slate-200);cursor:pointer;}
#notify ul.tagit li.tagit-clicked {background:var(--slate-200);}
#notify ul.tagit li.tagit-unclicked {background:var(--slate-100);}
#notify ul.tagit .ac-icon-ok-circled:before { color: var(--mint-600)!important;width: 12px;height: 12px; }
#notify ul.tagit .ac-icon-block:before { color: #f37b7b!important;width: 12px;height: 12px; }
#notify ul.tagit li.tagit-choice .tagit-label {
	width: 186px;
	height: 17px;
	font-family: OpenSans;
	font-size: 12px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #4e4e4e;
}
#notify ul.tagit li.tagit-choice .tagit-close .ui-icon.ui-icon-close { display: none !important; }
#notify ul.tagit li.tagit-choice .tagit-close .text-icon { display: block !important; font-size: 14px !important; }
#notify span:not(.popover-textselect):not(.tagit-label):not(.x) { position: absolute; right: 8px; padding-top: 9px; }
.tagit-close span { right: 0!important; padding-top: 0!important; }
.tagit-close span.ui-icon-close { background-position: -80px -131px !important; }
#notify .from-name span { padding-right: 10px; }
#notify .popover-trigger { width: 100%!important; }
#notify #pers-menu-to { min-width: 50%!important; }
#notify #pers-menu-subject { min-width: 50%!important; }
#notify a .from-email { padding-top: 0!important; }
#notify a .from-subject { padding-top: 0!important; }
#notify a .from-to { padding-top: 0!important; }
#notify .resubscribe-popup {
    border: 1px solid var(--slate-200);
    padding: 8px;
    font-size: 0;
    border-radius: 6px;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.15);
    background-color: #fff;
    position: relative;
    margin-bottom: 10px;
}


#notify .resubscribe-popup:after, .resubscribe-popup:before {
    top: 100%;
    right: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}


#notify .resubscribe-popup:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #fff;
    border-width: 6px;
}

/* Notify personalization popovers */
#pers-menu-from-name { min-width: 247px; white-space: normal; }
.popover-footer input[type=submit] { width: 45%; }
.popover-footer input[value=Close] { margin-right: 12px!important; }

/* Add note modal (Automations) */
#note-modal .note-pers span {
    position: absolute;
    top: 55px;
    right: 30px;
}
#note-modal .popover-trigger { width: 100%!important; }
#note-modal #pers-menu-note {
    min-width: 50%!important;
    right: 20px;
}
#note-modal .magnifying-glass {
    position: relative;
    right: 30px;
}

/* Add deal note modal (Automations) */
#dealnote-modal .dealnote-pers span {
    position: absolute;
    top: 55px;
    right: 30px;
}
#dealnote-modal .popover-trigger { width: 100%!important; }
#dealnote-modal #pers-menu-dealnote {
    min-width: 50%!important;
    right: 20px;
}
#dealnote-modal .magnifying-glass {
    position: relative;
    right: 30px;
}

/* Add deal task modal (Automations) */
#dealtask-modal .dealtask-note-pers span {
	position: absolute;
	top: 130px;
	right: 35px;
	color: #bbb;
}
#dealtask-modal .popover-trigger { width: 100%!important; }
#dealtask-modal #pers-menu-dealtask-note {
    min-width: 50%!important;
    right: 20px;
}
#dealtask-modal .magnifying-glass {
    position: relative;
    right: 30px;
}

/* Import contacts alert (Contacts Import) */
#upgradeContactsModal .modal-body p { width: 80%;margin:0 auto 20px auto;}


#editorhtml a { text-decoration: none; color: #555; }
.cre_prgs_buttons.basic_designer { position:fixed; display: table; bottom: -2px; }
body.campaign_new #template-editor-container, body.old.template #template-editor-container {display:table-cell; width: 50%; vertical-align: top; border-bottom:0 none; min-width: 400px;}
body.campaign_new #template-editor-container .ace-monokai .ace_editor,
body.old.template #template-editor-container .ace-monokai .ace_editor { padding: 12px; }
body.campaign_new #template-editor-container .ui-resizable-handle, body.old.template #template-editor-container .ui-resizable-handle {cursor: ew-resize}
body.campaign_new #template-editor-container-fetchsend, body.old.template #template-editor-container-fetchsend {display:table-cell; width: 50%; vertical-align: middle; border-bottom:0 none; min-width: 400px; background-color: #f9f9f9; }
body.campaign_new #template-editor-container-fetchsend .ui-resizable-handle, body.old.template #template-editor-container-fetchsend .ui-resizable-handle {cursor: ew-resize}
body.campaign_new #template-editor-container-fetchsend #editorfetch, body.old.template #template-editor-container-fetchsend #editorfetch {
	width: 50%;
	margin: auto;
	padding: 20px;
	font-size: 16px;
}
body.campaign_new #preview-panel, body.old.template #preview-panel { position: relative; margin:0; padding:0; border-bottom:0 none; height: 100%; min-width: 200px;border-left: #000 2px solid;}
body.campaign_new #preview-panel.nopreview, body.old.template #preview-panel.nopreview {display: none;}
body.campaign_new #preview-panel .preview-panel-overlay, body.old.template #preview-panel .preview-panel-overlay {position: absolute; height:100%; width: 100%;}
body.campaign_new .message-preview, body.old.template .message-preview:not(.classic-designer-preview) { width: 100%; height: 100%!important; border:0 none; }
body.old.template #form.ac_block,
body.old.template #form .template_basic_form_editor,
body.old.template #form .template_basic_form_editor > form { position: relative!important; bottom: 0!important; height: 100%!important; }
body.old.template #form .template_basic_form_editor { width: 100vw; overflow-y: auto!important; }
body.template_designer {height:100%; display:block; overflow:auto;}
body.template_designer #uxbody {padding-top:138px!important; height:100%; display:block; overflow:auto;}
body.template_designer #uxbody .uxlftcolm {display:block!important; padding:0; height:100%; vertical-align:top; overflow:auto; height:100%;}
body.list #uxbody .uxlftcolm .list_container,
body.score #uxbody .uxlftcolm .list_container {padding:30px 30px 0;}
body.list #uxbody .uxlftcolm .list_container:not(:first-of-type) {padding-top:0;}

.form_content_preview .form_optin_input .upgrade-overlay { margin-left: -20px; margin-top: -20px; }
.form_content_preview .form_optin_input .upgrade-overlay .upgrade-overlay-box { top: 30%; width: 60%; height: 86px; }
.form_content_preview .form_optin_input ._wrap {position: relative; margin-top: 10px; padding: 20px; border:1px solid var(--slate-200); background-color: #fff; font-family: "IBM Plex Sans", helvetica, sans-serif; border-radius:5px;}
.form_content_preview .form_optin_input ._wrap:not(:first-of-type) {margin-top:20px;}
.form_content_preview .form_optin_input ._wrap > h2 {margin:0!important; padding:20px!important; border-bottom: 1px solid var(--slate-200);}
.form_content_preview .form_optin_input ._wrap ._content {padding:20px!important;}
.form_content_preview .form_optin_input ._wrap ._content label {cursor:pointer;}
.form_content_preview .form_optin_input ._wrap ._content small {display:block; margin-top:4px; font-size:12px; color:#aaa;}
.form_content_preview .form_optin_input ._wrap ._content table {width:100%; margin:0!important; padding:0!important; border-collapse:collapse;}
.form_content_preview .form_optin_input ._wrap ._content table tr td {padding:7px 0!important; vertical-align:middle;}
.form_content_preview .form_optin_input ._wrap ._content table tr td label {display:block; margin-bottom:10px;}
.form_content_preview .form_optin_input ._wrap ._content table input[type="text"],
.form_content_preview .form_optin_input ._wrap ._content table input[type="password"] {padding:10px 8px; width:55%; -moz-box-shadow:inset 0; -webkit-box-shadow:inset 0; box-shadow:inset 0;}
.form_content_preview .form_optin_input ._wrap ._content #api_parameters table tr td {vertical-align:middle!important;}
.form_content_preview .form_optin_input ._wrap  .selectdropdown .dropdown_select { font-size: 14px; }
.form_content_preview .form_optin_input ._wrap  .selectdropdown .dropdown_select:after { float: initial; font-family: 'ac-icons'; content: '\E86C'; font-size: 10px; margin-left: 8px; }
.form_content_preview .form_optin_input ._wrap  .selectdropdown .dropdown_select.active:after { content: '\E86D'; }
.form_content_preview .form_optin_input ._wrap #editordiv { opacity: .7; z-index: 0;}

.form_content { position: relative; display: table; width: 100%; height: 100%; }
.form_content:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.form_content_side {position:relative; float:left; margin: 0; font-weight:700; width:325px; border:none; z-index:50;}
.form_content_tab{margin:0 0 0 10px; border:1px solid #ddd; border-top:0; border-right:0; border-radius:0;}
.form_content_tab:first-child {border-top:1px solid #ddd;}
.form_content_tab:hover {color:#3f3f3f;}
.form_content_tab .form_side_content {display:block; padding:0; width:100%; color:#292929; overflow:hidden;}
.form_content_tab_selected:hover, .form_content_side .form_content_tab_selected {margin-bottom:0; background:#fff; border-right:1px solid #fff; z-index:100;}
#uxbody .uxlftcolm .form_content_outer .form_content_preview {margin-left: 326px; padding-top:0; padding-right:0; height: 84%; background:none!important; border: 1px solid #ddd!important; border-radius:0; overflow: auto; box-sizing: border-box; }
#uxbody .uxlftcolm .form_content_outer #form_name { display: inline-block; padding: 10px 8px; width: 100%; border: 1px solid #c3c3c3; font-size: 17px; border-radius: 3px; box-sizing: border-box; }
.form_content_preview {margin:0 0 0 341px; background:none!important; border:none!important; border-radius:0; }
.form_content_preview .form_content_preview_inner {margin:0!important; padding:20px!important; min-height:100px; border: 0 none!important; border-radius:0; zoom:1; display:block;}
.form_content_preview .form_content_preview_inner form#settingsform {position:relative; height:100%; }
.form_content_preview .form_content_preview_inner form#settingsform h1 {margin:35px 0 0!important;}
.form_content_preview .form_content_preview_inner form#settingsform .formsettinglists {position:relative; margin:20px 0 0; padding:0; height:100%; min-height:100px;}
.form_content_preview .form_content_preview_inner form#settingsform .formsettinglists h1 {margin:-2px 0 10px!important;}
.form_content_preview .form_content_preview_inner form#settingsform .form_settings_bigtext {float:left; margin:0; padding:0; width:55%;}
.form_content_preview .form_content_preview_inner form#settingsform .form_settings_bigtext label {position:relative; display:block; padding:3px 0; font-size:12px; cursor:pointer;}
.form_content_preview .form_content_preview_inner form#settingsform .formsettinglists #havemultiple {position:absolute; top:-6px!important; right:0; width:280px; line-height:18px;}
.form_content_preview .form_content_preview_inner form#settingsform .formsettinglists #havemultiple p {margin:0 0 10px!important; padding:0!important;}
.form_content_preview .form_content_preview_inner form#settingsform .formsettinglists #havemultiple .dropdown_menu ul li {margin-left:0!important; list-style-type:none!important;}
.form_content_preview .form_content_preview_inner .form_url {border:1px solid #ddd; border-radius:3px; font-size:17px; text-align:center; padding:10px; background:#f9f9f9;}
.form_content_preview .form_content_preview_inner .form_url a,
.form_content_preview .form_content_preview_inner .form_url a:visited {color:#888;}
.form_content_preview .form_content_preview_inner .settingsforminfo {padding:6px 18px; font-size:14px; text-align:left; border:1px solid #ddd; border-radius:3px; background:#f9f9f9;}
.form_content_preview .form_content_preview_inner .settingsforminfo ul li {margin-bottom:6px; line-height:18px;}
.form_content_preview .form_content_preview_inner #integrateset {position:relative; margin:20px 0 30px; overflow:hidden; width:auto;}
.form_content_preview .form_content_preview_inner #integrateset ul#navtabs {width:auto!important; margin-left:0!important; padding:0 0 10px 8px!important; border-bottom:1px solid #ddd;}
.form_content_preview .form_content_preview_inner #integrateset ul#navtabs a.selected {position:relative; padding-bottom:9px; background:#fff; border-bottom:1px solid transparent; text-shadow:none; -webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);}
.form_content_preview .form_content_preview_inner #integrateset .sets {margin:0; padding:15px; overflow:hidden; display:none; margin-top:-18px; border:1px solid #ddd; border-top:0; clear:both;}
.form_content_preview .form_content_preview_inner #integrateset .sets h1 {margin:0 0 6px; font-weight:700;}
.form_content_preview .form_content_preview_inner #integrateset .sets .set {float:left; display:block; margin:0; padding:0 10px 0 0; border-radius:3px;}
.form_content_preview .form_content_preview_inner #integrateset .sets .set a {color:#292929;}
.form_content_preview .form_content_preview_inner #integrateset .sets .set p {margin:0 0 10px; padding:0; line-height:18px;}
.form_content_preview .form_content_preview_inner #integrateset .sets .set h1.fb {color:#3b5998!important;}
.form_content_preview .form_content_preview_inner #integrateset .sets .set .btnsmall {margin:0!important;}
.form_content_preview .form_content_preview_inner #integrateset #fb .fb span {background:url('../images/share_fb.png') no-repeat;}
.form_content_preview .form_content_preview_inner #integrateset #fb .btnsmall span {display:block; padding:1px 0 1px 22px;}
.form_content_preview .form_content_preview_inner #integrateset #ss .btnsmall span {display:block; padding:1px 0 1px 22px;}
.form_content_preview .form_content_preview_inner #integrateset #ss .fb span {background:url('../images/share_fb.png') no-repeat;}
.form_content_preview .form_content_preview_inner #integrateset #ss .tw span {background:url('../images/share_tw.png') no-repeat;}
.form_content_preview .form_content_preview_inner #integrateset #ss .gp span {background:url('../images/share_gplus.png') no-repeat;}
.form_content_preview .form_content_preview_inner #integrateset #qrc {position:relative; text-align:left; overflow:hidden;}
.form_content_preview .form_content_preview_inner #integrateset #qrc .btnsmall {display:inline; margin-right:3px; padding:3px 7px; color:#555; border-radius:8px;}
.form_content_preview .form_content_preview_inner #integrateset #fbtblcode .btnsmall {display:inline; margin-right:3px; padding:3px 7px; color:#838383; border-radius:8px;}
.form_content_preview .form_content_preview_inner #integrateset #fbtblcode .ac_table_row td {padding:15px 0 15px 10px;}
.form_content_preview .form_content_preview_inner textarea {border:1px solid #ddd; min-height:300px; border-radius:3px;}
.form_content_preview .form_content_preview_inner ul li {margin-left:25px; line-height:24px; list-style-type:disc!important;}
.form_content_preview .form_content_preview_inner h2{margin-bottom:4px; font-weight:700;}
.form_content_preview .form_content_preview_inner #editordiv {padding-top:20px!important;}

ul#navtabs {position:relative; text-align:left; margin:20px 0 18px 8px; padding:0; border:0; width:100%; height:18px; list-style-type:none; z-index:5; zoom:1; clear:both;}
ul#navtabs li {display:inline; margin:0 2px 0 0;}
ul#navtabs li.currenttab {border-bottom:1px solid transparent; background:#fff;}
ul#navtabs li.currenttab a {position:relative; padding-bottom:9px; background:#fff; border-bottom:1px solid transparent; text-shadow:none; -webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);}
ul#navtabs li a {margin:0 2px 0 0; padding:8px 16px; background:#eee; border:1px solid var(--slate-200); font-size:12px; font-weight:700; border-bottom:1px solid var(--slate-200); color:#292929; text-decoration:none; border-bottom:none; border-radius:4px 4px 0 0; text-shadow:1px 1px 0 #eee;}
ul#navtabs a:hover {background:var(--slate-200);}

#reportheader ul.navlist,
#personalizationhtml ul.navlist,
#editordiv ul.navlist {position:relative!important; text-align:left!important; padding:20px 0 8px 8px!important; margin:0; border:0!important; width:100%; height:18px!important; list-style-type:none; z-index:4; zoom:1; clear:both;}

#reportheader ul.navlist li,
#userheader ul.navlist li,
#personalizationhtml ul.navlist li,
#editordiv ul.navlist li {display:inline-block!important; margin:0 2px 0 0!important; background:rgba(0, 0, 0, 0); background-color:rgba(0, 0, 0, 0);}
#editordiv ul.navlist li.othertab:first-child a {padding-bottom:11px!important;}

#reportheader ul.navlist li.currenttab,
#userheader ul.navlist li.currenttab,
#personalizationhtml ul.navlist li.currenttab,
#editordiv ul.navlist li.currenttab {border-bottom:1px solid transparent!important; background:none!important;}

#reportheader ul.navlist li.currenttab a,
#userheader ul.navlist li.currenttab a,
#personalizationhtml ul.navlist li.currenttab a,
#editordiv ul.navlist li.currenttab a {position:relative!important; padding-bottom:10px!important; background:#fff!important; border-bottom:1px solid transparent!important; text-shadow:none!important; -webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1)!important; -moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1)!important; box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1)!important;}

#reportheader ul.navlist li a,
#userheader ul.navlist li a,
#personalizationhtml ul.navlist li a,
#editordiv ul.navlist li a {margin:0 2px 0 0!important; padding:8px 16px!important; padding-bottom:8px!important; background:#eee!important; border:1px solid var(--slate-200)!important; font-size:12px!important; font-weight:700; border-bottom:1px solid var(--slate-200)!important; color:#292929!important; text-decoration:none; border-bottom:none!important; border-radius:4px 4px 0 0; text-shadow:1px 1px 0 #eee;}

.helper {color:#5a5a5a; margin:0 0 0.4em; padding:10px; font-size:12px; background:#fff; border:1px solid #f2f1ea; border-bottom:1px dotted #ddd; border-top-left-radius:5px; border-top-right-radius:5px; }

#reportheader ul.navlist a:hover,
#userheader ul.navlist a:hover,
#personalizationhtml ul.navlist a:hover,
#editordiv ul.navlist a:hover {background:var(--slate-200);}

#userheader ul.navlist {position:relative!important; text-align:left!important; margin:20px 0 18px 8px!important; padding-bottom:6px; border-bottom:1px solid var(--slate-200)!important; height:18px!important; list-style-type:none; z-index:5; zoom:1; clear:both;}
#userheader ul.navlist li a {padding:9px 16px!important;}

#campaign_input ul.navlist {padding-bottom:6px; border-bottom:1px solid var(--slate-200)!important;}
#campaign_input ul.navlist li a {padding:9px 16px!important;}

#templateEditor_tbl {position:relative; margin:-13px 0 0!important; padding:0!important; height:600px; border-collapse:collapse; z-index:1;}
#templateEditor_tbl td.mceToolbar {padding:10px!important; background:#fff!important; z-index:1;}
#editordiv table#messageEditor_tbl {position:relative; margin:-2px 0 0!important; padding:0!important; height:100%; border-left: 1px solid var(--slate-200); border-right: 1px solid var(--slate-200); border-radius: 8px; z-index:4;}
#editordiv table#messageEditor_tbl th, #editordiv table#messageEditor_tbl td {padding:0!important; text-align:left;}
#editordiv table#messageEditor_tbl th {padding:0!important; vertical-align:middle;}
#editordiv table#messageEditor_tbl td {padding:0!important; vertical-align:top;}
#editordiv table#messageEditor_tbl tbody th {vertical-align:top;}
#editordiv table#messageEditor_tbl tbody td.mceToolbar {padding:10px!important; background:#fff!important;}
#editordiv table#messageEditor_tbl tbody td #messageEditor_toolbargroup {background:#fff!important;}
#editordiv table#messageEditor_tbl tbody td #messageEditor_toolbargroup table {margin:2px 0!important;}
#editordiv #messageEditorLinkDefault {margin:-3px 0 0!important; padding:20px 15px!important; border-left:1px solid var(--slate-200); border-right:1px solid var(--slate-200);}
.form_optin_input #editordiv table#messageEditor_tbl {margin:-8px 0 0!important;}
.form_optin_input #editordiv #messageEditorLinkDefault {margin:-8px 0 0!important;}

#reportheader ul.navlist, #personalizationhtml ul.navlist {margin:30px 0 18px 0!important; height:24px!important; border-bottom:1px solid var(--slate-200)!important; clear:none!important;}
#reportheader ul.navlist li a, #personalizationhtml ul.navlist li a {margin:0 3px!important; padding:8px 16px 9px;}

.form_content_preview .form_content_preview_inner .form_optin_help {margin:0 0 7px!important; color:#5e5e5e;}
.form_content_preview .form_content_preview_inner .sendconfverify {position:relative; margin:0 0 20px; padding:10px 0 10px 15px; background:#83c700; border:1px solid #6da500; font-size:15px; line-height:12px; color:#fff; font-weight:700; border-radius:3px; cursor:pointer;}
.form_content_preview .form_content_preview_inner .sendconfverify_noperm {position:relative; margin:0 0 20px; padding:10px 0 10px 15px; background:#eaeaea; border:1px solid var(--slate-200); font-size:15px; line-height:12px; color:#a8a8a8; font-weight:700; border-radius:3px; cursor: default; }


.navlist li.currenttab a {padding-bottom:8px;}
.navlist li.othertab a {padding-bottom:7px;}
#messageEditorLinkDefault {margin-top:8px; padding:14px 0!important; background:#fff!important;}
#messageEditorLinkDefault a {font-size:12px!important;}

.campaign_input {padding:0; background-color:transparent;}
.campaign_input .mceStatusbar {background: var(--slate-100) !important;}
.campaign_input #messageEditor_path_row > * {color: var(--slate-400) !important; font-size: var(--fs-100) !important; }
#messageEditor_path_voice { padding-left: 12px; }
#askmanagetext, #willmanagetext {margin: 0 23px; color:#c9c9c9;}
#askmanagetext a, #willmanagetext a {color:#c9c9c9!important;}
#manage_text_container { margin-bottom: 10px; }

#uxbody .uxlftcolm .rows {position:relative; padding:20px 0 0; zoom:1; overflow:hidden;}
.formpreview {position:relative; display:block; float:left; margin:0 30px 40px; padding:0; width:225px; height:220px;}
.formpreview .formpreviewimg {position:relative; display:block; margin:0 0 6px; padding:0!important; width:224px; height:190px; overflow:hidden; background:#fafafa; border:1px solid #ddd;}
.formpreview .formpreviewimg img {position:relative; overflow:hidden; display:block;}
.formpreview .formpreviewimg .formpreviewoptions {display:none; position:absolute; height:100%; top:0; left:0; padding:0!important; background:#fafafa;}
.formpreview .formpreviewimg .formpreviewoptions ul {margin:0; padding:0; margin:10% 0 0;}
.formpreview .formpreviewimg .formpreviewoptions ul li {margin:0; padding:0; line-height:20px;}
.formpreview .formpreviewimg .formpreviewoptions ul li a {display:block; padding:4px 0 4px 60px; color:#4b4b4b!important; text-decoration:none;}
.formpreview .formpreviewimg .formpreviewoptions ul li a:hover {background-color:#e8e8e8!important;}
.formpreview .formpreviewimg .formpreviewoptions ul li a.mf {background:url('../images/bg_formpreviewoptions_mf.png') no-repeat 35px 6px;}
.formpreview .formpreviewimg .formpreviewoptions ul li a.pf {background:url('../images/bg_formpreviewoptions_pf.png') no-repeat 35px 6px;}
.formpreview .formpreviewimg .formpreviewoptions ul li a.oc {background:url('../images/bg_formpreviewoptions_oc.png') no-repeat 35px 6px;}
.formpreview .formpreviewimg .formpreviewoptions ul li a.fc {background:url('../images/bg_formpreviewoptions_fc.png') no-repeat 35px 7px;}
.formpreview .formpreviewimg .formpreviewoptions ul li a.df {background:url('../images/bg_formpreviewoptions_df.png') no-repeat 35px 6px;}
.formpreview .formpreviewinfo {position:relative; display:block; overflow:hidden;}
.formpreview .formpreviewinfo span {display:block;}
.formpreview .formpreviewinfo span.themename {float:left; height:100%; width:auto; font-weight:700; color:#4b4b4b;}
.formpreview .formpreviewinfo span.subsinfo {float:right; height:100%; width:auto; font-size:11px; color:#a2a2a2;}

#uxbody .uxlftcolm .rows .service {position:relative; display:block; float:left; margin:0 15px 30px; padding:0; width:201px; height:100px;}
#uxbody .uxlftcolm .rows .service .btn {padding:2px 7px; font-size:11px; font-weight:400; color:#666; border-radius:3px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
#uxbody .uxlftcolm .rows .service .configure {padding-left:18px; background:url('../images/extservices_icon_setting.png') no-repeat 0 0;}
#uxbody .uxlftcolm .rows .service .import {padding-left:18px; background:url('../images/extservices_icon_import.png') no-repeat 0 2px;}
#uxbody .uxlftcolm .rows .service .download {padding-left:18px; background:url('../images/extservices_icon_download.png') no-repeat 0 3px;}
#uxbody .uxlftcolm .rows .service .view {position:relative; display:block; margin:0 0 6px; padding:0!important; width:200px; height:75px; overflow:hidden; background:#f7f7f7; border:1px solid #c3c3c3;}
#uxbody .uxlftcolm .rows .service .view .viewoptions {position:relative; width:100%; height:100%; display:block;}
#uxbody .uxlftcolm .rows .service .view .viewoptions .type {position:absolute; display:none; width:200px!important; height:75px!important; top:0; left:0; padding:0!important; background:#f7f7f7!important;}
#uxbody .uxlftcolm .rows .service .view .viewoptions .type a {position:absolute; top:40%; left:22%; display:block; color:#000; font-weight:700; text-decoration:none; }
#uxbody .uxlftcolm .rows .service .appinfo {display:block; float:right; height:100%; width:auto; font-size:11px; color:#a2a2a2;}
#uxbody .uxlftcolm .rows .service .connected {color:#64c200;}

#uxbody .uxlftcolm .ac_listing_empty { font-family: "IBM Plex Sans", Helvetica, sans-serif;color: #5d5d5d !important;background: #f7f7f7;padding: 14px;border: var(--slate-400) 1px solid;border-radius: 5px;text-align: center; }

body.list #uxbody .uxlftcolm { padding-bottom: 70px; }
body.list #uxbody .uxlftcolm .ac_listing_empty { margin: 0; }

#uxbody .uxlftcolm .mscdftmsgscreenshot { position: relative;margin: 20px 0 0;padding: 0;width: 100%;font-size: 16px;text-align: center; }
#uxbody .uxlftcolm input[type=file] { width: 210px;padding: 4px;background-color: #fff;height: 27px;font-size: 14px;color: #808080;border: 1px solid #ccc;line-height: 27px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;display: inline-block;border-radius: 3px; }
#uxbody .uxlftcolm input[type=file]:focus { -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;outline: 1px dotted #666; }

.howto {position:relative; margin-top:50px; width:100%; overflow:hidden;}
.howto h2 {clear:both; margin:0 0 20px; padding:0 0 10px; width:100%; font-size:22px; line-height:28px; letter-spacing:-0.05em; font-weight:700; border-bottom:3px solid #e8e8e8; overflow:hidden;}
.howto .summary {position:relative; margin-bottom:50px; width:100%; overflow:hidden;}
.howto .summary img {float:left; width:254px; margin:0 30px 20px 0;}
.howto .summary p {width:auto; margin:0 0 12px; font-size:14px; line-height:20px;}
.howto .steps {position:relative; margin-bottom:50px; width:100%; overflow:hidden; clear:both;}
.howto .steps:last-child {margin-bottom:0;}
.howto .steps .number {float:left; margin-right:10px; padding:0 10px 0 0; width:20px; height:30px; border-right:1px solid #1475a7; font-size:25px; color:#1475a7; line-height:normal; font-weight:700; text-align:center;}
.howto .steps .details {float:left; width:80%;}
.howto .steps h3 {margin-bottom:4px; padding:0; width:100%; font-size:16px; font-weight:700;}
.howto .steps p {margin:0; font-size:14px; line-height:20px;}
.howto .steps img {margin-top:20px;}

.uxrgtcolm { position: fixed;padding: 0;min-width: 251px;max-width: 251px;height: 100%;background-color: #fff;border-right: 1px solid #EBEBEB;vertical-align: top;overflow-y: auto;box-sizing: border-box;z-index: 2; }


body.template.style_select_mode .uxrgtcolm {display:none;}
body.template .template.stock .wrap-template { outline: 5px solid red; }

.uxrgtcolm .menu_section {font-family:"IBM Plex Sans";margin:25px 0; font-size:14px; font-weight:100;}
.uxrgtcolm .menu_section li {position:relative; width:100%;}
.uxrgtcolm .menu_section span.menu_title,
.uxrgtcolm .menu_section a {position:relative; display:block; width:auto; color:#454545; text-decoration:none; }
.uxrgtcolm .menu_section li p {margin-top:5px; color:#575757;}
.uxrgtcolm .menu_section.info li p {padding:10px 32px; line-height:18px;}
.uxrgtcolm .menu_section > ul {position:relative; overflow:hidden; border:1px solid #d0d0d0; background:#fff; border-radius:5px;}
.uxrgtcolm .menu_section > ul.campaign_list > li > a > span {display:inline-block!important;}
.uxrgtcolm .menu_section > ul.campaign_list > li:last-child > a {border-bottom:1px solid #d0d0d0;}
/* Main level menu */
.uxrgtcolm .menu_section > ul > li > a {padding:15px 28px; line-height:25px; border-bottom:1px solid #d0d0d0; font-weight:500;}
.uxrgtcolm .menu_section a.topmenu {color:#00517e; border-bottom: 1px solid #d0d0d0!important; background-color:#fff!important; border:0 none;}
.uxrgtcolm .menu_section a.topmenu.active {position:relative; color:#888; font-weight:600; background-color:#f0f0f0!important; border-top:0 none; border-bottom:1px solid #d0d0d0!important;}
.uxrgtcolm .menu_section.reports_contacts a.topmenu {background:#fff!important; text-shadow:none!important;}
.uxrgtcolm .menu_section #contact-menu li a,
.uxrgtcolm .menu_section #deal-menu li a {padding-left:62px;}
/* Add new folder icon */
.uxrgtcolm .menu_section > ul li.folder-add {padding:0; background-color:#fffef8; font-size:11px; color:#CBCCBB; text-transform:lowercase; font-weight:100; text-decoration:underline; text-align:center; border-radius:0!important;}
.uxrgtcolm .menu_section > ul li.folder-add:hover, .uxrgtcolm .menu_section > ul li.folder-add a:hover {background-color:#fffde6; color:#666;}
.uxrgtcolm .menu_section > ul li.folder-add a {padding:5px 0;}

.uxrgtcolm .menu_section > ul > li > a:hover {background-color:#f0f0f0;}
.uxrgtcolm .menu_section a.active {position:relative; background-color:#eaf6fc; }
.uxrgtcolm .menu_section > ul > li:last-child > a {border-bottom:0 none;}
.uxrgtcolm .menu_section.info > ul > li > a {border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; border-radius:0;}
.uxrgtcolm .menu_section.info > ul > li:first-child > a {border-top:0 none;}
.uxrgtcolm .menu_section.info > ul > li > a.noborder {margin-bottom:0; border-bottom:0 none;}
/* Second level menu */
.uxrgtcolm .menu_section > ul > li > ul > li > a {padding:15px 28px; color:#9d9d9d; border-top:1px solid #d0d0d0;}
.uxrgtcolm .menu_section > ul > li > ul > li > a:hover {background-color:#f3f3f3;}
.uxrgtcolm .menu_section > ul > li > ul > li > a.active {color:#333; background-color:#eaf6fc;}
.uxrgtcolm .menu_section > ul > li > ul > li > a > span {display:block; line-height:18px; width:auto;}
.uxrgtcolm .menu_section > ul > li > ul > li > a > span.expand::after {position:absolute; top:21px; margin-left:10px; content:''; width:0; height:0; border-style:solid; border-width:6px 5px 0 5px; border-color:#d4d4d4 transparent transparent transparent;}
.uxrgtcolm .menu_section > ul > li > ul > li:first-child > a {border-top:0 none;}
.uxrgtcolm .menu_section > ul > li > ul > li:last-child > a {border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0;}
/* Third level menu */
.uxrgtcolm .menu_section > ul > li > ul > li > ul {margin:0; padding:0; border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0;}
.uxrgtcolm .menu_section > ul > li > ul > li > ul > li > span.menu_title,
.uxrgtcolm .menu_section > ul > li > ul > li > ul > li > a {margin:0; padding:10px 0 10px 60px; color:#9d9d9d;}
.uxrgtcolm .menu_section > ul > li > ul > li > ul > li > a:hover {text-decoration:underline;}
.uxrgtcolm .menu_section > ul > li > ul > li > ul > li > a:hover {text-decoration:underline;}
.uxrgtcolm .menu_section > ul > li > ul > li > ul > li > a.active {background-color:#eaf6fc; color:#555; border-bottom:1px solid #d4eaf5; border-top:1px solid #d4eaf5;}
/* Fourth level menu */
.uxrgtcolm .menu_section > ul > li > ul > li > ul > li > ul {margin:0; padding:0; }
.uxrgtcolm .menu_section > ul > li > ul > li > ul > li > ul > li > a {margin:0; padding:10px 0 10px 80px; color:#9d9d9d;}
.uxrgtcolm .menu_section > ul > li > ul > li > ul > li > ul > li > a:hover {text-decoration:underline;}
.uxrgtcolm .menu_section > ul > li > ul > li > ul > li > ul > li > a:hover {text-decoration:underline;}
.uxrgtcolm .menu_section > ul > li > ul > li > ul > li > ul > li > a.active {background-color:#eef5fe; color:#555; border-bottom:1px solid #dee7f3; border-top:1px solid #dee7f3;}

.uxrgtcolm .menu_section ul#contact-menu span:after {display:none;}

/*-------------------------------------------------------------------------*\
   Navigation Icons
\*------------------------------------------------------------------------*/
/* Campaign */
body.campaign #uxbody .uxrgtcolm .menu_section ul.campaign_list a.active:not(:first-child) {background:#EEF5FF!important;}
body.series_list #uxbody .uxrgtcolm .menu_section a.icon > span,
body.campaign #uxbody .uxrgtcolm .menu_section a.icon > span {display:block; padding-left:34px; background-image:url('../images/right_nav_section_campaigns.png'); background-size:21px; background-repeat:no-repeat;}
body.series_list #uxbody .uxrgtcolm .menu_section a.campaigns > span,
body.campaign #uxbody .uxrgtcolm .menu_section a.campaigns > span {background-position:0 3px;}
body.series_list #uxbody .uxrgtcolm .menu_section a.drafts > span,
body.campaign #uxbody .uxrgtcolm .menu_section a.drafts > span {background-position:0 -34px;}
body.series_list #uxbody .uxrgtcolm .menu_section a.scheduled > span,
body.campaign #uxbody .uxrgtcolm .menu_section a.scheduled > span {background-position:-2px -193px;}
body.series_list #uxbody .uxrgtcolm .menu_section a.rss > span,
body.campaign #uxbody .uxrgtcolm .menu_section a.rss > span {background-position:-1px -68px;}
body.series_list #uxbody .uxrgtcolm .menu_section a.auto > span,
body.campaign #uxbody .uxrgtcolm .menu_section a.auto > span {background-position:-2px -168px;}
body.series_list #uxbody .uxrgtcolm .menu_section a.folders > span,
body.campaign #uxbody .uxrgtcolm .menu_section a.folders > span {background-position:-4px -101px; background-size:29px;}
body.series_list #uxbody .uxrgtcolm .menu_section a.list > span,
body.campaign #uxbody .uxrgtcolm .menu_section a.list > span {background-position:-2px -94px;}
body.series_list #uxbody .uxrgtcolm .menu_section a.type > span,
body.campaign #uxbody .uxrgtcolm .menu_section a.type > span {background-position:-2px -170px;}
body.series_list #uxbody .uxrgtcolm .menu_section a.status > span,
body.campaign #uxbody .uxrgtcolm .menu_section a.status > span {background-position:-2px -204px;}
body.series_list #uxbody .uxrgtcolm .menu_section a.template > span,
body.campaign #uxbody .uxrgtcolm .menu_section a.template > span {background-position:0 -374px;}
body.series_list #uxbody .uxrgtcolm .menu_section a.variables > span,
body.campaign #uxbody .uxrgtcolm .menu_section a.variables > span {background-position:0 -306px;}
body.series_list #uxbody .uxrgtcolm .menu_section a.drafts > span,
body.campaign #uxbody .uxrgtcolm .menu_section a.drafts > span {background-position:0 -21px;}
/* Reports */
body.report #uxbody .uxrgtcolm .menu_section a.icon > span {display:block; padding-left:34px; background-image:url('../images/right_nav_section_reports.png'); background-size:21px; background-repeat:no-repeat;}
body.report #uxbody .uxrgtcolm .menu_section a.campaigns > span {background-position:0 -19px;}
body.report #uxbody .uxrgtcolm .menu_section a.contacts > span,
body.report #uxbody .uxrgtcolm .menu_section a.deals > span {background-position:0 3px;}
body.report #uxbody .uxrgtcolm .menu_section a.social > span {background-position:0 -62px;}
body.report #uxbody .uxrgtcolm .menu_section a.campaign > span {background-position:9px -67px;}
body.report #uxbody .uxrgtcolm .menu_section a.series > span {background-position:7px -87px;}
body.report #uxbody .uxrgtcolm .menu_section a.compare > span {background-position:7px -151px;}
body.report #uxbody .uxrgtcolm .menu_section a.sms > span {background-position:7px -181px;}
/* Reports - custom folders */
body.report #uxbody .uxrgtcolm .menu_section a.folder > span {background:url('../images/right_nav_section_campaigns.png') no-repeat; background-position:0 -104px;}
body.report #uxbody .uxrgtcolm .menu_section li.folder-name > .folderdelete {top:13px;}
/* Form & Facebook page */
body.track #uxbody .uxrgtcolm .menu_section a.icon > span,
body[class^="form"] #uxbody .uxrgtcolm .menu_section a.icon > span {display:block; padding-left:34px; background:url('../images/right_nav_section_form.png') no-repeat;}
body.track #uxbody .uxrgtcolm .menu_section a.subs > span,
body[class^="form"] #uxbody .uxrgtcolm .menu_section a.subs > span {background-position:0 0;}
body.track #uxbody .uxrgtcolm .menu_section a.unsubs > span,
body[class^="form"] #uxbody .uxrgtcolm .menu_section a.unsubs > span {background-position:0 -34px;}
body.track #uxbody .uxrgtcolm .menu_section a.update > span,
body[class^="form"] #uxbody .uxrgtcolm .menu_section a.update > span {background-position:-3px -68px;}
body.track #uxbody .uxrgtcolm .menu_section a.forward > span,
body[class^="form"] #uxbody .uxrgtcolm .menu_section a.forward > span {background-position:0 -102px;}
body.track #uxbody .uxrgtcolm .menu_section a.archive > span,
body[class^="form"] #uxbody .uxrgtcolm .menu_section a.archive > span {background-position:0 -136px;}
body.track #uxbody .uxrgtcolm .menu_section a.facebook > span,
body[class^="form"] #uxbody .uxrgtcolm .menu_section a.facebook > span {background-position:0 -170px;}
body.track #uxbody .uxrgtcolm .menu_section a.external > span,
body[class^="form"] #uxbody .uxrgtcolm .menu_section a.external > span {background-position:0 -204px;}
body.track #uxbody .uxrgtcolm .menu_section a.api > span,
body[class^="form"] #uxbody .uxrgtcolm .menu_section a.api > span {background-position:0 -238px;}
body.track #uxbody .uxrgtcolm .menu_section a.webhooks > span,
body[class^="form"] #uxbody .uxrgtcolm .menu_section a.webhooks > span {background-position:0 -272px;}
body.track #uxbody .uxrgtcolm .menu_section a.zapier > span,
body[class^="form"] #uxbody .uxrgtcolm .menu_section a.zapier > span {background-position:0 -296px;}
body.track #uxbody .uxrgtcolm .menu_section a.tracking > span,
body[class^="form"] #uxbody .uxrgtcolm .menu_section a.tracking > span {background-position:0 -319px;}
/* Contact */
#uxbody .uxrgtcolm .menu_section.contacts a.icon > span {display:block; padding-left:34px; background:url('../images/right_nav_section_contact.png') no-repeat;}
#uxbody .uxrgtcolm .menu_section.contacts a.add > span {background-position:0 0;}
#uxbody .uxrgtcolm .menu_section.contacts a.view > span {background-position:0 -34px;}
#uxbody .uxrgtcolm .menu_section.contacts a.search > span {background-position:0 -68px;}
#uxbody .uxrgtcolm .menu_section.contacts a.exclusion > span {background-position:0 -102px;}
#uxbody .uxrgtcolm .menu_section.contacts a.batch > span {background-position:0 -136px;}
#uxbody .uxrgtcolm .menu_section.contacts a.sync > span {background-position:0 -170px;}
/* Lists */
#uxbody .uxrgtcolm .menu_section.lists a.icon > span {display:block; padding-left:30px; background-image:url('../images/right_nav_section_list.png'); background-size:21px; background-repeat:no-repeat;}
#uxbody .uxrgtcolm .menu_section.lists a.list > span {background-position:0 2px;}
#uxbody .uxrgtcolm .menu_section.lists a.fields > span {background-position:0 -27px;}
#uxbody .uxrgtcolm .menu_section.lists a.actions > span {background-position:0 -81px;}
#uxbody .uxrgtcolm .menu_section.lists a.sub > span {background-position:0 -82px;}
#uxbody .uxrgtcolm .menu_section.lists a.headers > span {background-position:0 -110px;}

#uxbody .uxrgtcolm .menu_section #hasform,
#uxbody .uxrgtcolm .menu_section #hasnoform {position:relative; overflow:hidden; padding:4px 5px; border:1px solid #d0d0d0; background:#fff; border-radius:5px;}
#uxbody .uxrgtcolm .menu_section div select {display:block; width:100%; margin:0; padding:2px; border:1px solid #c3c3c3; border-radius:5px;}
#uxbody .uxrgtcolm .menu_section li.folder-name {position:relative; margin-left:0;}
#uxbody .uxrgtcolm .menu_section li.folder-name > .folderdelete {position:absolute; float:none; top:15px; left:4px; margin:0; padding:0; z-index:100;}
#uxbody .uxrgtcolm .menu_section li.folder-name > .folderdelete a {position:relative; display:block; width:29px; height:24px; background:url('../images/right_nav_section_campaigns.png') no-repeat 0 -340px; text-indent:100%; white-space:nowrap; overflow:hidden;}
#uxbody .uxrgtcolm .menu_section li.folder-name > .folderdelete a:hover {background-position:0 -408px;}
#uxbody .uxrgtcolm .menu_section li a div.alert {position:relative; display:inline-block; width:auto; margin-left:3px; color:#5aa5c0; text-shadow:none; line-height:13px; text-decoration:none!important;}
#uxbody .uxrgtcolm .menu_section li a div.alert:before {position:relative; content:'(';}
#uxbody .uxrgtcolm .menu_section li a div.alert:after {position:relative; content:')';}
#uxbody .uxrgtcolm .menu_section li a div.alert.grey {color:#666!important; font-weight:100!important;}
#uxbody .uxrgtcolm .menu_section li.ui-state-default {padding:0; background:#eff6fd; border:0!important;}
#uxbody .uxrgtcolm .menu_section li.ui-state-default > a {color:#5aa5c0!important; cursor:move; -webkit-box-shadow:inset 0 0 10px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow:inset 0 0 10px 2px rgba(0, 0, 0, 0.1); box-shadow:inset 0 0 10px 2px rgba(0, 0, 0, 0.1);}
#uxbody .uxrgtcolm .menu_section li.ui-state-hover {padding:0; background:#eff6fd;border:0!important; }
#uxbody .uxrgtcolm .menu_section li.ui-state-hover > a {margin:0; background:#eff6fd!important; border:0!important; color:#5aa5c0!important; text-shadow:none; text-decoration:none!important;}
#uxbody .uxrgtcolm .menu_section li.ui-state-hover > a div.grey {color:#fff!important; background:#5aa5c0!important;}
#uxbody .uxrgtcolm .headtitle {position:relative; margin:0 0 10px; padding:0; color:#525252; font-weight:700; font-size:15px; text-shadow:1px 1px 0 #fff; overflow:hidden;}
#uxbody .uxrgtcolm .headtitle .captionsmall {float:right; font-size:10px; padding-top:3px;}
#uxbody .uxrgtcolm .headtitle .captionsmall a {font-size:11px; color:#757575; text-shadow:none;}
#uxbody .uxrgtcolm .headtitle .captionsmall a:hover {text-decoration:underline;}
#uxbody .uxrgtcolm .menu_section small {position:absolute; top:-1px; right:13px; font-size:10px; overflow:hidden;}
#uxbody .uxrgtcolm .menu_section small.help a {display:block; margin:0; padding:4px 0 4px 16px; background:url('../images/icon_help.png') no-repeat 0 4px; cursor:pointer;}
#uxbody .uxrgtcolm .tip .help_tip {margin:0 0 10px 13px!important; line-height:17px; color:#575757;}
#uxbody .uxrgtcolm .side_nav_button a,
#uxbody .uxrgtcolm > .btn {display:block; margin:0 0 10px; padding:15px 28px;background-color:#19467c !important;border: none !important; text-align:center;}
#uxbody .uxrgtcolm > .btn:hover {background:#23538c !important; background-color:#23538c!important; }
#uxbody .uxrgtcolm .btn span.create {display:block; padding:0; color:#fff; font-weight:100; text-shadow:none;}

/*-------------------------------------------------------------------------*\
   Subscriber Details
\*------------------------------------------------------------------------*/
#uxbody #subscriberDetails h2 {margin:-1px 0 14px; padding:0; font-size:16px; font-weight:normal; color:#575757;}
#uxbody #subscriberDetails #details_fields {clear:right; margin-bottom:10px; padding-bottom:15px; font-size:14px; color:#575757; border-bottom:1px solid var(--slate-200); }
#uxbody #subscriberDetails #details_fields td {padding:0; padding-top:5px; padding-bottom:5px;}
#uxbody #subscriberDetails #details_fields_updatebutton input[type=button] {margin:-8px 0 20px!important;}

#uxbody #subscriberDetails #details_extras {position:relative;  padding:0; width:100%; overflow:hidden; }
#uxbody #subscriberDetails #details_extras > div {position:relative; margin:15px; width:45%; background-repeat:no-repeat;}
#uxbody #subscriberDetails #details_extras > div > table {width:100%; margin:34px 0 0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; table-layout:fixed;}
#uxbody #subscriberDetails #details_extras > div > table tr {border-bottom:1px solid var(--slate-200);}
#uxbody #subscriberDetails #details_extras > div > table td {padding:8px 0; word-wrap:break-word;}
#uxbody #subscriberDetails #details_extras > div > h3 {margin-bottom:5px; padding:0 0 0 68px; color:#2960ad; font-size:18px; font-weight:700;}
#uxbody #subscriberDetails #details_extras > div > p {margin:0; padding:0 0 0 68px; line-height:16px;}
#uxbody #subscriberDetails #details_extras > div > p.morelink {padding:8px 0 0 0;}
#uxbody #subscriberDetails #details_extras .geobox {float:left; background-image:url('../images/details_extras_geobox.png');}
#uxbody #subscriberDetails #details_extras .plusbox {float:right; background-image:url('../images/details_extras_plusbox.png');}
#uxbody #subscriberDetails #details_extras .plusbox > p > a {
	margin:10px 0;
	padding:9px 15px;
	-moz-box-shadow:inset 0 1px 0 0 #fff;
	-webkit-box-shadow:inset 0 1px 0 0 #fff;
	box-shadow:inset 0 1px 0 0 #fff;
	background-color:#f7cb20;
	background-repeat:no-repeat;
	background-image:-webkit-linear-gradient(#fed427, #fed427 75%, #f7cb20);
	background-image:-moz-linear-gradient(top, #fed427, #fed427 75%, #f7cb20);
	background-image:-ms-linear-gradient(#fed427, #fed427 75%, #f7cb20);
	background-image:-o-linear-gradient(#fed427, #fed427 75%, #f7cb20);
	background-image:linear-gradient(#fed427, #fed427 75%, #f7cb20);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fed427', endColorstr='#f7cb20', GradientType=0);
	border-radius:4px;
	border:1px solid #d5b435;
	border-bottom-color:#b28e00;
	display:inline-block;
	color:#333!important;
	font-size:15px;
	font-weight:700;
	text-decoration:none;
	text-shadow:1px 1px 0 #fff6d2;
	-webkit-box-shadow:0 1px 1px rgba(120, 120, 120, 0.3);
	-moz-box-shadow:0 1px 1px rgba(120, 120, 120, 0.3);
	box-shadow:0 1px 1px rgba(120, 120, 120, 0.3);
	cursor:pointer!important;
	z-index:1;
	zoom:1;
	 -webkit-transition:background-color .1s linear;
	 -moz-transition:background-color .1s linear;
	 -o-transition:background-color .1s linear;
	 -ms-transition:background-color .1s linear;
	 transition:background-color .1s linear;
}
#uxbody #subscriberDetails #details_extras .plusbox > p > a:hover {text-shadow:1px 0 0 #fff6d2; border:1px solid #c6a113; border-top-color:#c3a326; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f7cb20), color-stop(1, #fed427) ); background:-moz-linear-gradient( center top, #f7cb20 5%, #fed427 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7cb20', endColorstr='#fed427'); background-color:#f7cb20; -webkit-box-shadow:0; -moz-box-shadow:0; box-shadow:0;}

#subscriberRecentActions, #subscribedOndate, #unsubscribebox, #subscribeTags {margin-top:15px; padding:10px; font-size:14px; color:#575757; border:1px solid #e0dfdc; border-radius:4px;}
#subscriberRecentActions {height:200px; overflow:hidden;}
#subscriberRecentActions:hover {overflow-y:scroll;}
#subscriberRecentActions h2, #subscribeTags h2 {margin:-1px 0 5px; padding:0 0 5px; font-size:16px; font-weight:700; color:#575757; border-bottom:1px solid #e0dfdc;}
#subscriberRecentActions div.actions {margin:8px 0; padding:0 0 8px 20px; line-height:20px; border-bottom:1px solid #e0dfdc; background-repeat:no-repeat; background-position:0 5px;}
#subscriberRecentActions div.actions:last-child {padding-bottom:0; border-bottom:none;}
#subscriberRecentActions div.actions span {display:block; margin:0; font-size:14px;}
#subscriberRecentActions div.actions span.date {font-size:11px; color:#aaa;}
#subscriberRecentActions div.click {background-image:url('../images/useractions_click.png');}
#subscriberRecentActions div.open {background-image:url('../images/useractions_open.png');}
#subscriberRecentActions div.forward {background-image:url('../images/useractions_forward.png');}
#subscriberRecentActions div.subscriber_note {background-image:url('../images/useractions_subscriber_note.png');}
#campaignhistory > .tablewrap {margin-bottom:10px; border:1px solid #ddd; border-radius:5px; overflow:hidden;}
#campaignhistory > .tablewrap table thead td {border-top:0!important;}
#campaignhistory > .tablewrap table tr:nth-child(even) {background:#f0f6fc; border-top:1px solid #e3e8ee; border-bottom:1px solid #e3e8ee;}
#campaignhistory table {border-collapse:collapse; border-spacing:0;}
#campaignhistory table td {padding:10px 12px!important;}
#campaignhistory table tr:last-child,
#campaignhistory table tr:last-child td {border-bottom:0;}
#defaultgeo {position:relative; margin:0; width:200px; height:100px; border:1px solid #e0dfdc; border-top:none; background:url('../images/subscriberDefaultgeo.gif') no-repeat 50% 0; text-align:center; overflow:hidden;}
#defaultgeo span {display:block; position:relative; top:65%; margin:0 auto; width:100%; color:#575757; font-weight:700;}
#geomap {position:relative; margin:0; width:200px; height:100px; border:1px solid #e0dfdc; border-top:none;}

#subscribeTags .tagit {border:1px solid #f0f0f0;}
#subscribeTags input[type="text"] {padding:0; border:none; background-color:#f0f0f0;}

#contact_add ul.tagit {border:1px solid #c3c3c3; padding: 0; } /* the <ul> */
#contact_add ul.tagit li.tagit-new {margin: 0; padding: 0;} /* NEW tag input <li> */
#contact_add ul.tagit li.tagit-choice {margin: 4px;} /* actual tag <li> */
#contact_add input[type="text"] {padding:10px 8px; border:none; background-color:#c3c3c3;}
#contact_add .ui-autocomplete-input { padding:10px 8px!important; }

.geo em, .plus em{color:#999; }

.contact_view_listcount {font-size:12px; color:#999;  }
.subscriber_options {margin-top:10px; }

/*-------------------------------------------------------------------------*\
   General Form Styles
\*------------------------------------------------------------------------*/
._wrap {position: relative; border:1px solid var(--slate-200); background-color: #fff; font-family: "IBM Plex Sans", helvetica, sans-serif; border-radius:5px;}
._wrap:not(:first-of-type) {margin-top:20px;}
._wrap > h2 {margin:0!important; padding:20px!important; border-bottom: 1px solid var(--slate-200);}
._wrap ._content {padding:20px!important;}
._wrap ._content label {cursor:pointer;}
._wrap ._content small {display:block; margin-top:4px; font-size:12px; color:#aaa;}
._wrap ._content table {width:100%; margin:0!important; padding:0!important; border-collapse:collapse;}
._wrap ._content table tr td {padding:7px 0!important; vertical-align:middle;}
._wrap ._content table tr td label {display:block; margin-bottom:10px;}
._wrap ._content table input[type="text"],
._wrap ._content table input[type="password"] {padding:10px 8px; width:55%; -moz-box-shadow:inset 0; -webkit-box-shadow:inset 0; box-shadow:inset 0;}
._wrap ._content #api_parameters table tr td {vertical-align:middle!important;}
._wrap  .selectdropdown .dropdown_select { font-size: 14px; }
._wrap  .selectdropdown .dropdown_select:after { float: initial; font-family: 'ac-icons'; content: '\E86C'; font-size: 10px; margin-left: 8px; }
#importRunForm ._wrap .selectdropdown .dropdown_select:after {content: '' !important;}
._wrap  .selectdropdown .dropdown_select.active:after { content: '\E86D'; }

body.import #importRunForm .ac_table_header td { 
	font-size: 12px;
	color: #5F667E;
	background-color: white!important;
	background: white!important;
	border: 0 none!important;
	font-weight: 500;
}

body.import #importRunForm ._wrap ._content table {
	width:100%;
	max-width: unset;
	margin:0!important;
	padding:0!important;
	border-collapse:collapse;
	border-radius: 4px;
	border: 0.50px #CED3E0 solid;
	overflow: hidden;
	box-shadow: 0 0 0 1px #CED3E0;
	table-layout: fixed;
}

body.import #importRunForm ._wrap ._content table td select{
	width: 100%;
	color: #1F2129;
	padding: 10px 32px 10px 10px;
	border-radius: 4px;
	border: 1px solid #CED3E0;
	background: white;
	background-repeat: no-repeat;
	background-position-x: 100%;
	background-position-y: 8px;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url("data:image/svg+xml;utf8,<svg fill='%231F2129' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
}

#importRunForm .ac_table_row td.map-import .field-wrapper.error select {
	border: 1px solid #F3376B;
}

#importRunForm .ac_table_row td.map-import .map-select-wrapper span.error-msg {
	color: #E40E49;
	display: none;
}

#importRunForm .ac_table_row td.map-import .field-wrapper.error .error-msg {
	color: #E40E49;
	display: block;
}


body.import #importRunForm ._wrap ._content table tr:nth-child(even) {
	background-color: #F7F9FF;
}

body.import #importRunForm ._wrap ._content {
	padding:20px!important; 
	display: flex; 
	flex-direction: column; 
	overflow: scroll;
}

/*-------------------------------------------------------------------------*\
   Add contacts
\*------------------------------------------------------------------------*/
table.contact-add-contact-custom-fields tr td:first-child,
table.contact-add-contact-details tr td:first-child {width:150px;}
table.contact-add-contact-custom-fields td input[type="text"]:not(.datecfield),
table.contact-add-contact-details td input[type="text"]:not(.datecfield) { width:100%!important; line-height: initial!important; box-sizing: border-box; }
table.contact-add-contact-details td input[type="radio"]:not(:nth-child(2)) { margin: 0 8px!important; }
table.contact-add-contact-details td .datecfield {width:35%!important;}
table.contact-add-contact-details td .tagit-new .ui-widget-content.ui-autocomplete-input { border: 0 none!important; margin: 0!important; padding: 0!important; }
table.contact-add-contact-details td.crm #customerAcctNameField { padding: 10px 8px!important; border-radius:3px!important; }

.contact-add-contact-form .ac_checkboxlist {margin:0 0 10px!important; width:100%!important; border:1px solid #ddd; box-sizing: border-box; border-radius:5px;}
.contact-add-contact-form .ac_checkboxlist > label {padding:6px 12px!important;}
.contact-add-contact-form .ac_checkboxlist > label:last-child,
.contact-add-contact-form .ac_checkboxlist > label:only-child {border-bottom:0 none!important;}
.contact-add-contact-form .selection-options {margin-bottom:10px;}
.contact-add-contact-form .selection-options a {color:#555;}

.contact-add-contact-form #statusadvanced {margin:15px 0 0; padding:12px; background-color:#f8f8f8; border-radius:5px;}

.contact-add-contact-form #listingFooter input.ac_button_submit {background-color:#fff;}
.contact-add-contact-form #listingFooter input.ac_button_add {text-transform: capitalize; margin: 0; padding: 12px 24px !important; font-size: 14px; text-align: center; text-decoration: none !important; border: 1px solid #4dcba9!important; background-color: #4dcba9!important; border-radius: 4px !important; display: inline-block; color: #fff !important; cursor: pointer !important; zoom: 1; -webkit-appearance: none; box-sizing: border-box; font-weight: 600;}
.contact-add-contact-form #listingFooter input.ac_button_add:hover {background:#40c19e !important;}

/*-------------------------------------------------------------------------*\
   Settings
\*------------------------------------------------------------------------*/

/* Layout */
body.settings #uxbody .uxrgtcolm { position: fixed; }
body.settings #uxbody .uxlftcolm { padding-left: 251px !important; }
body.settings #settings-wrap { padding-left: 20px;margin-bottom: 40px; }
body.settings .ac_side-menu {  height: auto; max-height: 100%; padding-bottom: 60px; overflow: auto; }
body.settings #settings-footer { border-top: var(--slate-200) 1px solid;padding-top: 20px;margin-top: 40px; }
body.settings .settingset-title { font-size: 15px;font-weight:600;padding: 11px 15px;background: var(--slate-100);border: var(--slate-200) 1px solid;border-radius: 6px 6px 0 0; }
body.settings .settingset-wrap { position: relative;margin-bottom: 20px; }
body.settings .settingset-wrap .settingset-content { margin: 0 !important;padding: 15px;border-left: var(--slate-200) 1px solid;border-right: var(--slate-200) 1px solid;border-bottom: var(--slate-200) 1px solid;border-radius: 0 0 6px 6px; }
body.settings .settingset-wrap .settingset-content .upgrade-overlay { background: rgba(255, 255, 255, 0.7);position: absolute;width: 100%;height: 100%; }
body.settings .settingset-wrap .settingset-content code { font-family: monospace; }
body.settings .settingset-wrap .settingset-content > label { font-size: 14px !important; }
body.settings .settingset-wrap .settingset-content label .description { margin-top: 3px;font-size: 12px;color: var(--slate-600) !important;font-weight: normal !important; }
body.settings .settingset-wrap .settingset-content input.ac_input-small, body.settings .settingset-wrap .settingset-content textarea.ac_input-small { width: 100%; }
body.settings .settingset-wrap .settingset-content .label_group div { margin-bottom: 16px; }
body.settings .settingset-wrap .settingset-content .label_group label { font-weight: normal;font-size: 14px !important;margin-top: 4px; }
body.settings .settingset-wrap .settingset-content .label_group label .description { margin-left: 30px; }
body.settings .settingset-wrap .settingset-content .label_group .row-disabled *:not(a) { cursor: text; }
body.settings .settingset-wrap .settingset-content .label_group label .radio-disabled { background: #EAEAEA none; border-radius: 100%; }
body.settings .settingset-wrap .settingset-content .settingset-help { position: relative;border: #CBD4E0 1px solid;border-radius: 6px;background: #EEF4FC;padding: 14px;width: 651px; }
body.settings .settingset-wrap .settingset-content .settingset-help .heading { font-weight: 600;padding-bottom: 4px;border-bottom: #CBD4E0 1px solid; }
body.settings .settingset-wrap .settingset-content .settingset-optioncontainer { width: 100%;border: var(--slate-200) 1px solid;border-radius: 6px; }
body.settings .settingset-wrap .settingset-content .settingset-optioncontainer .container-header { background: var(--slate-100);border-radius: 6px 6px 0 0;border-bottom: var(--slate-200) 1px solid;padding: 8px; }
body.settings .settingset-wrap .settingset-content .settingset-optioncontainer .container-content { padding: 8px; }
body.settings .settingset-wrap .settingset-content .settingset-optioncontainer .container-content input { width: 100% !important; }
body.settings .settingset-wrap .settingset-content .settingset-optioncontainer .container-content textarea { width: 100% !important;border: none !important;min-height: 120px;resize: vertical; }
body.settings .settingset-wrap .settingset-content .copy_button { position: absolute;width: initial !important;right: 3px;top: 3px;height: initial !important;padding: 4px 9px 4px 4px !important;font-size: 11px !important; }

/* Beta Fixes */
body.settings #uxbody .uxrgtcolm, body.report #uxbody .uxrgtcolm  { left: 0; top: 0; margin-top: 60px; }
body.series_list #uxbody .uxrgtcolm  { left: 0; top: 0; margin-top: 124px !important; }

/* Account */
body.settings textarea#signature { resize: vertical;min-height: 120px !important;width: 100% !important;}
body.settings .cke_chrome { border: var(--slate-200) 1px solid;box-shadow: none !important;-webkit-box-shadow: none !important;-moz-box-shadow:none !important;border-radius: 4px;}
body.settings .cke_reset { background: none !important;border-radius: 4px;-webkit-box-shadow: none !important;-moz-box-shadow:none !important; }
body.settings .cke_top { background: none !important;border-radius: 4px 4px 0 0;-webkit-box-shadow: none !important;-moz-box-shadow:none !important;border-bottom: var(--slate-200) 1px solid;}

/* Deals */
body.settings #emailAccounts .notify { margin-bottom: 60px;}
body.settings #emailAccounts .add-email-footer { border-top: #ebebeb 1px solid;padding: 15px;box-sizing:border-box;}
body.settings #emailAccounts .add-email-footer .footer-label { display: inline-block;margin-top: 9px;margin-right: 6px;font-weight: 600;}
body.settings #emailAccounts #emailAccountsList.ac_lists { border-spacing: 0 !important;}
body.settings #emailAccounts #emailAccountsList.ac_lists .ac_lists-subheader th { border-bottom: 1px solid #ebebeb !important;color: var(--slate-600);padding: 6px 15px;}
body.settings #emailAccounts #emailAccountsList.ac_lists td:first-child { padding: 10px 10px 10px 15px; }
body.settings #emailAccounts #emailAccountsList.ac_lists td:last-child { padding: 10px 15px 10px 10px; }
body.settings #emailAccounts #emailAccountsList.ac_lists td.action { padding-left: 0 !important;}
body.settings #emailAccounts #emailAccountsList.ac_lists td.action a { font-size: 16px;text-decoration: none;color: var(--slate-600);}
body.settings #emailAccounts .connection_status .connection-good { color: var(--mint-600);}
body.settings #emailAccounts .connection_status .connection-bad { color: #F37C7B;}
body.settings #emailAccounts .connection_status .connection-loading { color: var(--slate-600); }

/* Site Tracking */
body.settings #track .ac_toggle,
body.settings #track .notify.inline {
	vertical-align: top;
}
body.settings #track .notify.inline {
	margin-top: -2px;
	margin-left: 5px;
}
body.settings #track textarea.php {
	width: 100%;
	height: 200px;
	resize: none;
}
body.settings #track .ac_input-small {
	width: auto;
}
body.settings #track .key .input-wrap {
	width: 75%;
	display: inline-block;
}
body.settings #track .key input {
	width: 100% !important;
}
body.settings #track .tracking_wrapper {
	border: var(--slate-200) 1px solid !important;
	border-radius: 4px;
}
body.settings #track .tracking_label {
	padding: 16px;
	color: #5d5d5d;
	font-weight: 600;
}
body.settings #track .tracking_list {
	border-color: var(--slate-200);
	border-style: solid;
	border-width: 1px 0 1px 0;
}
body.settings #track .tracking_list li {
	padding: 8px 15px;
}
body.settings #track .tracking_list .event:hover,
body.settings #track .tracking_list .domain:hover {
	background-color: var(--slate-100);
}
body.settings #track .tracking_list .delete {
	cursor: pointer;
	margin-top: 2px;
	color: var(--slate-600);
	font-size: 11px;
	float: right;
}
body.settings #track .tracking_footer {
	padding: 15px;
}

/* Advanced Settings */
body.settings .settingset-wrap .settingset-content .settingset-help#kbsettings_datetimeformatHelp { width: 500px;margin-top: 15px;}

/* Developer */
.settings_api_section { background-color: #3E70B5;padding: 6px 15px !important;width: 100%;box-sizing: border-box;}

/* Appearance */
body.settings #settings-set-logo .logo-box { padding: 10px;border: var(--slate-200) 1px solid;border-radius: 4px;background: url(../images/image_trans.png);background-size: 14px; }
body.settings #settings-set-logo .logo-box .img_helper { display: inline-block;height: 52%; }
body.settings #settings-set-logo .logo-box.large { width: 300px;height: 114px;text-align: center;vertical-align: center }
body.settings #settings-set-logo .logo-box.small { width: 64px;height: 64px;text-align: center;vertical-align: center; }
body.settings #settings-set-logo .logo-box.small.ac-default { background: #336AAE; }
body.settings #settings-set-logo .logo-box.small .ac-symbol { height: 100%;width: 100%; }
body.settings #settings-set-logo .logo-box.small .ac-symbol [class^="ac-icon"] { display: block;height: 64px;width: 64px; }
body.settings #settings-set-logo .logo-box.small .ac-symbol [class^="ac-icon"]:before { font-size: 64px;margin: 0;color: #FFF; }
body.settings #settings-set-logo .logo-box.large img { max-width: 250px;max-height: 100px;vertical-align: middle }
body.settings #settings-set-logo .logo-box.small img { width: 64px;height: 64px;vertical-align: middle; }
body.settings #settings-set-logo .header_reset { margin-top: 8px;font-size: 14px;float: right; }

body.settings .settingset-wrap .settingset-content #api_explorer_section div {padding-right:10px;}
body.settings .settingset-wrap .settingset-content p.settings_api_section {padding:8px 10px; width:100%; background-color:#1c74b9;}
#generalSettings .kbsettings_help_datetime div {line-height:22px;}
#generalSettings .kbsettings_help_datetime p {margin-bottom:4px; padding-bottom:4px; font-weight:700; border-bottom:1px solid #c1dae7;}
#generalSettings .acctSettingFooter { margin:20px 0 0; padding:24px 30px; background-color:#f5f5f5; border-top:1px solid #ddd; border-radius:0 0 6px 6px; -webkit-box-shadow:inset 0 1px 0 #fff; -moz-box-shadow:inset 0 1px 0 #fff; box-shadow:inset 0 1px 0 #fff; }
#accountSettings .notify_interval,
#notifyMeSettings .notify_interval { display:inline-block; }

#generalSettings #header_html_div, #designSettings #header_html_div,
#generalSettings #footer_html_div, #designSettings #footer_html_div {width: 100%; height: 200px; margin: 10px 0;}

.side_nav_button{margin:0 0 20px; padding:0; border:none; background:none; text-shadow:none; text-align:left;}
.side_nav_button a {display:block; width:200px!important; text-align:center;}
.side_nav_button_hover {-webkit-box-shadow:none!important; -moz-box-shadow:none!important; box-shadow:none!important;}

/* Event Example Modal */

body.settings #event-example textarea.php {
	display: block;
	padding: 20px;
	width: 100%;
	height: 270px;
	font-family: monospace !important;
	font-size: 12px;
	line-height: 14px;
	background:var(--slate-100);
}
body.settings #event-example .title {
	font-size: 14px;
}
body.settings #event-example .params .item {
	list-style-type: disc;
	line-height: 2;
}
body.settings #event-example .item .name {
	background: #EEF4FC;
	color: #7189AA;
	border-radius: 4px;
	font-weight: 300;
	padding: 4px;
	font-size: 12px;
	font-family: monospace, serif;
	line-height: 1.5em;
}
body.apps .ac_side-menu {
	max-height: 100%;
}
body.apps .ac_side-menu ul.apps-ul {
	padding-bottom: 20px;
}

/*-------------------------------------------------------------------------*\
   Setting - Branding
\*------------------------------------------------------------------------*/
.setting-branding ._wrap ._content table tr td label { margin-bottom: 3px; font-size: 15px; font-weight: 400; }
.setting-branding ._wrap ._content table tr td .secondary-label { display: block; margin-bottom: 10px; font-size: 12px; color: #888; }
/* Logo */
.setting-branding ._wrap .logo-section-table tr td { padding: 0!important; }
.setting-branding ._wrap ._content [class^="logo-tab"] { display: inline-block; padding: 8px 21px; border: 1px solid var(--slate-200); border-bottom: 0 none; background-color: #eee; box-sizing: border-box; }
.setting-branding ._wrap ._content .logo-box { display: block; padding: 36px 64px; width:450px; border: 1px solid var(--slate-200); box-sizing: border-box; }
.setting-branding ._wrap ._content .logo-box.small { padding:0; width: 98px; height: 64px; border: 0 none; }

.setting-branding ._wrap ._content .logo-box.small .ac-symbol { position: relative; padding: 0; width: 96px; height: 64px; background: #336AAE; border: 0 none; display: table-cell; top: 0; left: 0; margin: 0; text-align: center; }
.setting-branding ._wrap ._content .logo-box.small .ac-icon-ac:before,
.setting-branding ._wrap ._content .logo-box.small .ac-icon-home:before { position: absolute; left: 0; right: 0; margin: auto; padding: 16px 14px 13px 14px; font-size: 29px; color: #fff; }
.setting-branding ._wrap ._content .logo-box.small .ac-icon-home:before { padding-top: 15px; font-size: 34px; }
.setting-branding ._wrap ._content .logo_section_design .secondary-label { margin-top: 20px; }
.setting-branding #design_url,
.setting-branding #design_url_small { margin-bottom: 20px!important; }
/* Upgrade */
.setting-branding .upgrade-overlay { position: absolute; width: 100%; height: 100%; background-color: rgba(240, 240, 240, 0.7); border-radius: 5px; z-index: 1; }
.setting-branding .upgrade-overlay .upgrade-overlay-box { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 50%; overflow: auto; margin: 10px auto; padding: 16px; text-align: left; z-index: 2; }
.setting-branding .upgrade-overlay .upgrade-overlay-box .upgrade-overlay-icon { float: left; }
.setting-branding .upgrade-overlay .upgrade-overlay-box .upgrade-overlay-icon:before { margin-top: 6px; font-size: 60px; }
.setting-branding .upgrade-overlay .upgrade-overlay-box .upgrade-overlay-text { margin-left: 90px; }
.setting-branding .upgrade-overlay .upgrade-overlay-box .upgrade-overlay-text h3 { margin: 0 0 10px; }
.setting-branding .upgrade-overlay .upgrade-overlay-box .upgrade-overlay-text p { margin: 0; }
/* Customization */
#generalSettings .setting-branding ._wrap ._content.custom-content-input, #generalSettings .setting-branding ._wrap ._content.custom-content-input table td { padding: 0!important; }
#generalSettings .setting-branding ._wrap ._content.custom-content-input table .custom-content-edit-area { padding: 16px!important; }
#generalSettings .setting-branding ._wrap ._content.custom-content-input table #templates_css_divs { padding: 0!important; }
#generalSettings .setting-branding ._wrap ._content.custom-content-input .selectdropdown { margin-right: 20px; }
#generalSettings .setting-branding ._wrap ._content.custom-content-input .notify.notice { margin: 0 16px 16px; font-size: 14px; line-height: 21px; }
#generalSettings .setting-branding ._wrap ._content.custom-content-input .custom-textarea-wrap { border-top:1px solid #ccc; padding-right: 40px; }
#generalSettings .setting-branding ._wrap ._content.custom-content-input .custom-textarea { padding: 16px; width:100%; height:350px; border:0; }
#generalSettings #admin_template_div { border-top: 1px solid var(--slate-200); box-sizing: border-box; }
#generalSettings #admin_template_div * { border: 0 none!important;  box-sizing: border-box; }
#generalSettings #public_template_div { border-top: 1px solid #CCC; }
/* Customize Email Headers & Footers */
#generalSettings #headers_footers_divs { margin: 0!important; padding: 0!important; border: 0 none!important; box-sizing: border-box; }
#generalSettings #header_html_div,
#generalSettings #footer_html_div,
#generalSettings #headers_footers_divs,
#generalSettings #footer_text_div,
#generalSettings #header_text_div { margin: 0!important; padding: 0!important;box-sizing: border-box; }
#generalSettings #header_text_div textarea,
#generalSettings #footer_text_div textarea { padding: 16px; width: 100%!important; border: 0 none; box-sizing: border-box; }

/* Clipboard Assist */
#clipboard-container {
	position: fixed;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	z-index: 100;
	display: none;
	opacity: 0;
}

/*-------------------------------------------------------------------------*\
   Footer
\*------------------------------------------------------------------------*/
#footerwrapper {position:relative; display: -webkit-flex; display: flex; order: 2; text-align:center; z-index: 2; }
#uxfooter {margin:0 auto; width:1040px; padding:60px 0 20px; overflow:hidden; clear:both; text-align:left; }
#uxfooter .row {float:left; width:275px; list-style:none; margin-right:20px;}
#uxfooter .last {margin-right:0; }
#uxfooter .right {float:right; width:300px; margin-right:30px; color:#c5c5c5; font-size:12px; line-height:18px;}
#uxfooter .row li {margin-bottom:12px; font-size:14px;}
#uxfooter .row li span {padding:5px; padding-top:2px; padding-bottom:3px; background:#3e3e3e; border-radius:3px;}
#uxfooter .row li div.fb-follow span {padding:0; background:transparent;}
#uxfooter .row li.rowheader {margin-bottom:18px; font-size:14px; font-weight:bold; color:#fff; text-transform:uppercase;}
#uxfooter #blogposts {color:#c5c5c5;}
#uxfooter #blogposts div.blogpost_title {margin-bottom:4px; line-height:18px;}
#uxfooter #blogposts div.blogpost_title a {font-size:12px;}
#uxfooter #blogposts div.blogpost_title a:hover,
#uxfooter #blogposts div.blogpost_title a:active {text-decoration:underline;}
#uxfooter .row a:link,
#uxfooter .row a:visited {color:#c5c5c5; text-decoration:none;}
#uxfooter .row a:hover,
#uxfooter .row a:active {color:#fff;}
#uxfooter .row li a.tw {color:#fff;}
#uxfooter .row li a.fb {padding-left:24px; background:url('../images/bg_fb.png') no-repeat 5px 1px;}
#uxfooter .row li a.rss {padding-left:24px; background:url('../images/bg_rss.png') no-repeat 5px 1px;}
#uxfooter .divider {margin:20px 0; padding:0; display:block; height:1px; background:#454545; border-top:1px solid #292929;}
#uxcopy {background-color:#343434; background:#343434; color:#fff; font-size:10px; color:#555; padding-bottom:40px; }
#uxcopy a:link,
#uxcopy a:visited {color:#c5c5c5; text-decoration:none;}

h1{
	font-size:21px;
	font-family: "IBM Plex Sans", Helvetica, sans-serif;
	font-weight:normal;
	margin:0;
	margin-bottom:10px;
}
h1>select{
	font-size:21px;
	font-family: "IBM Plex Sans", Helvetica, sans-serif;
	font-weight:normal;
	margin:0;
	margin-bottom:10px;
}
h2{
	font-size:17px;
	font-family: "IBM Plex Sans", Helvetica, sans-serif;
	font-weight:normal;
	margin:0;
	margin-bottom:10px;
}

/* --------------------------------------------------- */
/* DASHBOARD ----------------------------------------- */
/* --------------------------------------------------- */
#uxbody .dashboard {position:relative; zoom:1;}
#uxbody .dashboard table {width:100%; margin-bottom:18px; padding:0; font-size:14px; border-collapse:collapse; border:0;}
#uxbody .dashboard table th, #uxbody .dashboard table td {padding:10px 10px 9px; line-height:18px; border:0;}
#uxbody .dashboard table th {padding-top:9px; font-weight:normal; font-size:10px; vertical-align:middle; border:0;}
#uxbody .dashboard table td {vertical-align:top; border:0;}
#uxbody .dashboard table tbody th {vertical-align:top; border:0;}
#uxbody .dashboard .getstart {position:relative; width:100%; overflow:hidden; margin:0 0 20px; padding:10px 0 0; border:1px solid #e0dfdb; text-align:left; -moz-box-shadow:inset 0 0 25px #e0dfdc; -webkit-box-shadow:inset 0 0 25px #e0dfdc; box-shadow:inner 0 0 25px #e0dfdc; border-radius:6px; }
#uxbody .dashboard .getstart table {margin:0; padding:0; width:100%; border-collapse:collapse;}
#uxbody .dashboard .getstart .close {position:absolute; top:12px; right:12px; width:auto; font-size:11px; color:#333; font-weight:700; z-index:5;}
#uxbody .dashboard .getstart .close a {display:block; padding:1px 4px 4px; text-decoration:none; text-align:center;}
#uxbody .dashboard .getstart .close a.btn {
	padding:0 4px 2px!important;
	color:#a7a7a7;
	font:14px arial,sans!important;
	line-height:11px;
	background-repeat:no-repeat;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#ececec));
	background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #ececec);
	background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #ececec);
	background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #ececec);
	background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #ececec);
	background-image:linear-gradient(#ffffff, #ffffff 25%, #ececec);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec');
	border:1px solid #c2c2c2!important;
	border-bottom:1px solid #a7a7a7!important;
	text-decoration:none;
	border-radius:3px;
	text-shadow:1px 1px 0 #fff;
	-webkit-box-shadow:0 1px 1px rgba(206, 206, 206, 0.4);
	-moz-box-shadow:0 1px 1px rgba(206, 206, 206, 0.4);
	box-shadow:0 1px 1px rgba(206, 206, 206, 0.4);
	cursor:pointer;
}
#uxbody .dashboard .getstart .info {margin:0; padding-top:23px; text-align:right;}
#uxbody .dashboard .getstart .info h4 {margin-bottom:10px; padding-bottom:10px; font-size:28px; line-height:28px; border-bottom:1px solid var(--slate-200);}
#uxbody .dashboard .getstart .info p {margin:0; padding:0; font-size:18px; line-height:22px; color:#1475a7;}
#uxbody .dashboard .getstart .steps td {position:relative; color:#3f3f3f; text-align:center; overflow:hidden;}
#uxbody .dashboard .getstart .steps td p {margin-top:6px;}
#uxbody .dashboard .getstart .steps td.complete a,
#uxbody .dashboard .getstart .steps td.complete a:link,
#uxbody .dashboard .getstart .steps td.complete a:visited {color:#919191!important;}
#uxbody .dashboard .getstart .steps td.complete a img {filter:alpha(opacity=40); opacity:0.4;}
#uxbody .dashboard .getstart .steps td.complete span {position:absolute; top:0; right:2px;}
#uxbody .dashboard .getstart .steps .innerWrapper {margin:0 auto; height:115px; text-align:center;}
#uxbody .dashboard .getstart .steps a {display:block; margin:0 auto; padding:78px 0 0; color:#333; text-decoration:none;}
#uxbody .dashboard .getstart .steps a.gs_create {background:url('../images/gs_create.png') no-repeat top center;}
#uxbody .dashboard .getstart .steps a.gs_import {background:url('../images/gs_import.png') no-repeat top center;}
#uxbody .dashboard .getstart .steps a.gs_integration {background:url('../images/gs_integration.png') no-repeat top center;}
#uxbody .dashboard .getstart .steps a.gs_campaign {background:url('../images/gs_campaign.png') no-repeat top center;}
#uxbody .dashboard .getstart .steps a.gs_report {background:url('../images/gs_report.png') no-repeat top center;}

#uxbody .dashboard .fullcol {position:relative; float:left; width:100%; margin:0;}
#uxbody .dashboard .panel {position:relative; overflow:hidden;}
#uxbody .dashboard .panel a {color:#014568;}
#uxbody .dashboard .panel div.campaignview, #uxbody .dashboard .panel div.trends, #uxbody .dashboard .panel div.plans {margin-bottom:40px;}
#uxbody .dashboard .panel ul {margin:6px 0 0;}
#uxbody .dashboard .panel ul li {position:relative; height:26px; padding:10px 0; border-bottom:1px solid var(--slate-200); font-size:14px; line-height:26px; color:#606060; overflow:hidden;}
#uxbody .dashboard .panel .plans .graphcont {float:left; position:relative;}
#uxbody .dashboard .panel .plans .graphcont .graph {float:left; background:#efefef; position:relative; width:50px; padding:0; margin-right:12px; border:1px solid #cecece; border-radius:3px;}
#uxbody .dashboard .panel .plans .graphcont .graph .bar {display:block; position:relative; background:url('../images/bargraph.gif') repeat-x right center; border-right:1px solid #b4dad2; text-align:center; line-height:1.9em; font-size:14px; color:#1e668f; text-shadow:1px 1px 0 #fff;}
#uxbody .dashboard .panel .plans li form select {margin:0; width:190px; font-size:12px; float:left; height:27px; line-height:27px; border:1px solid #ccc; color:#404040!important; display:inline-block; border-radius:3px; vertical-align:baseline;}
#uxbody .dashboard .panel .plans li form input {margin-top:3px; padding:2px 3px; width:52px; font-size:12px; float:right; border-radius:3px;}
#uxbody .dashboard .panel .plans li a {display:inline; margin:3px 5px 0 0; padding:8px 15px; width:auto; font-size:11px; font-weight:100; text-shadow:none; background:#f0f0f0; background-color:#f0f0f0; border:1px solid var(--slate-200)!important; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
#uxbody .dashboard .panel .plans li a:hover {background:var(--slate-200); background-color:var(--slate-200); border:1px solid transparent!important;}
#uxbody .dashboard .panel .trends ul li div.chartnodataoverlay {display:none; position:absolute; top:10px; right:18px; font-size:10px; font-weight:700; color:#aaa; z-index:10; zoom:1;}
#uxbody .dashboard .panel .trends ul li div.smallchart,
#uxbody .dashboard .panel .trends ul li img {float:right; width:90px; z-index:1;}
#uxbody .dashboard .panel .trends ul li.viewrep {border-bottom:0;}
#uxbody .dashboard .wrapright {position:relative; float:left; width:100%; margin:0; overflow:hidden;}
#uxbody .dashboard .right {margin-left:300px; z-index:1;}
#uxbody .dashboard .right .emview {position:relative; margin-bottom:20px; width:100%; zoom:1; text-align:center; overflow:hidden;}
#uxbody .dashboard .right .emview .view {position:relative; float:left; width:48%; height:200px; padding:0; overflow:hidden; border:1px solid #e0dfdb; -moz-box-shadow:inset 0 0 25px #e0dfdc; -webkit-box-shadow:inset 0 0 25px #e0dfdc; box-shadow:inner 0 0 25px #e0dfdc; zoom:1;}
#uxbody .dashboard .right .emview .view h5 {margin:0 0 12px; padding:10px 0; font-size:16px; line-height:18px; text-transform:uppercase; text-align:center; background:url('../images/bg_emview_dots.gif') repeat-x bottom left; text-shadow:1px 1px 0 #fff;}
#uxbody .dashboard .right .emview .view h4 {margin:0 auto 10px; font-size:40px; line-height:40px; color:#0f3e76; text-shadow:1px 1px 0 #fff;}
#uxbody .dashboard .right .emview div.chartnodataoverlay {display:none; position:absolute; bottom:30px; width:100%; font-size:1.5em; font-weight:700; text-align:center; color:#aaa; z-index:10; zoom:1;}
#uxbody .dashboard .right .emview #chart_subscriptions, #uxbody .dashboard .right .emview #chart_interaction {position:absolute; bottom:0; width:100%; z-index:1; zoom:1;}
#uxbody .dashboard .right .actstream {margin:0; padding:0;}
#uxbody .dashboard .right .actstream h5 {margin:0 0 0 10px; padding:0; width:auto; font-size:18px; line-height:18px;}
#uxbody .dashboard .right .actstream .streamhead {position:relative; width:100%; margin:0; padding:0; background:var(--slate-100); border-top:4px solid #c4c4c4; border-bottom:1px solid #d0d0d0; z-index:100;}
#uxbody .dashboard .right .actstream .streamhead thead tr th {position:relative; width:30%; margin:0; padding:0; height:22px;}
#uxbody .dashboard .right .actstream .streamhead thead tr th.filter {width:80%; padding:10px; overflow:hidden;}
#uxbody .dashboard .right .actstream .streamhead thead tr th.filter .btn {position:relative; float:right; margin:0; padding:3px 7px; font-size:12px; border-radius:3px;}
#uxbody .dashboard .right .actstream .streamhead thead tr.filteroptions {background:#ececec;}
#uxbody .dashboard .right .actstream .streamhead thead tr.filteroptions th {margin:0; padding:0;}
#uxbody .dashboard .right .actstream .streamhead thead tr.filteroptions th form {position:relative; float:left; margin:0!important; padding:10px!important; position:relative; width:100%; border-top:1px solid #d0d0d0;}
#uxbody .dashboard .right .actstream .streamhead thead tr.filteroptions th fieldset,
#uxbody .dashboard .right .actstream .streamhead thead tr.filteroptions th fieldset label,
#uxbody .dashboard .right .actstream .streamhead thead tr.filteroptions th fieldset input {float:left; display:inline; margin:0; padding:0;}
#uxbody .dashboard .right .actstream .streamhead thead tr.filteroptions th fieldset {position:relative; height:100%; margin-right:20px;}
#uxbody .dashboard .right .actstream .streamhead thead tr.filteroptions th fieldset label {width:auto; line-height:12px; cursor:pointer;}
#uxbody .dashboard .right .actstream .streamhead thead tr.filteroptions th fieldset input {width:14px; margin:0 5px 0 0;}
#uxbody .dashboard .right .actstream .streamhead thead tr th.rss {padding:0 10px; width:15px; border-left:1px solid #d0d0d0;}
#uxbody .dashboard .right .actstream .streamview {position:relative; margin:0; padding:0; overflow:hidden; z-index:50;}
#uxbody .dashboard .right .actstream .streamview td {position:relative; padding:12px 0; border-bottom:1px solid var(--slate-200); vertical-align:middle!important;}
#uxbody .dashboard .right .actstream .streamview td.viewer {width:100%; overflow:hidden;}
#uxbody .dashboard .right .actstream .streamview td.viewer .avatarstream {display:inline; margin:0; margin-left:-3px; padding:0; height:25px; overflow:hidden; background:none; z-index:1;}
#uxbody .dashboard .right .actstream .streamview td.viewer .avatarstream a.avatarstream-wrap {position:relative; display:block; float:left; margin:0 3px; width:25px; height:25px; border-radius:100%; overflow:hidden;}
#uxbody .dashboard .right .actstream .streamview td.viewer .avatarstream a.avatarstream-wrap img {position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; display:block; width:25px; height:25px; border-radius:100%; zoom:1;}
#uxbody .dashboard .right .actstream .streamview td.streaminfo {position:relative; width:20%; min-width:192px!important; overflow:hidden;}
#uxbody .dashboard .right .actstream .streamview td.streaminfo div {float:left; width:auto; padding:5px; height:22px; margin-right:10px; font-size:24px; line-height:20px; font-weight:700; text-align:center; border-radius:3px;}
#uxbody .dashboard .right .actstream .streamview td.streaminfo p {float:left; margin:0; font-size:14px; color:#262626; font-weight:700; line-height:16px;}
#uxbody .dashboard .right .actstream .streamview td.streaminfo small {font-size:12px; color:#848484; font-weight:100;}
#uxbody .dashboard .right .actstream .streamview td.streaminfo .acalert {background-color:#ffd800; color:#000; }
#uxbody .dashboard .right .actstream .streamview td.streaminfo .facebook {background-color:#3b5997; color:#fff;}
#uxbody .dashboard .right .actstream .streamview td.streaminfo .twitter {background-color:#27b9ea; color:#fff;}
#uxbody .dashboard .right .actstream .streamview td.faded p {color:#909090!important;}
#uxbody .dashboard .right .actstream .streamview td.faded div {background-color:#e6e6e6; color:#909090!important;}
#uxbody .dashboard .right .actstream .streamview td.faded img {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter:alpha(opacity=40); -khtml-opacity:0.4; opacity:0.4;}
#uxbody .dashboard .right .actstream .streamview img.faded {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter:alpha(opacity=40); -khtml-opacity:0.4; opacity:0.4;}
#uxbody .dashboard .right .actstream #nodataoverlay {display:none; position:absolute; top:0; width:100%; height:100%; overflow:hidden; z-index:55;}
#uxbody .dashboard .right .actstream #nodataoverlay .nodataoverlaytext {position:absolute; top:185px; left:18%; padding:10px; width:65%; background:#fff!important; border:1px solid #7b7b7b!important; font-size:12px; color:#212121; text-align:center; z-index:56; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter:alpha(opacity=75); -khtml-opacity:0.75; opacity:0.75; -webkit-box-shadow:1px 1px 20px 5px rgba(0, 0, 0, .2); -moz-box-shadow:1px 1px 20px 5px rgba(0, 0, 0, .2); box-shadow:1px 1px 20px 5px rgba(0, 0, 0, .2); border-radius:3px;}
#uxbody .dashboard .right .actstream #nodataoverlay .nodataoverlaytext h4 {margin:0 0 4px; padding:0; font-size:16px; font-weight:700; color:#0f3e76;}
#uxbody .dashboard .right .actstream #nodataoverlay .nodataoverlaytext p {margin:0; padding:0;}
#uxbody .dashboard .right .actstream #nodataoverlay .streamviewoverlay {position:absolute; top:50px; width:100%; height:100%; background:#fff; z-index:55; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter:alpha(opacity=85); -khtml-opacity:0.85; opacity:0.85;}
#uxbody .dashboard .right .actstreamreload {position:relative; margin:0; width:100%; background:#eaeaea; padding:10px 0; text-align:center; font-size:12px; color:#626262; border-top:1px solid var(--slate-200); cursor:pointer; z-index:100;}
#uxbody .dashboard .right .actstreamreload span {display:block; background:url('../images/actstream_reload.png') no-repeat 0 3px; margin:0 auto; padding:4px 10px; width:138px; text-shadow:1px 1px 0 #fff;}
#uxbody .dashboard .right .actstreamreloadanimate span {background:url('../images/actstream_reload_on.gif') no-repeat 0 3px; color:#333; }

#uxbody .dashboard .left {float:left; width:270px; margin-left:-100%;}
#uxbody .dashboard .left h5 {margin:0; padding:0 0 20px; font-size:18px; line-height:18px; border-bottom:2px solid #c4c4c4;}
#uxbody .dashboard .left .campaignview {margin:0 0 20px;}
#uxbody .dashboard .left .campaignview .btn {display:block; margin:0 0 10px; padding:15px 28px; background:#0f3e76!important; background-color:#0f3e76!important; border:1px solid #0f3e76!important; border-radius:5px; text-align:center;}
#uxbody .dashboard .left .campaignview .btn:hover {background:#4774aa!important; background-color:#4774aa!important; border:1px solid #4774aa!important;}
#uxbody .dashboard .left .campaignview .btn span.create {display:block; padding:0; color:#fff; font-weight:100; text-shadow:none;}
#uxbody .dashboard .left .campaignview div#cpview div.expanded {background:url('../images/bg_li_campaignview_open.png') no-repeat 0 16px;}
#uxbody .dashboard .left .campaignview div#cpview div {position:relative; height:26px; padding:10px 0 10px 20px; background:url('../images/bg_li_campaignview.png') no-repeat 0 16px; border-bottom:1px solid var(--slate-200); font-size:14px; line-height:26px; color:#212121; font-weight:700; cursor:pointer;}
#uxbody .dashboard .left .campaignview ul {margin:10px 0 0 10px!important;}
#uxbody .dashboard .left .campaignview li {margin:0!important; padding:2px 0!important; line-height:6px!important; border-bottom:0!important;}
#uxbody .dashboard .left .campaignview li a {margin:0!important; padding:0 0 0 22px!important; color:#595959; line-height:22px!important; text-decoration:underline;}
#uxbody .dashboard .left .campaignview div#cpview ul.drafts li a {display:inline-block; width:238px; background:url('../images/bg_li_campaignview_draft.png'); background-repeat:no-repeat; background-position:0 4px; background-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#uxbody .dashboard .left .campaignview div#cpview ul.templates,
#uxbody .dashboard .left .campaignview div#cpview ul.completed {position:relative; margin-left:-4px; overflow:hidden;}
#uxbody .dashboard .left .campaignview div#cpview ul.templates li,
#uxbody .dashboard .left .campaignview div#cpview ul.completed li {float:left; margin:0 6px 8px!important; padding:0!important; height:100%; overflow:hidden;}
#uxbody .dashboard .left .campaignview div#cpview ul.templates li a,
#uxbody .dashboard .left .campaignview div#cpview ul.completed li a {float:none; display:block; margin:0!important; padding:1px!important; width:62px; height:72px; border:1px solid var(--slate-200);}
#uxbody .dashboard .left .campaignview div#cpview ul.templates li a:hover,
#uxbody .dashboard .left .campaignview div#cpview ul.completed li a:hover {border-color:#8c8c8c;}

/* --------------------------------------------------- */
/* STATUS MESSAGE ------------------------------------ */
/* --------------------------------------------------- */


.campaign_summary_options #scheduledate_options, .campaign_summary_green #scheduledate_options a {display:inline-block; padding: 0; cursor:pointer; color:#969696;}
.campaign_summary_options #scheduledate_options, .campaign_summary_green #scheduledate_options a { display: inline-block !important; cursor: pointer; width: 100px; }
.campaign_summary_green #campaign_scheduledate_container .popover { width: 150px; z-index: 99;}

input#campaign_scheduledate.error { border: 2px #f37c7b solid; }

.ac_help_inline, .campaign_summary_green {position:relative; padding:6px 10px; font-size:14px; line-height:18px; color:#595959; background:#ebf8ff; border:none; border:0; border-top:1px solid #c1dae7; border-bottom:1px solid #b7d0dd; border-radius:0; overflow:visible;}
.campaign_summary_green, .campaign_summary_green a {padding:10px; color:#000!important; font-weight:700;}
.campaign_summary .ac_autocomplete {z-index:5;}
.campaign_help {padding:10px; font-size:12px; background:#fff; border:1px solid #f2f1ea; border-bottom:1px dotted #ddd; color:#5a5a5a; border-top-left-radius:5px; border-top-right-radius:5px; }
table tr td input#subscriberEmailTestField {padding:6px 3px!important; font-size:14px!important; width:300px!important;}

#test table.send_preview td {padding-bottom:12px!important;}
#test table.send_preview td:first-child {border-right:1px solid #ddd;}
#test table.send_preview td .greybtn {background:#fff; color:#a7a7a7; background:-moz-linear-gradient(top, #fff 0%, var(--slate-100) 100%)!important; background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,var(--slate-100)))!important; background:-webkit-linear-gradient(top, #fff 0%,var(--slate-100) 100%)!important; background:-o-linear-gradient(top, #fff 0%,var(--slate-100) 100%)!important; background:-ms-linear-gradient(top, #fff 0%,var(--slate-100) 100%)!important; background:linear-gradient(to bottom, #fff 0%,var(--slate-100) 100%)!important;}
#test #subscriberEmailTestField {width:200px!important; padding:8px 3px!important;}
#test .spamcheck {margin:0; padding:0; border-top:1px solid #ddd;}
#test .spamcheck #spamcheck_result {margin:20px 0 0;}

/* --------------------------------------------------- */
/* DEFAULT FORM STYLES ------------------------------- */
/* --------------------------------------------------- */
/* This is legacy, DO NOT use or update. Refer to style.css */
input[type=text], input[type=password] {padding:3px;}

#uxbody table input[type=text],
#uxbody form input[type=text],
#uxbody table input[type=password],
#uxbody form input[type=password],
#uxbody table textarea,
#uxbody form textarea { display:inline-block; background-color:#ffffff; line-height:100%; }

#uxbody .uxlftcolm form input[type=checkbox],
#uxbody .uxlftcolm form input[type=checkbox]:checked,
#uxbody .uxlftcolm form input[type=radio],
#uxbody .uxlftcolm form input[type=radio]:checked {display:inline-block; width:auto; height:auto; padding:0; margin:0 8px 0 0; /* IE6-7 */ border:none!important; cursor:pointer; }
#uxbody .uxlftcolm form input[type=checkbox] { width: auto !important; }
#uxbody #preview_ input[type="button"]:hover,
#uxbody #preview_ input[type="submit"]:hover,
#uxbody #preview_ button:hover,
.ac_modal_inner input[type="button"]:hover,
#uxbody .uxlftcolm #list input[type=button]:hover {color:#333; background-color:#f8f8f8}
#uxbody .uxlftcolm form input[type=button]:active,
#uxbody .uxlftcolm form input[type=reset]:active,
#uxbody .uxlftcolm form input[type=submit]:active {position:relative;}
#uxbody .uxlftcolm form input,
#messagecontent input,
#campaignform input,
#uxbody .uxlftcolm form textarea {
	z-index:1;
}
.ac_modal_inner input:focus,
#messagecontent input:focus,
#campaignform input:focus,
#uxbody .uxlftcolm form input:focus,
#uxbody .uxlftcolm #list input[type=button]:focus,
#uxbody .uxlftcolm form textarea:focus {
	outline:0;
}

.ac_blockquote {margin:5px 0; padding:0;}
#senderaddr2Field {margin-top:4px!important;}
.ac_checkboxlist {border:none;}
#list_search {border:1px solid #c3c3c3; border-bottom-color:#a7a7a7;}

.pageHeadTitle {
	position:relative;
	margin:-50px 0 -22px;
	padding:23px 23px 20px;
	overflow:visible;
}
.lead-score_head {
	position:relative;
	margin:-50px 0 -22px;
	padding:46px 0;
	overflow:visible;
}
.pageHeadTitle h1, .pageHeadTitle h3 {
	position:relative;
	display:inline-block;
	margin:0!important;
	padding:0!important;
}



.pageHeadTitle ul#breadcrumbs {margin:10px 0;}
.pageHeadTitle ul#breadcrumbs li {display:inline;}
.pageHeadTitle ul#breadcrumbs li a {color:#999; font-size:12px; font-weight:100;}
.pageHeadTitle ul#breadcrumbs li:after {position:relative; top:1px; margin:0 2px 0 9px; content:'\232A';color:#999; font-size:11px;}
.pageHeadTitle ul#breadcrumbs li:last-child:after {content:'';}
.pageHeadTitle ul#breadcrumbs li:last-child a {color:#d1d1d1; text-decoration:none;}

/* filter search bar */
.filterSearch {position:absolute; top:23px; right:23px;}
.filterSearch .btnsmall {float:left; margin:2px 6px 0 0!important; padding:3px 5px!important; line-height:16px!important;}
.filterSearch .dots {float:right; width:4px; background:url('../images/filterSearch.search.dots.gif') repeat-y 0 0;}
.filterSearch .search {width:222px; color:#333; line-height:100%; background-color:#fff; border:1px solid #c0c0c0; border-radius:3px;}
.filterSearch input[type=text] {margin:0!important; padding:7px 1px 7px 5px!important; width:185px; background:none!important; border:none!important; border-right:1px solid #c0c0c0!important;}
.filterSearch input[type=text]:focus {-webkit-box-shadow:none!important; -moz-box-shadow:none!important; box-shadow:none!important;}
.filterSearch input.readonly {color:#0f3e76; font-weight:600;}
.filterSearch input.search {position:relative; margin:0!important; padding:7px 1px!important; background:none!important; border:none!important; width:29px!important; background:#fff url('../images/filterSearch.search.button.png') no-repeat 50% 8px!important; cursor:pointer!important;}

.filterSearch .clear {position:absolute; right:38px; filter:alpha(opacity=50); opacity:0.5; cursor:pointer;}
.filterSearch .clear:hover {filter:alpha(opacity=90); opacity:0.9;}

.templates_head .filterSearch  {top:0; right:86px;}

/* drop down list menu */
.filterList .selectdropdown { display: inline-block; }
.filterList .selectdropdown > a { padding-right: 0!important; }
.filterList .selectdropdown > a:active, body.report .filterList .selectdropdown > a.active { position: relative;top: 0;color: #aeaeae;background-color: #fff;border-bottom: 1px solid var(--slate-200);z-index: 500; }

#filterList {position:absolute; top:20px; right:20px;}
body.form #filterList {top:23px; right:23px;}
#filterList a.drop {position:relative; outline:none; padding:5px; background:#fff; text-decoration:none; border:1px solid transparent!important; webkit-box-shadow:none!important; -moz-box-shadow:none!important; box-shadow:none!important; border-radius:3px 3px 0 0; z-index:300;}
#filterList a.dropActive {border:1px solid #c2c2c2!important; border-bottom:1px solid transparent!important; webkit-box-shadow:none!important; -moz-box-shadow:none!important; box-shadow:none!important; border-radius:3px 3px 0 0;}
#filterList a.drop > span {position:relative; margin:0!important; padding:0 14px 0 5px!important; background:#fff url('../images/listLists.options.dropdown.png') no-repeat center right;}
#filterList .importListDropdown {display:none; position:absolute; top:20px; right:0; padding:12px; width:286px; background-color:#fff; border:1px solid #c2c2c2!important; text-align:left; z-index:180; -webkit-box-shadow:0 1px 1px rgba(206, 206, 206, 0.8); -moz-box-shadow:0 1px 1px rgba(206, 206, 206, 0.8); box-shadow:0 1px 1px rgba(206, 206, 206, 0.8); border-radius:5px 0 5px 3px; }
#filterList .importListDropdown > li {position:relative; display:block; margin:5px 0 0; padding:5px 0 7px; border-bottom:1px solid #e8e8e8; height:100%; overflow:hidden; line-height:18px;}
#filterList .importListDropdown > li:last-child  {border-bottom:0 none;}
#filterList .importListDropdown li > div > a {color:#004290;}
#filterList .importListDropdown li > div.listName {float:left; width:145px;}
#filterList .importListDropdown li > div.statusInfo {position:relative; float:right; margin:0; padding:0; width:130px; text-align:right; overflow:hidden;}
#filterList .importListDropdown li > div.statusInfo .graphcont {position:relative; margin:0; padding:0; float:right; display:block; width:126px; background:url('../images/loader4.gif') no-repeat 0 5px; overflow:hidden;}
#filterList .importListDropdown li > div.statusInfo .graphcont .graph {position:relative; float:right!important; width:100px; padding:0; background:#efefef; border:1px solid #cecece; border-radius:3px;}
#filterList .importListDropdown li > div.statusInfo .graphcont .graph .bar {display:block; position:relative; background:url('../images/bargraph.gif') repeat-x right center; border-right:1px solid #b4dad2; color:#333!important; text-align:center; line-height:1.9em; text-shadow:1px 1px 0 #fff; white-space:nowrap!important; word-wrap:none!important;}

#campaignLists ul.lists {position:relative; display:table-row; margin:10px 0 0!important; padding:0; width:100%; height:100%; zoom:1; z-index:10;}
#campaignLists ul.lists a {color:#004290; text-decoration:none;}
#campaignLists ul.lists > li {position:relative; margin:0 0 20px; padding:0 24px; height:110px!important; display:inline; border-bottom:1px solid var(--slate-200); overflow:hidden; zoom:1; z-index:999;}
#campaignLists ul.lists > li:first-child {padding-top:0;}
#campaignLists ul.lists li .imgwrap {float:left; width:105px; height:90px; overflow:hidden;}
#campaignLists ul.lists li .imgwrap .avatars {position:relative; margin:0; padding:0; width:100%; height:15px; overflow:hidden; background:url(../images/campaign-activity-bg.gif); background-position:top; background-repeat:no-repeat; }
#campaignLists ul.lists li .imgwrap .avatars a {float:left; display:block; width:15px; height:15px;}
#campaignLists ul.lists li .imgwrap .avatars a img {display:inline; border:0; width:15px; height:15px;}
#campaignLists ul.lists li .imgwrap .img {position:relative; width:103px; height:73px; display:block; border:1px solid var(--slate-200);}
#campaignLists ul.lists li .imgwrap .img:after, #campaignLists ul.lists li .imgwrap .img > span:after {position:absolute; top:1px; left:1px; bottom:1px; right:1px; content:" ";}
#campaignLists ul.lists li .folder {position:absolute; right:30px; width:auto; z-index:15; zoom:1; text-align:right;}
#campaignLists ul.lists li .folder > a {position:relative; display:inline-block; margin-right:-1px; padding:2px 7px; font-size:11px; color:#6e6e6e; width:auto!important; background:#f1f1f1; border-radius:3px!important; text-decoration:none!important; text-align:right; border:1px solid transparent; z-index:20;}
#campaignLists ul.lists li .folder .foldershown {width:auto!important; color:#666; border:1px solid var(--slate-200); border-bottom:1px solid transparent; background:#fff; z-index:50;}
#campaignLists ul.lists li .folder .folders {position:relative; top:-2px; padding:6px; height:55px; border:1px solid var(--slate-200); background:#fff; overflow:auto; -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1); box-shadow:0 1px 3px rgba(0, 0, 0, 0.1); z-index:12;}
#campaignLists ul.lists li .folder .folders:hover {overflow-x:auto;}
#campaignLists ul.lists li .folder .folders > li {margin:0 16px 0 0; padding:0; font-size:11px!important; color:#6e6e6e!important; width:auto; text-decoration:none!important; text-align:left; line-height:16px; white-space:nowrap;}
#campaignLists ul.lists li .campaigninfo {overflow:hidden; height:100%; margin-left:120px;}
#campaignLists ul.lists li .campaigninfo .title {display:inline-block; width:auto; margin:-2px 0 16px; padding:0; color:#333; font-size:14px; line-height:16px; text-decoration:underline;}
#campaignLists ul.lists li .campaigninfo .title:hover {text-decoration:none;}
#campaignLists ul.lists li .campaigninfo small {display:block; padding:2px 0 12px 22px; color:#888; font-size:12px; line-height:12px;}
#campaignLists ul.lists li .campaigninfo .single {background:url('../images/campaignlists_reg.png') no-repeat 0 2px;}
#campaignLists ul.lists li .campaigninfo .scheduled {background:url('../images/campaignlists_schedule.png') no-repeat 0 0;}
#campaignLists ul.lists li .campaigninfo .draft {background:url('../images/campaignlists_draft.png') no-repeat 0 0;}
#campaignLists ul.lists li .campaigninfo .recurring {background:url('../images/campaignlists_recurring.png') no-repeat 0 0;}
#campaignLists ul.lists li .campaigninfo .text {background:url('../images/campaignlists_text.png') no-repeat 0 0;}
#campaignLists ul.lists li .campaigninfo .reminder {background:url('../images/campaignlists_datebase.png') no-repeat 0 0;}
#campaignLists ul.lists li .campaigninfo .activerss {background:url('../images/campaignlists_rss.png') no-repeat 0 0;}
#campaignLists ul.lists li .campaigninfo .responder {background:url('../images/campaignlists_auto.png') no-repeat 0 0;}
#campaignLists ul.lists li .campaigninfo .split {background:url('../images/campaignlists_split.png') no-repeat 0 0;}
#campaignLists ul.lists li .campaigninfo .alert {background:url('../images/campaignlists_alert.png') no-repeat 0 0;}
#campaignLists ul.lists li .buttons {position:relative; margin:5px 0 0; padding:0; width:100%; overflow:hidden;}
#campaignLists ul.lists li .buttons .btnsmall {float:left; margin:0 8px 0 0!important; padding:3px 5px!important; color:#666!important; line-height:16px!important;}
#campaignLists ul.lists li .buttons .delete {padding:3px 7px!important; color:#666!important; font-size:11px!important;}
#campaignLists ul.lists li .buttons > a span {display:block; padding-left:19px; padding-top:1px; background-repeat:no-repeat; background-position:0 1px;}
#campaignLists ul.lists li .buttons a.continue span {padding-left:20px; padding-right:8px; background-image:url('../images/campaignlists_continue.png'); background-position:4px;}
#campaignLists ul.lists li .buttons a.enable span {background-image:url('../images/campaignlists_enable.png');}
#campaignLists ul.lists li .buttons a.disable span {background-image:url('../images/campaignlists_disable.png');}
#campaignLists ul.lists li .buttons a.folder span {background-image:url('../images/campaignlists_folder.png');}
#campaignLists ul.lists li .buttons a.resume span {background-image:url('../images/campaignlists_resume.png');}
#campaignLists ul.lists li .buttons a.stop span {padding-left:18px; background-image:url('../images/campaignlists_stop.png');}
#campaignLists ul.lists li .buttons a.pause span {padding-left:18px; background-image:url('../images/campaignlists_pause.png');}
#campaignLists ul.lists li .buttons a.edit span {padding-left:16px; background-image:url('../images/campaignlists_edit.png'); background-position:0 2px;}
#campaignLists ul.lists li .buttons a.send span {background-image:url('../images/campaignlists_send.png'); background-position:0 3px;}
#campaignLists ul.lists li .buttons a.copy span {background-image:url('../images/campaignlists_copy.png'); background-position:0 3px;}
#campaignLists ul.lists li .buttons a.resend span {background-image:url('../images/campaignlists_resend.png'); padding-left:17px; }
#campaignLists ul.lists li .buttons a.report span {background-image:url('../images/campaignlists_report.png'); width:15px; padding:0;}
#campaignLists ul.lists li .buttons a.ticket span {background-image:url('../images/campaignlists_ticket.png');color:red;font-weight:bold;}
#campaignLists ul.lists li .buttons a.survey span {background-image:url('../images/campaignlists_survey.png');}

#campaignLists ul.report li .buttons a.report span {background-image:url('../images/campaignlists_report.png'); width:auto; padding-left:19px;}

#campaignLists ul.lists div.ui-widget-header {width:2px; margin:10px 0 0 15px; z-index:5000; background:transparent!important; border:none!important; position:relative; overflow:visible;}
div.ui-widget-header span {position:absolute; width:auto; padding:8px 13px; background:#f9f9f9!important; border:1px solid #d3d3d3!important; text-decoration:none; white-space:nowrap; border-radius:5px; -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.4); box-shadow:0 1px 2px rgba(0, 0, 0, 0.4);}

.campaigns_head {border-bottom:0 none;}
.campaigns_head .button_group {margin:0 0 10px; display:block;}

#listLists .ac_page-title h3 {
	margin-top: 0;
	font-size: 22px;
	font-weight: 600;
	margin: 0 0 22px 20px;
}
#listLists .ac_lists .ac_lists-header {
	background: var(--slate-100);
	border: none;
	border-radius: var(--radii-100);
	display: flex;
	flex-direction: column;
	height: 60px;
	justify-content: center;
	margin-bottom: 10px;
	padding-left: 12px;
	padding-right: 12px;
}
#listLists .ac_lists .ac_lists-header .delete-selected.red button {
	background-color: var(--strawberry-500);
	border: 1px solid var(--strawberry-500);
	color: #fff;
}
#listLists .ac_lists td.checkbox {
	width: 14px;
	text-align: left;
}
#listLists .ac_lists td.checkbox input[type="checkbox"].ac_check + label,
#listLists .ac_lists td.checkbox input[type="checkbox"].ac_check + label > span {
	background-size: 14px;
	height: 14px;
	width: 14px;
}

#listLists .ac_lists .ac_lists-subheader input[type="checkbox"].ac_check:checked + label > span,
#listLists .ac_lists .checkbox input[type="checkbox"].ac_check:checked + label > span {
	background-position: 0 -14px;
}
#listLists .ac_lists td.avatars img {
	border: 1px solid var(--slate-200);
	border-radius: 100%;
	box-sizing: border-box;
}
#listLists .ac_lists td.avatars .view-all {
	background-color: white;
	border: 1px solid var(--slate-200);
	border-radius: var(--radii-100);
	color: var(--slate-600);
	display: initial !important;
    top: 4px;
	margin: -2px 0 0 6px;
	padding: 4px 8px;
	position: relative;
	text-decoration: none;
	white-space: nowrap;
    width: auto !important;
}
#listLists .ac_lists td.avatars .view-all:hover {
	background-color: var(--slate-200);
}
#listLists .ac_lists td.avatars a {
	display: inline-block;
	margin-right: 3px;
	width: 25px;
	height: 25px;
	overflow: hidden;
	vertical-align: top;
}
#listLists .ac_lists td.actions {
	display: flex;
    justify-content: flex-end;
	padding-right: 0;
}
#listLists .ac_lists td.actions .buttons {
	display: none;
}
#listLists .ac_lists td.actions .ac_multibutton-mini {
	min-width: 200px;
}
#listLists .ac_lists td.actions .ac_multibutton-mini.ac_popover {
	display: flex;
	justify-content: flex-end;
}
#listLists .ac_lists td.actions .ac_multibutton-mini.ac_popover .ac-icon-down:before {
	margin-left: 0;
}
#listLists .ac_lists td.actions .ac_multibutton-mini .ac_popover-menu {
    left: unset;
	margin-top: 36px;
    right: 5px;
}
#listLists .ac_lists td.actions .ac_multibutton-mini .ac_popover-menu:before,
#listLists .ac_lists td.actions .ac_multibutton-mini .ac_popover-menu:after {
	left: initial;
	right: 20px;
}
#listLists .ac_lists .actions .ac_multibutton-mini > a.ac_button {
	width: 100%;
	text-align: left !important;
	padding: 4px 12px 4px 8px !important;
	font-size: var(--fs-200);
	line-height: var(--lh-200);
	font-weight: var(--fw-medium);
	border-radius: var(--radii-100) 0 0 var(--radii-100) !important;
}
#listLists .ac_lists .actions .ac_multibutton-mini > .popover-trigger {
	width: 10px;
	height: 20px;
	text-align: left !important;
	left: -5px;
	top: 0;
	padding: 8px 7px 0 7px !important;
	border-radius: 0 var(--radii-100) var(--radii-100) 0 !important;
}

#listLists .ac_lists .actions .ac_multibutton-mini.open > .popover-trigger .icon {
	width: 8px;
	-webkit-transform-origin-y: 7px;
}

#listLists .ac_lists .actions .ac_multibutton-mini > .popover-trigger .icon svg {
	width: 8px;
}

#listLists .ac_lists .actions .ac_multibutton-mini.open > .popover-trigger .icon svg {
	height: 8px;
	vertical-align: unset;
}

#listLists .ac_lists .ac_lists-header td {
	align-items: center;
	border: unset;
	border-radius: var(--radii-100);
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

#listLists .ac_lists .ac_lists-header .search-wrap {
	float: none;
}

#listLists .ac_lists .seg_row td {
	text-align: left;
}
#listLists .ac_lists .segments {
	margin:10px 0;
	padding:6px 4px 0;
	border:1px solid #ededed;
	overflow:hidden;
}

#listLists .ac_lists .segments .segment_loader {
	padding: 8px;
	height: 18px;
}

#listLists .ac_lists .segments .segment {
	display:inline-block;
	margin:0 4px 7px;
	padding:8px 13px;
	color:#5d5d5d;
	background:#f9f9f9;
	border:1px solid #d3d3d3;
	text-decoration:none;
	border-radius:5px;
}

#listLists .ac_lists .segments .segment.nosegments {
	background: none;
	border: none;
}

#listLists .ac_lists .segments .addsegment {
	padding:8px 13px;
}
#listLists .ac_lists .segments .addsegment span {
	display:block;
	margin:0!important;
	padding-left:22px;
	background:url('../images/add2-16-16.png') no-repeat 0 -1px;
}
#listLists .ac_lists .list_link {
	text-decoration: none;
	color: var(--slate-600);
}
#listLists .ac_lists .list_link:hover {
	text-decoration: underline;
}
#listLists .ac_lists .name .list_link {
	color: var(--ocean-500);
}
#list_list table {
	table-layout: fixed;
}
body.old.list .twipsy {
	white-space: normal !important;
}
body.list #settingsModal label .description {
	margin-top: 3px;
	font-size: 12px;
	color: var(--slate-600) !important;
	font-weight: normal !important;
}
body.list #settingsModal .settings_left {
	float: left;
	clear: both;
}
body.list #settingsModal .settings_right {
	float: right;
}
body.list #settingsModal .settings_row + .settings_row {
	margin-top: 20px;
}

/* List Setting Modal */
body.list #settingsModal .ac_tabcontainer .tab-bar {
	height: 40px;
}
body.list #settingsModal .tabs .tab {
	float: left;
	display: block;
	margin-left: -1px;
	padding: 10px 20px;
	border: var(--slate-200) 1px solid!important;
	border-bottom: 0 none!important;
	background: #FAFAFA;
	color: var(--slate-600);
	box-sizing: border-box;
	cursor: pointer;
}
body.list #settingsModal .tabs .tab:first-child {
	margin-left: 0;
	border-left: 0 none!important;
}
body.list #settingsModal .tabs .tab.active {
	background-color: #fff;
	color: var(--slate-600);
}
body.list #settingsModal .tabs .tab.active:after {
	position: absolute;
	content: '';
	left: 0;
	bottom: -1px;
	width: 100%;
	border: 1px solid #FFFFFF;
	box-sizing: border-box;
}
body.list #settingsModal #generalSettings button.popover-trigger {
	margin: 0;
	width: auto;
	height: auto;
}
body.list #settingsModal #generalSettings button.popover-trigger + .ac_popover-menu {
	left: initial;
	right: 0;
}
body.list #settingsModal #generalSettings button.popover-trigger + .ac_popover-menu:before,
body.list #settingsModal #generalSettings button.popover-trigger + .ac_popover-menu:after {
	left: initial;
	right: 32px;
}
body.list #settingsModal #generalSettings button.popover-trigger + .ac_popover-menu .group-title {
	padding: 9px 27px;
}

.segment-new-location-info-banner {
    background-color: var(--lavender-100) !important;
	border-radius: 5px;
    border-left: 5px solid var(--lavender-400) !important;
	padding: 10px 15px 10px 10px;
}
.segment-new-location-info-banner span {
    color: var(--lavender-400) !important;
}

#listLists div.lists div.listrow {position:relative; margin:20px 0!important; padding:0; overflow:visible; width:102%; min-height:95px;}
#listLists div.lists div.listrow {margin:0 0 14px!important; padding:10px 0 20px!important; width:100%; border-bottom:1px solid var(--slate-200);}
#listLists div.lists div.listrow div.llft {position:relative; float:left; margin:0 20px 0 0; padding:0; width:152px; height:105px; overflow:hidden;}
#listLists div.lists div.listrow div.llft a {text-decoration:none;}
#listLists div.lists div.listrow div.llft .graphcontent {position:relative; padding-bottom:4px; font-size:11px; color:#a9a9a9;}
#listLists div.lists div.listrow div.llft .graphcontent .graph {display:block; margin-bottom:4px; width:150px; height:74px; border:1px solid #ececec;}
#listLists div.lists div.listrow div.llft .graphcontent .chartnodataoverlay {display:block; position:absolute; top:30px; text-align:center; width:100%;}
#listLists div.lists div.listrow div.llft ul.graphnav {position:absolute; top:84px; right:0; width:auto; overflow:hidden;}
#listLists div.lists div.listrow div.llft ul.graphnav li {display:inline; float:none;}
#listLists div.lists div.listrow div.llft ul.graphnav li a {display:block; margin-left:3px!important; float:left; width:6px; height:6px; background:url('../images/listLists.llft.graphnav.li.png') no-repeat 0 -6px; text-indent:100%; white-space:nowrap; overflow:hidden;}
#listLists div.lists div.listrow div.llft ul.graphnav li a:hover, #listLists div.lists div.listrow div.llft ul.graphnav li a.selected {background-position:0 0;}
#listLists div.lists div.listrow div.lrgt {position:relative; margin:0 0 0 180px; padding:0;}
#listLists div.lists div.listrow div.lrgt h2 a {position:relative; display:inline; margin:0; padding:0; line-height:100%; color:#333; text-decoration:underline; overflow:hidden;}
#listLists div.lists div.listrow div.lrgt h2 a:hover {text-decoration:none;}
#listLists div.lists div.listrow div.lrgt h2 .subcount {margin-left:6px; color:#a9a9a9; zoom:1;}
#listLists div.lists div.listrow div.lrgt h2 .subcount a {color:#a9a9a9!important; zoom:1;}
#listLists div.lists div.listrow div.lrgt .segmentlists {position:relative; float:right; font-size:11px; z-index:10;}
#listLists div.lists div.listrow div.lrgt .segmentlists a {color:#555; cursor:pointer!important; text-decoration:none;}
#listLists div.lists div.listrow div.lrgt .segments {margin:10px 0; padding:6px 4px 0; border:1px solid #ededed; overflow:hidden; display:none;}
#listLists div.lists div.listrow div.lrgt .segments .segment {display:inline-block; margin:0 4px 7px; padding:8px 13px; color:#5d5d5d; background:#f9f9f9; border:1px solid #d3d3d3; text-decoration:none; border-radius:5px; }
#listLists div.lists div.listrow div.lrgt .segments .addsegment {padding:8px 13px;}
#listLists div.lists div.listrow div.lrgt .segments .addsegment span {display:block; margin:0!important; padding-left:22px; background:url('../images/add2-16-16.png') no-repeat 0 -1px;}
#listLists div.lists div.listrow div.lrgt .avatars {position:relative; margin:10px 0 5px -3px; padding:0; height:26px; overflow:hidden;}
#listLists div.lists div.listrow div.lrgt .avatars a {display:block; float:left; width:25px; height:25px; margin:0 3px 5px; zoom:1;}
#listLists div.lists div.listrow div.lrgt .options, #listLists div.lists div.listrow div.lrgt .options ul.optionbuttons {position:relative; margin:0; padding:0; height:100%; overflow:visible!important;}
#listLists div.lists div.listrow div.lrgt .options ul.optionbuttons > li {position:relative; display:inline; margin:0; padding:0; width:auto!important; height:100%;}
#listLists div.lists div.listrow div.lrgt .options ul.optionbuttons > li a {position:relative; margin-right:4px; padding:6px 17px; color:#666!important;}
#listLists div.lists div.listrow div.lrgt .options ul.optionbuttons li a.opendropdown {background:#fff!important; outline:none; border-bottom:1px transparent!important; -webkit-box-shadow:none!important; -moz-box-shadow:none!important; box-shadow:none!important; border-radius:3px 3px 0 0; background-image:-webkit-linear-gradient(#d5d5d5, #ffffff 12%, #ffffff)!important; background-image:-moz-linear-gradient(top, #d5d5d5, #ffffff 12%, #ffffff)!important; background-image:-ms-linear-gradient(#d5d5d5, #ffffff 12%, #ffffff)!important; background-image:-o-linear-gradient(#d5d5d5, #ffffff 12%, #ffffff)!important; background-image:linear-gradient(#d5d5d5, #ffffff 12%, #ffffff)!important; z-index:290;}
#listLists div.lists div.listrow div.lrgt .options ul.optionbuttons li > a:hover {color:#000!important; background:#f8f8f8!important;}
#listLists div.lists div.listrow div.lrgt .options ul.optionbuttons li > a > span {display:block; padding-right:12px; background:url('../images/listLists.options.dropdown.png') no-repeat center right;}
#listLists .drop {display:none; position:absolute; top:21px; left:0; padding:0; min-width:195px; background-color:#fff; border:1px solid #c2c2c2!important; text-align:left; z-index:180; border-radius:0 5px 5px 5px; overflow:hidden;}
#listLists .drop li {position:relative; margin:0; padding:0; line-height:1.4; border-bottom:1px solid #e6e6e6; text-align:left;}
#listLists .drop li:last-child {border-bottom:0 none;}
#listLists .drop li a {position:relative; display:block; margin:0!important; padding:7px 8px; color:#545454; font-weight:100; text-decoration:none;}
#listLists .drop li a:hover {color:#000!important;}

#reportLists div.lists {position:relative; margin:0; padding:0; width:100%;}
#reportLists div.lists > div.reportrow {position:relative; display:block!important; margin:20px 20px 10px 0; padding:0 0 20px; width:400px; height:75px!important; display:inline; overflow:hidden;}
#reportLists div.lists > div.reportrow .img {float:left; width:105px; height:75px; display:block; border:1px solid var(--slate-200); zoom:1;}
#reportLists div.lists > div.reportrow .campaigninfo {margin:0 0 0 120px; width:100%;}
#reportLists div.lists > div.reportrow .campaigninfo .title {display:inline-block; width:auto; margin:-2px 0 10px; padding:0; color:#333; font-size:14px; line-height:16px;}
#reportLists div.lists > div.reportrow .campaigninfo small {display:block; padding:2px 0 12px 22px; color:#888; font-size:12px; line-height:12px;}
#reportLists div.lists > div.reportrow .single {background:url('../images/campaignlists_reg.png') no-repeat 0 2px;}
#reportLists div.lists > div.reportrow .scheduled {background:url('../images/campaignlists_schedule.png') no-repeat 0 0;}
#reportLists div.lists > div.reportrow .draft {background:url('../images/campaignlists_draft.png') no-repeat 0 0;}
#reportLists div.lists > div.reportrow .recurring {background:url('../images/campaignlists_recurring.png') no-repeat 0 0;}
#reportLists div.lists > div.reportrow .text {background:url('../images/campaignlists_text.png') no-repeat 0 0;}
#reportLists div.lists > div.reportrow .reminder {background:url('../images/campaignlists_datebase.png') no-repeat 0 0;}
#reportLists div.lists > div.reportrow .activerss {background:url('../images/campaignlists_rss.png') no-repeat 0 0;}
#reportLists div.lists > div.reportrow .responder {background:url('../images/campaignlists_auto.png') no-repeat 0 0;}
#reportLists div.lists > div.reportrow .split {background:url('../images/campaignlists_split.png') no-repeat 0 0;}
#reportLists div.lists > div.reportrow .alert {background:url('../images/campaignlists_alert.png') no-repeat 0 0;}
#reportLists div.lists > div.reportrow .campaigninfo .options .btnsmall {float:left; margin:0 8px 0 0!important; padding:3px 5px!important; color:#666!important; line-height:16px!important;}
#reportLists div.lists > div.reportrow .campaigninfo .options .delete {padding:3px 7px!important; color:#9d9d9d; font-size:11px!important; border:1px solid #d8d8d8!important;}
#reportLists div.lists > div.reportrow .campaigninfo .options > a {position:relative; display:inline; margin:0 4px 0 0; padding:0; width:auto!important; height:100%; background-repeat:no-repeat;}
#reportLists div.lists > div.reportrow .campaigninfo .options > a span {width:auto!important; display:block; padding-left:19px; padding-top:1px; background-repeat:no-repeat; background-position:0 3px;}
#reportLists div.lists > div.reportrow .campaigninfo .options > a.folder span {background-image:url('../images/campaignlists_folder.png'); width:15px;}

#gravatarstream {position:relative; margin:-3px -3px 0; padding:0; min-height:200px;}
#gravatarstream:after {position:absolute; content:"."; display:table; clear:both; visibility:hidden; line-height:0; height:0; zoom:1;}
#gravatarstream div.avatarbox {float:left; position:relative; margin:3px; padding:0; text-align:center; background-position:center;}
#gravatarstream div.avatarbox > a,
#gravatarstream div.avatarbox > div.avatarwrap {position:relative; display:block; width:100%; height:100%;}
#gravatarstream div.w50 {width:50px; height:50px;}
/* Contact card top position for gravatar with 50 pixel in height */

#gravatarstream div.w75 {width:75px; height:75px;}

#gravatarstream div.w100 {width:100px; height:100px;}
/* Contact card top position for gravatar with 50 pixel in height */

#gravatarstream .gravatargradiant {position:absolute; bottom:0; margin:0; padding:0; max-height:25px; width:100%; height:25px; background:url('../images/campaignlists_gravatargradiant.png') repeat-x 0 0; overflow:hidden; z-index:100;}

#listingFooter .ac_paginator a,
#listingFooter .ac_paginator span,
#listingFooter .ac_paginator strong {
	margin: unset;
	padding: unset;
	font-size: unset;
}
#listingFooter .ac_paginator span {
	display: flex;
}

#listingFooter .retrofit--paginator {
	display: inline-flex;
	background-color: var(--white);
	border: var(--b-100) solid var(--slate-200);
	border-radius: var(--radii-100);
	font-family: var(--ff-standard);
	font-size: var(--fs-200);
	color: var(--slate-600);
	overflow: hidden;
}

#listingFooter .retrofit--paginator a,
#listingFooter .retrofit--paginator strong {
	line-height: var(--lh-200);
	padding: 4px 10px !important;
	text-decoration: none;
}

#listingFooter .retrofit--paginator .ellipse {
	box-sizing: border-box;
	display: block;
	font-size: var(--fs-200);
	height: 100%;
	line-height: var(--lh-100);
	padding: 3px 8px !important;
}

#listingFooter .retrofit--paginator a .icon {
	display: inline-block;
	position: relative;
    top: 1px;
}

#listingFooter .retrofit--pager-limit > .ac_paginator_limit_box {
	background-color: #ffffff;
	border: var(--b-100) solid var(--slate-200);
	border-radius: var(--radii-100);
	display: inline-block;
	padding-right: var(--sp-300);
	position: relative;
}

#listingFooter .retrofit--pager-limit > .ac_paginator_limit_box::after {
	border-style: solid;
	border-width: 4px 4px 0 4px;
	border-color: var(--black) transparent transparent transparent;
	content: '';
	display: inline-block;
	height: 0;
	width: 0;
	position: absolute;
    right: 8px;
	top: 16px;
	vertical-align: middle;
}

#listingFooter .retrofit--pager-limit select {
	background-color: transparent;
	border: unset;
	border-radius: unset;
	cursor: pointer;
	color: var(--slate-600);
	font-family: var(--ff-standard);
	font-size: var(--fs-200);
	margin: unset;
	padding: 10px var(--sp-400) 10px var(--sp-400);
	-webkit-appearance: none;
	-moz-appearance: none;
}

body.template_designer #listingFooter #template_save_dropdown { position: relative; }
body.template_designer #listingFooter #template_save_dropdown .btn { position: relative;right: 0;margin: 0;padding: 0 !important;display: inline-block;font-size: 12px !important;color: #555;vertical-align: middle;cursor: pointer;background-color: #f5f5f5;background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f6f6f6));background-image: -webkit-linear-gradient(top, #ffffff, #f6f6f6);background-image: -o-linear-gradient(top, #ffffff, #f6f6f6);background-image: linear-gradient(to bottom, #ffffff, #f6f6f6);background-image: -moz-linear-gradient(top, #ffffff, #f6f6f6);background-repeat: repeat-x;border: 0 none !important;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);border-color: none;filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffe6e6e6', GradientType=0);filter: progid:dximagetransform.microsoft.gradient(enabled=false);text-decoration: none;text-shadow: 0 1px 1px rgba(255, 255, 255, 1);text-align: center;box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1.0);box-shadow: 0 1px 0 rgba(255, 255, 255, 1);border-radius: 0;text-shadow: 1px 1px 0 #fff; }
body.template_designer #listingFooter #template_save_dropdown .btn > span { position: relative;display: inline-block;border: 1px solid #cecece;line-height: 28px;padding: 0 14px; }
body.template_designer #listingFooter #template_save_dropdown .btn > span:first-child { margin-right: -3px;border-right: 0 none;border-top-left-radius: 4px;border-bottom-left-radius: 4px; }
body.template_designer #listingFooter #template_save_dropdown .btn > span:active { top: 0;color: #505050;background-color: #f5f5f5;background-image: none;outline: 0;-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05) !important;-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05) !important;box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05) !important; }
body.template_designer #listingFooter #template_save_dropdown .btn > span:active, body.template_designer #listingFooter #template_save_dropdown .btn > span.active { position: relative;top: 0;color: #aeaeae;background-color: #fff;border-top: 1px solid #fff;border-bottom-right-radius: 0;border-bottom-left-radius: 0; }
body.template_designer #listingFooter #template_save_dropdown .btn > span.dropdown_select { border-left: 1px solid #ccc;border-top-right-radius: 4px;border-bottom-right-radius: 4px; }
body.template_designer #listingFooter #template_save_dropdown .btn > span.dropdown_select::after { content: "\25b4";font-size: 12px !important;display: inline-block;border-left: 1px solid #fff; }
body.template_designer #listingFooter #template_save_dropdown .btn > span.active { background-color: #fff;border-top: 1px solid #fff;border-radius: 0;border-bottom-right-radius: 4px;z-index: 500;-webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important; }
body.template_designer #listingFooter #template_save_dropdown > .dropdown_menu { display: none;position: absolute;bottom: -1px;left: 0;width: 250px;padding: 0;background: #fff;border: 1px solid #ddd;overflow: hidden;z-index: 400;margin-bottom: 30px; }
body.template_designer #listingFooter #template_save_dropdown > .dropdown_menu > ul { position: relative;margin: 0;padding: 0;width: 100%;overflow: hidden; }
body.template_designer #listingFooter #template_save_dropdown > .dropdown_menu > ul > li { margin: 0;padding: 0;line-height: 1.4;border-bottom: 1px solid #e6e6e6; }
body.template_designer #listingFooter #template_save_dropdown > .dropdown_menu > ul > li:last-child { border-bottom: 0 none; }
body.template_designer #listingFooter #template_save_dropdown > .dropdown_menu > ul > li > a { display: block;padding: 7px 8px;color: #545454;text-decoration: none; }
body.template_designer #listingFooter #template_save_dropdown > .dropdown_menu > ul > li > a:hover { position: relative;left: 0;background: #f8f8f8; }

#campaignLists ul.lists li.campaignrow.lastchild,
#listLists div.lists div.listrow.lastchild {margin-bottom:0!important; border-bottom:none!important;}
/* #seriesLists ul.lists li.seriesrow.lastchild, */

/* Import page */
body.import_file_link { min-width: 1120px !important; }
#import h2.heading { margin-bottom: 16px;font-size: 21px;text-align: center; }
#import div[class$="_wrap"] { padding: 25px 0;border-radius: 5px; }
#import .import_wrap { margin-bottom: 50px;padding: 17px 0;color: #858585;background-color: #ecf5ee;border-top: 5px solid #deeae1; }
#import .import_wrap a.import_file_link { display: inline-block;margin: 8px 0;padding: 15px 66px;font-size: 17px;color: #fff;background-color: #55ca69;border-bottom: 3px solid #00b121;border-radius: 5px;text-decoration: none; }
#import .import_wrap a.import_file_link:hover { background-color: #6edf81; }
#import .import_wrap > div { margin: 16px 0 0; }
#import .import_wrap > div > a { margin: 0 4px;color: #b8b8b8; }
#import .integrations_wrap { padding-bottom: 38px !important;background-color: #fff;border: 1px solid var(--slate-200); }
#import .integrations_wrap div.integrations_wrap_inner { width: 88%;margin: 0 auto; }
#import .integrations_wrap div.integrations_wrap_inner a { margin: 0 6px 22px;min-width: 120px;display: inline-block;color: var(--slate-600);font-weight: 600;text-align: center;text-decoration: none; }
#import .integrations_wrap div.integrations_wrap_inner a img { display: block;margin: 0 auto;width: 50px;height: auto; }
#import .integrations_wrap div.integrations_wrap_inner a span { display: block;padding: 14px 0;text-align: center; }
#import .moreintegrations_wrap { margin: 0;padding: 20px 0;height: 220px;background-image: url('../images/import_integrations_wrap_bg.png');background-repeat: no-repeat;background-position: 50%; }
#import .moreintegrations_wrap a.moreintegrations { position: relative;top: 74px;display: inline-block;padding: 15px 66px;font-size: 17px;color: #fff;background-color: #416ca8;border-bottom: 3px solid #314a6d;border-radius: 5px;text-decoration: none; }
#import .moreintegrations_wrap a.moreintegrations:hover { background-color: #5d8ac8; }
#import .or { position: relative;margin-top: -38px;text-align: center;z-index: 10; }
#import .or > span { display: inline-block;padding: 23px;font-size: 23px;line-height: 23px;font-style: italic;color: #416ca8;font-weight: 100;background-color: #f9f9f9;border: 1px solid #ebebeb;border-radius: 50%; }
#import .import_recent { color: #999; }

#importCfgForm {position:relative; margin:0; padding:0; width:100%; overflow:hidden;}
#importCfgForm h1 {margin-bottom:5px;}
#importCfgForm  .import_source_services {position:relative; margin:10px 0 0; display:block; clear:both; width:100%; overflow:hidden;}
/* Import page - static banner */
#import .integrations_static_banner_layout {display: flex; align-items: flex-start; align-self: stretch;}
#import .integrations_static_banner_style {border-radius: 8px; border: 1px solid #D6D8FF; background: #F7F8FF; width: 100%; height: auto;}
#import .integrations_static_banner_container {display: flex; padding: 12px 8px 12px 16px; align-items: flex-start; gap: 12px; flex: 1 0 0;}
#import .integrations_static_banner_content {display: flex; flex-direction: column; align-items: flex-start; gap: 2px; flex: 1 0 0;}
#import .integrations_static_banner_texts {display: flex; flex-direction: column; align-items: flex-start; gap: 2px; align-self: stretch;}
#import .integrations_static_banner_label_icon {display: flex; align-items: flex-start; gap: 12px; align-self: stretch;}
#import .integrations_static_banner_icon {display: flex; padding: 2px 0px; align-items: flex-start;}
#import .integrations_static_banner_icon_image {width: 16px; height: 16px; background-image: url('../images/import_lightbulb.svg'); background-size: contain; background-repeat: no-repeat;}
#import .integrations_static_banner_label {color: #000; font-family: "IBM Plex Sans", sans-serif; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px;}
#import .integrations_static_banner_description_actions {display: flex; padding-left: 28px; flex-direction: column; align-items: flex-start; gap: 12px; align-self: stretch;}
#import .integrations_static_banner_description {color: #1a1a1a; font-family: "IBM Plex Sans"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; align-self: stretch;}
#import .integrations_static_banner_action {display: flex; align-items: center; gap: 12px;}
#import .integrations_static_banner_button {display: flex; padding: 4px 8px; justify-content: center; align-items: center; gap: 4px;}
#import .integrations_static_banner_close {display: flex; padding: 8px; justify-content: center; align-items: center; border-radius: 4px; border: 1px solid rgba(206, 211, 224, 0); background: rgba(255, 255, 255, 0);}
#import .integrations_static_banner_close_icon {width: 12px; height: 12px; background-image: url('../images/close.svg'); }

/*
#importCfgForm {margin:0; padding:0; height:100%;}
#importCfgForm div.subscriberColmLeft {position:relative; float:left; width:30%;}
#importCfgForm div.subscriberColmRight {position:relative; float:left; width:60%;}
#importCfgForm div.subscriberColmLeft {margin:0; padding:0 0 50px 0;}
#importCfgForm div.subscriberColmLeft textarea {display:block;  padding:6px!important; width:97%; color:#999; height:250px!important;}
#importCfgForm div.subscriberColmLeft .copy_option a {font-weight:100!important; font-size:12px!important;}
*/
#importCfgForm .import_source_list {position:relative; width:102%; margin:0;}
#importCfgForm .import_source_list li {position:relative; float:left; height:100%; margin:0; margin-bottom:20px; margin-right:20px; overflow:visible!important;}
#importCfgForm .import_source_list li a {display:inline-block; margin:0; border:0 none;}

#importCfgForm .import_source_list.sources {margin:0;}
#importCfgForm .import_source_list.sources li a {margin-right:6px; width:159px; text-align:center; text-decoration:none; font:15px; color:#333; filter:alpha(opacity=80); -khtml-opacity:0.8; opacity:0.8; text-transform:capitalize;}
#importCfgForm .import_source_list.sources li a:hover {filter:alpha(opacity=100); -khtml-opacity:1; opacity:1;}
#importCfgForm .import_source_list.sources li a:hover > span {background:#fff!important;}
#importCfgForm .import_source_list.sources li a.import_source_selected {border:0 none!important; -moz-box-shadow:none!important; -webkit-box-shadow:none!important; box-shadow:none!important;}
#importCfgForm .import_source_list.sources li a > span {display:block; margin:0 0 0.4em!important; padding:4px 17px; background-color:#f3f3f3; border-radius:6px; background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #f3f3f3); background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #f3f3f3); background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #f3f3f3); background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #f3f3f3); background-image:linear-gradient(#ffffff, #ffffff 25%, #f3f3f3); text-shadow:0 1px 1px rgba(255, 255, 255, 0.75); border:1px solid #c3c3c3; border-bottom-color:#a7a7a7; -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -webkit-box-shadow:0 1px 1px rgba(206, 206, 206, 0.4); -moz-box-shadow:0 1px 1px rgba(206, 206, 206, 0.4); box-shadow:0 1px 1px rgba(206, 206, 206, 0.4);}
#subscriberImport div.subscriberColmLeft {margin:0; padding:0 0 50px 0;}
#subscriberImport div.subscriberColmLeft textarea {display:block; padding:6px!important; width:97%; color:#999; height:250px!important;}
#subscriberImport div.subscriberColmLeft .copy_option a {font-weight:100!important; font-size:12px!important;}
#subscriberImport div.subscriberColmRight {float:right; margin:0; padding:0; height:100%;}
#subscriberImport div.subscriberColmRight .externalServices {position:relative; float:left; width:102%; margin:0 -6px; overflow:hidden;}
#subscriberImport div.subscriberColmRight .externalServices li {float:left; height:100%;}
#subscriberImport div.subscriberColmRight .externalServices li a {display:block; margin:0 6px 12px; padding:6px; border:1px solid #d6d6d6; text-align:center; border-radius:3px;}
#subscriberImport div.subscriberColmRight .externalServices li a:hover {border:1px solid #aeaeae;}
#subscriberImport .heading {margin:0 0 4px; padding:0; font:14px helvetica,arial,sans; line-height:100%; margin-bottom:15px; font-weight:bold; color:#777; }
#subscriberImport .copy_option a, #subscriberImport .copy_option a:visited{font-size:10px; color:#999; }
#subscriberImport label,
#subscriberImport textarea,
#subscriberImport input[type=file] {position:relative; margin-bottom:12px!important; display:block; padding:0!important; padding-left:3px!important; height:32px; line-height:32px;}
#subscriberImport label {font-weight:700!important; color:#666;}
#subscriberImport label span {margin-left:5px; font-weight:100!important; font-size:12px;}
#subscriberImport textarea {height:140px!important;}
#subscriberImport .importAlert {margin:16px 0; padding:10px 16px 10px 33px; border-top:1px solid #fcce74; border-bottom:1px solid #fcce74; background:#ffffcd url('../images/campaignlists_alert.png') no-repeat 8px 12px; line-height:16px;}
#subscriberImport .ortext {position:relative; float:left; margin:0 10px; height:100%;}
#subscriberImport .ortext span {position:absolute; top:35%; display:block; padding:10px; background:#fff; font-size:16px; color:#999; font-weight:700; text-align:center; z-index:1;}
#subscriberImport .ortext .divider {position:relative; margin:-50px 0 0 18px; width:1px; min-height:380px; display:block; border-left:1px solid #d4d4d4;}
#external_box_configs {position:relative; margin:20px 0 50px; padding:0; line-height:16px;}
#external_box_configs input[type=text] {padding:6px!important; font-size:15px; width:98%;}
#external_box_configs .ac_blockquote {position:relative; width:100%; overflow:hidden;}
#external_box_configs .ac_blockquote .formfieldwrap {position:relative; padding-bottom:18px; height:100%; overflow:hidden; border:1px solid #d4d4d4; border-radius:6px;}
#external_box_configs .ac_blockquote .formfieldwrap .ac_help_inline {border-top:transparent;}
#external_box_configs .ac_blockquote .formfieldwrap .campaign_help {margin-bottom:10px; padding:0; font-size:11px; color:#777!important; line-height:14px; background:none; border:none; border-radius:0;}
#external_box_configs .ac_blockquote .formfieldwrap .inputwrap {position:relative; display:block; width:100%;}
#external_box_configs .ac_blockquote fieldset {position:relative; float:left; margin:0 5px; padding:0 0 0 15px; width:45%; overflow:hidden;}
#external_box_configs .ac_blockquote fieldset input[type=text], #external_box_configs .ac_blockquote fieldset input[type=password] {padding:6px!important; font-size:15px; width:97%; border:1px solid #d4d4d4; border-radius:3px;}
#external_box_configs .ac_blockquote label {position:relative; display:block; width:auto; margin-bottom:6px!important; font-weight:700; cursor:pointer;}

#importCfgForm .import_source_list.services li a {display:block; margin:0 6px 6px 0!important; padding:4px; background:#fff; border-radius:6px; text-shadow:1px 1px 0 #fff; -webkit-box-shadow:0 3px 1px rgba(206, 206, 206, 0.4); -moz-box-shadow:0 3px 1px rgba(206, 206, 206, 0.4); box-shadow:0 3px 1px rgba(206, 206, 206, 0.4); border:1px solid #c3c3c3; text-align:center!important;}
#importCfgForm .import_source_list.services li a:hover {border:1px solid #aeaeae;}
#import .integrations_wrap div.import_source_autosync_total {position:absolute; background:#008000; color:#fff; font:12px arial; text-align:center; min-width:20px; top:-70px; right:0; background-image:-webkit-linear-gradient(#8ced51, #00a400 25%, #008000); background-image:-moz-linear-gradient(top, #8ced51, #00a400 25%, #f3f3f3); background-image:-ms-linear-gradient(#8ced51, #00a400 25%, #008000); background-image:-o-linear-gradient(#8ced51, #00a400 25%, #008000); background-image:linear-gradient(#8ced51, #00a400 25%, #008000); background-color:#008000; border-radius:50%; box-shadow:1px 1px 1px #333; color:#fff; padding:4px 2px;}

#importCfgForm .heading {margin:0 0 4px; padding:0; font:14px helvetica,arial,sans; line-height:100%; margin-bottom:15px; font-weight:bold; color:#777;}
#importCfgForm .copy_option a, #importCfgForm .copy_option a:visited{font-size:10px; color:#999; }
#importCfgForm .import_source_list li.external_source_autosync a {border:1px solid green;}
#importCfgForm .import_source_list li.external_source_autosync a:hover {border:1px solid #005a00;}
#importCfgForm .import_source_list li.external_source_no_autosync a {opacity:.5; filter:alpha(opacity=50);}

#importCfgForm label,
#importCfgForm textarea,
#importCfgForm input[type=file] {position:relative; display:block; padding:0; padding-left:3px; line-height:32px;}
#importCfgForm label {font-weight:700!important; color:#666;}
#importCfgForm label span {margin-left:5px;}
#importCfgForm .importAlert {margin:16px 0; padding:10px 16px 10px 33px; border-top:1px solid #fcce74; border-bottom:1px solid #fcce74; background:#ffffcd url('../images/campaignlists_alert.png') no-repeat 8px 12px; line-height:16px;}
#importCfgForm .ortext {position:relative; float:left; margin:0 10px; height:100%;}
#importCfgForm .ortext span {position:absolute; top:35%; display:block; padding:10px; background:#fff; font-size:16px; color:#999; font-weight:700; text-align:center; z-index:1;}
#importCfgForm .ortext .divider {position:relative; margin:-50px 0 0 18px; width:1px; min-height:380px; display:block; border-left:1px solid #d4d4d4;}
#import_recent_link {margin-left: 8px;}
#import_source_configs {position:relative; margin:20px 0 50px; padding:0; line-height:16px;}
#import_source_configs input[type=text] {padding:6px; font-size:15px; width:98%;}
#import_source_configs .ac_blockquote {position:relative; width:100%; overflow:hidden;}
#import_source_configs .ac_blockquote .formfieldwrap {position:relative; padding-bottom:18px; height:100%; overflow:hidden; border:1px solid #d4d4d4; border-radius:6px;}
#import_source_configs .ac_blockquote .formfieldwrap .ac_help_inline {border-top:transparent;}
#import_source_configs .ac_blockquote .formfieldwrap .campaign_help {margin-bottom:10px; padding:0; font-size:11px; color:#777!important; line-height:14px; background:none; border:none; border-radius:0;}
#import_source_configs .ac_blockquote .formfieldwrap .inputwrap {position:relative; display:block; width:100%;}
#import_source_configs .ac_blockquote fieldset {position:relative; float:left; margin:0 5px; padding:0 0 0 15px; width:45%; overflow:hidden;}
#import_source_configs .ac_blockquote fieldset input[type=text], #import_source_configs .ac_blockquote fieldset input[type=password] {padding:6px!important; font-size:15px; width:97%; border:1px solid #d4d4d4; border-radius:3px;}
#import_source_configs .ac_blockquote label {position:relative; display:block; width:auto; margin-bottom:6px!important; font-weight:700; cursor:pointer;}

#import_advanced_notice {margin-top: 15px;}

selectListImport {margin:0;}
.selectListImport > fieldset > .field {overflow: scroll; max-height: 500px}

#import_source_file fieldset {padding:0;}
#import_source_copy fieldset {padding:0 10px 0 0;}
#import_source_copy fieldset textarea {width:100%;}
#import_source_copy .modal-subheader {
	padding: 0 20px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0em;
}
#import_source_copy .modal-subheader a {
	color: #004CFF;
}
#import_source_copy .modal-body .text-area {
	border: 1px solid #CED3E0;
	border-radius: 4px;
	max-width: 550px;
	min-width: 450px;
	max-height: 60vh;
	padding: 10px;
	line-height: 20px;
}

#import_source_copy .modal-body .text-area::placeholder {
	color: var(--slate-80);
	line-height: 15px;
}

#import_source_copy #importButton:disabled {
	cursor: default!important;
	opacity: .5;
}

#import_source_copy #importButton:disabled:hover {
	background-color: var(--ocean-500);
	border: 1px solid var(--ocean-500);
}

#import_source_copy .modal-footer {
	background: #EDF0F7
}

.modal.import.sources .droparea {position:relative; margin-top:20px; border:1px solid #ddd; height:160px; background:#fafafa url('../images/modal_import_sources_droparea.png') no-repeat 50%; border-radius:6px; text-align:center; -webkit-box-shadow:inset 0 2px 20px rgba(0, 0, 0, 0.2); -moz-box-shadow:inset 0 2px 20px rgba(0, 0, 0, 0.2); box-shadow:inset 0 2px 20px rgba(0, 0, 0, 0.2); overflow:hidden;}
.modal.import.sources .droparea input[type=file] {padding:0; filter:alpha(opacity=0); -khtml-opacity:0; opacity:0; line-height:0; font-size:0;}
.modal.import.sources .droparea .selectfile {position:absolute; width:100%; bottom:30px; text-align:center;}
.modal.import.sources .droparea .selectfile > a {color:#777; text-decoration:underline;}
.modal.import.sources .droparea > .loading_bar {
	position:absolute;
	top:50%;
	left:50%;
	margin:-9px 0 0 -94px;
    width:188px;
	height:18px;
	background-color:#068000;
    border:1px solid #08a300;
    border-radius:50px;
    box-shadow:inset 0 -10px 0 rgba(0,0,0,.1),
        inset 0 0 0 rgba(0,0,0,.3);
    background-image:-moz-linear-gradient(
            -45deg,
            #08a300 25%,
            transparent 25%,
            transparent 50%,
            #08a300 50%,
            #08a300 75%,
            transparent 75%,
            transparent
        );
    background-image:-webkit-linear-gradient(
            -45deg,
            #08a300 25%,
            transparent 25%,
            transparent 50%,
            #08a300 50%,
            #08a300 75%,
            transparent 75%,
            transparent
        );
    background-image:-o-linear-gradient(
            -45deg,
            #08a300 25%,
            transparent 25%,
            transparent 50%,
            #08a300 50%,
            #08a300 75%,
            transparent 75%,
            transparent
        );
    background-image:-ms-linear-gradient(
            -45deg,
            #08a300 25%,
            transparent 25%,
            transparent 50%,
            #08a300 50%,
            #08a300 75%,
            transparent 75%,
            transparent
        );
    background-size:50px 50px;
    -moz-animation:move 0.8s linear infinite;
    -webkit-animation:move 0.8s linear infinite;
    -o-animation:move 0.8s linear infinite;
    -ms-animation:move 0.8s linear infinite;
}

@-moz-keyframes move {
    0%   {background-position:0 0; }
    100% {background-position:0 50px; }
}
@-webkit-keyframes move {
    0%   {background-position:0 0; }
    100% {background-position:0 50px; }
}
@-o-keyframes move {
    0%   {background-position:0 0; }
    100% {background-position:0 50px; }
}
@-ms-keyframes move {
    0%   {background-position:0 0; }
    100% {background-position:0 50px; }
}


.modal.import.services .modal-body {padding:25px!important;}
.modal.import.services .modal-body fieldset {position:relative; margin:20px 0!important; padding:0 !important; overflow:hidden; box-sizing: border-box; }
.modal.import.services .modal-body fieldset:first-child {margin-top:30px!important;}
.modal.import.services .modal-body fieldset:last-child {margin-bottom:0!important;}
.modal.import.services .modal-body fieldset label {margin:0 0 5px!important; padding:0!important; line-height:100%!important;}
.modal.connect-app .modal-body fieldset label {margin:0 0 5px!important; padding:0!important; height:100%!important; line-height:100%!important;}
.modal.import.services .modal-body fieldset input[type=text], .modal.import.services .modal-body fieldset input[type=password] {display:inline-block; padding:10px!important; width:100% !important;}
.modal.import.services .modal-body fieldset .label_info, .modal.connect-app .modal-body fieldset .label_info {margin:3px 0; color:#b7b7b7; font-size:12px;}
.modal.import.services .modal-body fieldset > .inputwrap {position:relative; overflow:hidden; display:inline-block; width:auto; padding:5px; background-color:#fff; color:#333; line-height:100%; border:1px solid #c3c3c3; border-radius:3px; -webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);}
.modal.import.services .modal-body fieldset > .inputwrap > span {display:inline-block; width:auto; color:#949494;}
.modal.import.services .modal-body fieldset > .inputwrap > input[type=text] {display:inline-block; min-width:188px!important; max-width:188px!important; color:#000; margin:4px 0 4px 6px!important; padding:0!important; border:0 none!important; border-radius:0!important; -webkit-box-shadow:none!important; -moz-box-shadow:none!important; box-shadow:none!important;}
.modal.import.services .modal-body fieldset > .inputwrap > .domainurl {position:relative; display:inline-block; width:auto; margin:0!important; padding:6px 14px; background:#f4f4f4; border-radius:4px; color:#949494;}

.modal.import.services .modal-body fieldset.import_filters {margin-top:0!important; max-height:400px; overflow:hidden; overflow-y:auto;}
.modal.import.services .modal-body fieldset.import_filters .import_sync_name {margin-bottom:20; width:96%!important;}
.modal.import.services .modal-body fieldset.import_filters > #import_filters_sync_div {margin:20px 0; padding:10px 0 10px 1px; line-height:20px;}
.modal.import.services .modal-body fieldset.import_filters > #import_filters_sync_div > input[type=radio] {position:relative; display:inline-block; top:2px;}
.modal.import.services .modal-body fieldset.import_filters > #import_loader_external_options > table th {color:#aeaeae; padding-bottom:6px;}
.modal.import.services .modal-body fieldset.import_filters > #import_loader_external_options > table tbody.external_options_fields tr > td:first-child {padding-right:6px!important;}
.modal.import.services .modal-body fieldset.import_filters > #import_loader_external_options > table td {padding:8px 0!important;}
.modal.import.services .modal-body fieldset.import_filters > #import_loader_external_options > table tbody input[type=text] {padding:6px!important;}

.modal.import.sources .modal-body .desc,
.modal.import.services .modal-body .desc {float:none!important; display:block; margin:0!important; padding:12px 12px 12px 80px; background:#fafafa url('../images/modal_import_services_desc.png') no-repeat 14px 9px; border:1px solid #eee; border-radius:6px; min-height:28px;}
.modal.import.sources .modal-body .desc {background-position:14px 12px;}
.addTags .tags ul { cursor: text; }

#import_source_mindbody.import .desc { padding-left: 180px; background-image:url('https://d226aj4ao1t61q.cloudfront.net/j5rdou4q_mindbody.png'); background-position: 26px; background-size: 120px; }

/* Import modal using Zapier */
#import_source_zapier .modal-body .rotation {position:relative; display:table; overflow:hidden;}
#import_source_zapier .modal-body .import_text {position:relative; padding-left:22px; display:table-cell; vertical-align:middle; font-size:15px; line-height:21px;}
#import_source_zapier .modal-body .rotate {position:relative; float:left; width:85px; height:85px; background-color:#f0f0f0; background-image:url('../images/import_source_zapier_contact.png'); background-repeat:no-repeat; background-position:50%; z-index:10; border-radius:100%; border:3px solid #ddd;}
#import_source_zapier .modal-body .rotating {position:absolute; top:-2px; left:-1px; width:88px; height:88px; background-image:url('../images/import_source_zapier_rotation.png'); background-repeat:no-repeat; background-position:50%; -webkit-animation-name:spin; -webkit-animation-duration:2800ms; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:linear; -moz-animation-name:spin; -moz-animation-duration:2800ms; -moz-animation-iteration-count:infinite; -moz-animation-timing-function:linear; -ms-animation-name:spin; -ms-animation-duration:2800ms; -ms-animation-iteration-count:infinite; -ms-animation-timing-function:linear; animation-name:spin; animation-duration:2800ms; animation-iteration-count:infinite; animation-timing-function:linear; }
#import_source_zapier .modal-footer fieldset {padding:0!important; text-align:center;}
#import_source_zapier .modal-footer fieldset .buttons {margin:0 auto!important; padding:10px 0;}
#import_source_zapier .modal-footer fieldset .buttons a {margin:0!important;}
#import_source_zapier .modal-footer fieldset .buttons .authorize {padding:12px 33px!important; border-radius:5px!important;}
#import_source_zapier .modal-footer fieldset .buttons .authorize.add {margin-right:10px!important;}
#import_source_zapier .modal-footer fieldset .buttons .authorize.add span {display:block; margin-right:10px!important; padding-left:30px; background-image:url('../images/import_source_zapier_newconn.png'); background-repeat:no-repeat; background-position:0 -5px;}
#import_source_zapier .modal-footer fieldset .buttons .authorize.edit span {display:block; padding-left:30px; background-image:url('../images/import_source_zapier_editconn.png'); background-repeat:no-repeat; background-position:0 -5px;}
#import_source_zapier #import_legacy_message {padding:20px; padding-top:30px; background:#ffe1e1; margin:-25px; text-align:center; margin-bottom:25px;}

#importRunForm { padding-bottom: 23px; }
#importRunForm ._wrap { 
	padding: 0!important;
	display: flex;
    flex-direction: column;
    border-radius: 7px;
}

#importRunForm ._wrap .header { 
	height: 30px;
    padding: 10px 20px;
    background: #F4F7FF;
    border-radius: 7px 7px 0 0;
    border-bottom: 1px solid #CED3E0;
    display: flex;
    align-items: center;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 0;
}

#importRunForm ._wrap h3 { padding: 20px 0 0 20px; }
#importRunForm .tags { cursor: pointer; }
#importRunForm .ac_help_inline { padding: 0;background-color: transparent;border: 0 none; }
#importRunForm .ac_footer_text { font-weight: 400; font-size: 14px; color: #5F667E; }
#importRunForm .ac_footer_text_bold { font-weight: 600; font-size: 14px; color: #5F667E; }

#importRunForm .ac_table_header td, #importRunForm .ac_table_row td { padding: 12px !important;border-top: 1px solid #ddd !important;border-bottom: 0 !important; word-wrap: break-word;}
#importRunForm .ac_table_header td.map-import { text-align: center; }
#importRunForm .ac_table_row td.map-import { 
	text-align: center;
}
#importRunForm .ac_table_row td.map-import .map-select-wrapper {
	display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 2px;
}
#importRunForm .ac_table_row td.map-import .field-wrapper {
	display: flex;
    flex-direction: column;
    align-items: flex-start;
}
#importRunForm ul.tagit .ui-state-default .ui-icon { background: url('/ac_global/css/images/ui-icons_888888_256x240.png') !important; }
#importRunForm ul.tagit .tagit-new { width: 100%; }
#importRunForm ul.tagit .tagit-new input.ui-autocomplete-input { border: none; padding: 8px 12px }
#importRunForm ul.tagit .tagit-close { position: absolute;right: 5px !important;top: 1px !important;margin-left: 5px;opacity: .6;color: #4073B5;font-size: 8px;cursor: pointer; }
#importRunForm ul.tagit .tagit-close .ui-icon-close { background-position: -95px -127px !important; }
#importRunForm fieldset { margin: 0 0 20px;padding: 0; }
#importRunForm fieldset:last-child { margin-bottom: 0; }
#importRunForm fieldset label { display: block;margin: 0 0 6px;padding: 0; }
#importRunForm fieldset textarea { border: 1px solid #ddd !important;border-radius: 5px !important; }
#importRunForm .selectdropdown-wrap { 
	margin-right: 10px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	vertical-align: middle;
	align-items: flex-start;
}
#importRunForm .selectdropdown-wrap .separator {
	width: 100%;
	height: 1px;
	background: #CED3E0;
}
#importRunForm .selectdropdown-wrap input[type="checkbox"] { margin-right: 2px; }
#importRunForm .selectdropdown-wrap #import_advanced_notice { margin-top: 4px;margin-bottom: 0; }
#importRunForm .import-contact-as-wrapper { display: flex; flex-direction:column; gap: 8px}
body.import #import #listingFooter .button { padding: 5px 12px !important;border: rgba(0, 0, 0, 0); }
body.import #import .ac_progressbar { margin: auto auto 6px !important;text-align: center !important; }
#import #step3 {margin: 40px 0;}

#import_loader .modal-content {
	box-shadow: 0 26px 32px 15px #1F21294D;
}
#import_loader .modal-body {
	display: flex;
	flex-direction: column;
	align-items: center;
	row-gap: 16px;
	padding: 40px!important;
}
#import_loader .modal-title {
	font-family: IBM Plex Sans;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0em;
	text-align: center;
	margin-top: 16px;
}
#import_loader .modal-subtitle {
	font-family: IBM Plex Sans;
	font-size: 15px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0em;
	text-align: left;
	color: #5F667E;
	margin-top: 5px;
}

#import_loader a {
	margin-top: 16px;
}
.import-run {
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: center;
}

.import-run .title {
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: 0em;
	margin: 0;
}

.import-run .subtitle {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0em;
	color: #5F667E;

}

.load-container {
	display: flex;
    flex-direction: column;
    gap: 16px;
}

.load-container #progressBar {
	border: none;
	border-radius: 4px;
	background: var(--ocean-150);
	width: 35%;
	position: relative;
	color: transparent;
}

.load-container #progressBar .ac_progress_bar {
	border-radius: 4px;
	background-color:var(--ocean-500);
}

.load-container #progressBar .ac_progress_label {
	top: 20px;
	right: 0;
	width: unset;
	color: black;
}
/* CONDOR OVER RIDES */

.ac_table_header--condor-overrides thead td {
	padding: var(--sp-300) var(--sp-400) !important;
}

.ac_table_header--condor-overrides tbody tr:nth-child(even) td {
	background-color: var(--ocean-100);
}

.ac_table_row--condor-overrides td {
	border-top: var(--b-100) var(--b-solid) var(--slate-200) !important;
	padding: var(--sp-300) var(--sp-400);
}

.ac_table_row--condor-overrides .condor-dropdown-overrides select {
	padding-right: var(--sp-900);
}

.width-1-percent {
	width: 1%;
}

.ac_table_row--condor-overrides tr:first-child td:first-child {
	border-top-left-radius: 4px; }
.ac_table_row--condor-overrides tr:first-child td:last-child {
	border-top-right-radius: 4px; }
.ac_table_row--condor-overrides tr:last-child td:first-child {
	border-bottom-left-radius: 4px; }
.ac_table_row--condor-overrides tr:last-child td:last-child {
	border-bottom-right-radius: 4px; }

#importRunForm .add-tags-container ul.tagit .tagit-new input.ui-autocomplete-input {
	border: var(--b-100) var(--b-solid) var(--slate-200) !important;
	padding: var(--sp-300) var(--sp-400) !important;
	border-radius: var(--radii-100);
	background: var(--white);
	font-family: var(--ff-standard);
	font-size: var(--fs-200);
	line-height: var(--lh-200);
	color: var(--slate-600);
}

#importRunForm .add-tags-container ul.tagit .tagit-new input.ui-autocomplete-input:focus {
	border-color: var(--ocean-500);
}

#importRunForm .import-options-container .selectdropdown a.dropdown_select {
	border-radius: var(--radii-100);
	background-color: var(--white);
	font-family: var(--ff-standard);
	font-size: var(--fs-200);
	line-height: var(--lh-200);
	color: var(--slate-600);
	padding: var(--sp-300) var(--sp-400);
	cursor: pointer;
}

/* Updates the carrot icon within the dropdown that's already there */
#importRunForm .import-options-container .selectdropdown a.dropdown_select > span {
	color:var(--slate-600);
}

#importRunForm .import-options-container .selectdropdown > .dropdown_menu a {
	color: var(--slate-600);
}

/* This is needed due to not having a label for this select */
#importRunForm .condor-dropdown-overrides:after {
	top: -1px;
	right: var(--sp-400);
}

.checkbox-experiment input[type="checkbox"].c-checkbox + label > span {
	background: url("../images/ac_interface-checkbox_condor.png") no-repeat 0 0;
  width: var(--fs-200);
  height: var(--fs-200);
  background-size: var(--fs-200);
  margin: 0;
}

input[type="checkbox"].c-checkbox:checked + label > span {
	background-position: 0 -14px;
}

.add-tags-container ul.tagit .tagit-choice {
	background-color: var(--slate-200);
}

/* CONDOR OVER RIDES */

/* Camp Checkbox Component Styles */
.c-checkbox {
  display: grid;
  grid-template-columns: min-content auto;
  font-size: 12px;
  color: var(--ocean-500);
	align-items: center;
}

.c-checkbox__input input {
	opacity: 0;
	width: var(--sp-400);
	height: var(--sp-400);
}

.c-checkbox__control {
  display: inline-grid;
  width: var(--sp-400);
  height: var(--sp-400);
  border-radius: var(--radii-100);
  border: var(--b-100) var(--b-solid) var(--slate-200);
	align-items: center;
	justify-content: center;
}

.c-checkbox__input {
  display: grid;
  grid-template-areas: "checkbox";
}

.c-checkbox__input > * {
	grid-area: checkbox;
}

.c-checkbox__control svg {
 display: none;
}

.c-checkbox__input input:checked:not(:disabled) + .c-checkbox__control svg {
	display: block;
}

.c-checkbox__input input:checked + .c-checkbox__control {
	background-color: var(--ocean-500);
}

.c-checkbox__label {
	font-family: var(--ff-standard);
	font-size: var(--fs-200);
	font-weight: var(--fw-medium);
	line-height: var(--lh-200);
	color: var(--slate-600);
	cursor: pointer;
}

.c-checkbox__input input:focus:not(:disabled) + .c-checkbox__control {
  box-shadow: 0 0 0 var(--b-200) var(--ocean-200);
}

.c-checkbox__input input:hover:not(:disabled) + .c-checkbox__control {
  box-shadow: 0 0 0 var(--b-200) var(--ocean-200);
}

.c-checkbox__input input:disabled + .c-checkbox__control {
  background-color: var(--slate-150);
	cursor: not-allowed;
}

.c-checkbox__input input:disabled + .c-checkbox__label:hover {
	cursor: not-allowed;
}
/* Camp Checkbox Component Styles */

body.contact #list.ac_block {height:auto;}
body.contact #list .ac_contact_wrap {display:table; padding-bottom:80px; width:100%; height:100%; border-spacing:23px 0;}
body.contact #segmentmodal .modal-dialog {width:800px}

/*-------------------------------------------------------------------------*\
   Database sync page
\*------------------------------------------------------------------------*/
body.sync .notify.notice.campaign_help { padding-left: 56px; border: 0 none; }
body.sync .notify.notice.campaign_help:before { position: absolute; top: 19px; left: 22px; }

#syncsNoResults td { line-height: 20px; text-align: center; }
#syncFormPanel * { font-family: 'IBM Plex Sans', helvetica, sans-serif; box-sizing: border-box; }
#syncFormPanel input[type=text],
#syncFormPanel input[type=password],
#syncFormPanel textarea { display: inline-block; padding: 10px 8px; background-color: #FFF; font-family: 'IBM Plex Sans', helvetica, sans-serif; font-size: 14px; line-height: 100%; border: 1px solid var(--slate-200); border-radius: 4px; }
#syncFormPanel label { display: block; margin-bottom: 4px; font-size: 14px; }
#syncFormPanel .secondary-label { display: block; margin-bottom: 10px; font-size: 12px; color: #888; }
#syncFormPanel .sync-option-buttons { float: right; vertical-align: top; }
#syncTables { max-height: 300px; border-radius: 3px; overflow-y: scroll; }
#syncTables label { margin: 0; padding: 10px!important; cursor: pointer; }
body.sync #queryField { display: block!important; padding: 10px 8px!important; width: 100%!important; background-color: #FFF!important; font-family: 'IBM Plex Sans', helvetica, sans-serif!important; font-size: 14px!important; line-height: 100%!important; border: 1px solid #DADADA!important; border-radius: 3px!important; }
.custom-query-sync * { color: #BDBDBD; }
#syncCustom label { margin-bottom: 0!important; }
#rulesForm .campaign_input input[type=text] { padding: 5px; }
#rulesForm .campaign-rule-text { display: inline-block; margin-right:5px; font-size: 14px; }
/* grey default buttons */
#syncWizardNext,
#syncWizardTest,
#syncWizardRun,
#syncWizardAdd,
#syncWizardDone { font-family: "IBM Plex Sans", Helvetica, sans-serif; padding: 12px 12px; font-size: 14px; text-align: center; text-decoration: none !important; border-radius: 4px; color: #5D5D5D!important; background: #fff!important; border: 1px solid #C0C0C0!important; cursor: pointer!important; zoom: 1; -webkit-appearance: none; box-sizing: border-box; }
/* blue buttons */
#syncWizardNext,
#syncWizardDone,
#syncWizardAdd { color: #FFF!important; background: var(--ocean-500)!important; border: 1px solid var(--mint-600)!important; width: 95px; font-size: 14px; line-height: 20px}

#segmentbuilder { position: relative; margin:0; padding:0; text-align:center; }
#segmentbuilder.empty {background:none;}
#addfirstcond { /* general stuff goes here */ }
body.score #addfirstcond { /* score page stuff goes here */ }
body.segment #addfirstcond { /* segment page stuff goes here */ }
#addfirstcond .balloon { width:auto; margin:10px 0; padding:10px; border: 1px solid #c8dce4; background:#eaf9ff; line-height:19px; border-radius:5px;}

.modal .modal-body .segmentgroup div.condition:first-child .filterrhs {
    padding-right: 0 !important;
}

.modal .modal-body .segmentgroup div.removecondition {
    position: absolute;
    top: 19px;
    right: 7px;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.modal .modal-body .segmentgroup .condition:first-child div.removecondition {
    display: none;
    visibility: hidden;
}

.modal .modal-body .segmentgroup .filterfield.filterop .filterfield-wrap {
    min-width: 66px !important;
}

.modal .modal-body .segmentgroup .filterfield.filterop #conditionfilter_mid {
    width: 100% !important;
    margin-right: 0 !important;
}

.modal .modal-body .segmentgroup .filterfield.filterrhs #conditionfilter_right,
.modal .modal-body .segmentgroup .filterfield.filterrhs a.selectBox {
    float: none;
    display: inline-block;
    margin-right: 10px !important;
    vertical-align: middle;
    box-sizing: border-box;
}

.modal .modal-body .segmentgroup .filterfield.filterrhs a.selectBox {
    margin-right: 0 !important;
}

.modal .modal-body .segmentgroup .visited #conditionfilter_right {
    width: 57% !important;
}

.modal .modal-body .segmentgroup .visited .filterfield.filterrhs .filterfield-wrap .selectBox {
    width: initial !important;
    min-width: initial !important;
    text-decoration: none !important;
}

.modal .modal-body .segmentgroup .visited .filterfield.filterrhs .filterfield-wrap .selectBox>span {
    padding-right: 30px !important;
}

.modal .modal-body #segmentbuilder .switchoperator .switch label,
#segmentbuilder .switchoperator .switch label {
    margin-left: 1px !important;
    margin-right: -3px !important;
    margin-top: -1px !important;
    float: right;
    height: 100%;
    width: 42px;
    background-color: var(--slate-100);
    border-top: var(--slate-200) 1px solid;
    border-right: var(--slate-200) 1px solid;
    border-bottom: var(--slate-200) 1px solid;
}

.modal .modal-body #segmentbuilder .switchoperator .switch label:first-child,
#segmentbuilder .switchoperator .switch label:first-child {
    float: left;
    height: 100%;
    border-top: var(--slate-200) 1px solid;
    border-left: var(--slate-200) 1px solid;
    border-bottom: var(--slate-200) 1px solid;
    border-right: none;
}

#uxbody .uxlftcolm div.segment_options {right:23px;}
div.segment_options .save, div.segment_options .button {position:relative; display:block; margin-left:5px; font-size:12px; padding:4px 6px 3px!important;}
div.segment_options .button span {float:left; display:block; padding:0!important;}
div.segment_options .save span {float:left; display:block; padding:0 0 0 20px!important;}
div.segment_options .saving {right:244px!important;}

#listsegments label {margin:0 0 6px; display:block; font-weight:700;}
#listsegments div.seglisting { position: relative; display: table; margin: 20px 0 0; padding: 0; width: 100%; }
#listsegments div.seglisting ul {float:left; width:102%; margin:0 -4px;}
#listsegments div.seglisting ul li {display:inline-block; float:left; margin:0 4px 8px; height:100%; cursor: pointer; }
#listsegments div.seglisting ul li label {display:inline-block; float:none; color:#666!important; font-weight: 400; }
#listsegments div.seglisting ul li label.ui-state-default {background:#f6f6f6!important; border:1px solid #ddd; font-size:12px; color:#666!important; font-weight:100;}
#listsegments div.seglisting ul li label.ui-state-hover {background:var(--slate-200)!important; border:1px solid #a6a6a6; color:#666!important;}
#listsegments div.seglisting ul li label.ui-state-active {padding-left:14px; background:#75c800 url('../images/selectListImport.state.active.png') no-repeat 6px!important; border:1px solid #538d00; color:#fff!important;}
#listsegments input[type="text"] { padding:6px 0 6px 5px; display:inline-block; background-color:#fff; color:#333; line-height:100%; font-size:14px; border:1px solid #c3c3c3; border-spacing: 3px 0; border-radius:3px; -webkit-transition:border linear 0.2s, box-shadow linear 0.2s; -moz-transition:border linear 0.2s, box-shadow linear 0.2s; -ms-transition:border linear 0.2s, box-shadow linear 0.2s; -o-transition:border linear 0.2s, box-shadow linear 0.2s; transition:border linear 0.2s, box-shadow linear 0.2s; -webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1); width:268px;}

.segmentgroup {position:relative; margin:10px 0 0; padding: 8px 8px 34px!important; width:auto; background:var(--slate-100); border:1px solid var(--slate-200); border-radius:6px;}
.segmentgroup a {text-decoration:none; cursor:pointer!important;}
/* --------------------------------------- Use this block as its most updated --------------------------------------- */
.segmentgroup .condition { position: relative;width: 100%;margin: 0 0 5px !important;padding: 8px;background: #fff;border: 1px solid #e8e8e8;text-align: left;border-radius: 4px;box-sizing: border-box;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;display: -webkit-flex;flex-flow: row wrap;-webkit-box-flex: 0;-webkit-flex: 0 1 auto;-moz-box-flex: 0;-ms-flex: 0 1 auto;flex: 0 1 auto; }
.segmentgroup .condition:after { display: table;content: '';width: 100%;height: 0;line-height: 0;zoom: 1; }
.segmentgroup .filterfield { position: relative;width: auto;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;padding: 0 10px 0 0;vertical-align: middle;-webkit-box-flex: 1;-webkit-flex: 1 0 auto;-moz-box-flex: 1;-ms-flex: 1 0 auto;flex: 1 0 auto;-webkit-box-flex: 1;padding: 0 0 0 10px;box-sizing: border-box; }
.segmentgroup .filterfield .filterfield-wrap { position: relative;width: 100%;margin-left: 10px; }
.segmentgroup .filterfield.filterlhs .filterfield-wrap { margin-left: 0 !important; }
.segmentgroup .filterfield .filterfield-wrap [class^="ac-icon"] { position: absolute;top: 11px;right: 14px;margin: 0;font-size: 10px;z-index: 2; }
.segmentgroup .filterfield .filterfield-wrap [class^="ac-icon"]:before { margin: 0; }
.segmentgroup .filterfield .selectBox-dropdown { width: 100%;min-width: 100%; }
.segmentgroup .filterfield .selectBox-dropdown.dateSign-current { min-width: initial;width: 90px !important; }
.segmentgroup .filterfield input:focus { position: relative;z-index: 500; }
.segmentgroup .filterfield input.date-button { cursor: pointer;font-size: 0;position: relative;line-height: 22px;margin: 0 0 0 10px !important;padding: 0 !important;width: 24px !important;height: 24px !important;background-color: transparent !important;background-image: url('../images/segment_calendar.png') !important;background-position: 50% !important;background-repeat: no-repeat !important;border: none !important;text-indent: 100%;white-space: nowrap;overflow: hidden; }
.segmentgroup .filterfield .drop-arrow { cursor: pointer; }
.segmentgroup .switchoperator { position: relative;padding-left: 0;width: 100px;min-width: 100px;max-width: 100px; }
.segmentgroup .filterrhs { padding-right: 17px !important; }
.segmentgroup .filterop #conditionfilter_mid { width: 100% !important;box-sizing: border-box; }
.segmentgroup .filterrhs #conditionfilter_right { float: none;margin-right: 10px;z-index: 5;width: 100% !important;box-sizing: border-box; }
.segmentgroup .filterrhs #conditionfilter_right.times { width: 32px !important;text-align: center !important;z-index: 5;position: relative; }
.segmentgroup .filterrhs a.selectBox { float: left;display: inline-block;width: auto !important; }
.segmentgroup .filterrhs span.times { position: relative;top: 8px;display: block; }
.segmentgroup .filterrhs input[readonly] { top: -2px; }
.segmentgroup .filterrhs input[id^="datefield"] { width: 50% !important; }

/*
.segmentgroup .filterlhs {width:25%; margin-right:31px!important;}
.segmentgroup .filterop , .segmentgroup .filterrhs {width:24.5%;}

.filters4 .filterop a.selectBox {width:100%; display:block;}
.filters4 .filterrhs {width:18%;}
.segmentgroup .filterdate > input {background-image:none;}
*/
.segmentgroup .filterrhs_full { padding-right: 17px !important;width: 48% !important; }
.segmentgroup .removecondition { position: absolute;top: 19px;right: 9px;width: 12px;height: 12px; }
.segmentgroup .removecondition a, .segmentgroup .removecondition a:visited, .segmentgroup .removecondition a:active { position: relative;display: block;width: 12px;height: 12px;white-space: nowrap;cursor: pointer;color: #bbb;font-size: 10px;text-decoration: none; }
.segmentgroup .removecondition a:hover { color: #5d5d5d;text-decoration: none; }
/* Hide remove condition option on first group */
.segmentgroup .condition:first-child .removecondition { display: none; }

/* --------------------------------------------------------------------------------------------------------------------- */

.segmentgroup .condition .leftside, .segmentgroup .condition .midside, .segmentgroup .condition .rightside { /* Styles for this class has been condense, renamed as .filterdropdown */ }
.segmentgroup .condition .filterdropdown { position: absolute !important;top: 33px !important;margin: 0 !important;padding: 0;width: 100%;border-top: none !important;background: #fff !important;overflow: hidden;background-color: #fff !important;white-space: normal;word-wrap: break-word;border: 1px solid var(--slate-200) !important;z-index: 99;overflow-x: hidden;display: none;border-radius: 0 0 4px 4px; }
.segmentgroup .condition .filterdropdown div { position: relative;width: 100%; }
.segmentgroup .condition .filterdropdown h3 { margin: 0 0 10px;padding: 0;font-size: 15px;color: #2960ad;font-weight: 700; }
.segmentgroup .condition .filterdropdown .category-header, .segmentgroup .condition .filterdropdown .popular-header { margin-bottom: 8px;font-size: 14px;font-weight: 700; }
.segmentgroup .condition .filterdropdown .popular-header { margin-left: 5px; }
.segmentgroup .condition .filterdropdown .alt-scroll-vertical-bar { width: 7px;right: 3px !important; }
.segmentgroup .condition .filterdropdown ul { position: relative;margin: 0;padding: 0;width: 100%; }
.segmentgroup .condition .filterdropdown ul li { position: relative;white-space: normal;word-wrap: break-word;line-height: 22px !important; }
.segmentgroup .condition .filterdropdown ul li a { color: #333;text-decoration: none; }
.segmentgroup .condition .filterdropdown ul li a:hover { text-decoration: underline !important; }
.segmentgroup .condition .filterdropdown div.livesearch { margin: 0;padding: 0 !important;display: none; }
.segmentgroup .condition .filterdropdown div.livesearch > ul { margin: 0;padding: 10px 0 !important;border-bottom: 1px solid #dcdcdc; }
.segmentgroup .condition .filterdropdown div.livesearch > ul > li { padding: 1px 0 1px 10px !important; }
.segmentgroup .condition .filterdropdown div.livesearch span { display: block;margin: 3px 0;width: 100%;color: #888; }
.segmentgroup .condition .filterdropdown div.livesearch span strong { color: #333; }
.segmentgroup .condition .filterdropdown div.filtercategories { position: relative;margin: 4px 0 !important;display: block;overflow: hidden; }
.segmentgroup .condition .filterdropdown div.filtercategories .category-header { position: relative;margin: 8px 0 8px 10px;width: 200px;height: 14px;color: #333; }
.segmentgroup .condition .filterdropdown div.filtercategories .alt-scroll-holder { position: relative;width: 100%;height: 100%;display: block; }
.segmentgroup .condition .filterdropdown div.filtercategories em { position: relative;display: block;margin: 5px 10px 2px; }
.segmentgroup .condition .filterdropdown div.filtercategories ul { position: relative;float: left;margin: 0;padding: 0;overflow: hidden;overflow-y: auto;max-height: 300px; }
.segmentgroup .condition .filterdropdown div.filtercategories ul li { position: relative;padding: 0 0 0 10px !important;line-height: 22px !important;display: block;color: #333; }
.segmentgroup .condition .filterdropdown div.filtercategories ul li a { line-height: 22px !important;margin: 0;padding-left: 16px;padding-right: 16px;color: #333;background: url('../images/segment_filterdropdown_cat_geo.png');background-position: 0 2px;background-repeat: no-repeat;white-space: initial; }
.segmentgroup .condition .filterdropdown div.filtercategories ul li.breadcrumb { margin: 0 0 6px 0 !important;padding: 0 11px 6px 11px !important;background-image: none !important;border-bottom: 1px solid #dcdcdc; }
.segmentgroup .condition .filterdropdown div.filtercategories ul li.breadcrumb > a { margin: 0 !important;padding: 0 0 0 16px !important;background: url('../images/segment_filterdropdown_breadcrumb.png') 0 4px no-repeat !important; }
.segmentgroup .condition .filterdropdown div.filterpopular { float: left; }
.segmentgroup .condition .filterdropdown div.filterpopular > .popular-header { margin: 0 !important;padding: 10px 0 0 10px !important;border-top: 1px solid #dcdcdc;color: #333; }
.segmentgroup .condition .filterdropdown div.filterpopular > ul { margin: 0;padding: 10px 0 10px 15px !important; }
.segmentgroup .condition .filterdropdown div.filterpopular > ul > li { padding: 0 !important; }
.segmentgroup .condition .filterdropdown div.filterpopular > ul > li > a { line-height: 16px !important;margin: 0;padding-left: 16px;background-position: 0 4px;background-repeat: no-repeat; }

/* Assign icon to each search popular */
.segmentgroup .condition .filterdropdown div.filterpopular > ul > li > a {background:url('../images/segment_filterdropdown_popular.png') 0 4px no-repeat!important;}

/* Assign icon to each category filters */
.segmentgroup .condition .filterdropdown div.filtercategories > ul > li > a.cat_geo {background:url('../images/segment_filterdropdown_cat_geo.png');}
.segmentgroup .condition .filterdropdown div.filtercategories > ul > li > a.cat_action {background:url('../images/segment_filterdropdown_cat_action.png');}

#campaignfilterbox table {width:99%!important;}

#filternew label {margin:0 0 6px; display:block; font-weight:700; cursor:pointer;}

.segmentgroup .groupaction {
	position: absolute !important;
	display: block !important;
}
.segmentgroup .groupaction > a {
	display: block !important;
}
.segmentgroup .closecondition {
	right: -8px !important;
	top: -11px !important;
	width: 22px !important;
	height: 22px;
	white-space: nowrap;
	z-index: 99 !important;
	background: #DADADA;
	border-radius: 100%;
	text-align: center;
}
.segmentgroup:first-child .closecondition {
	display: none;
	visibility: hidden;
}
.segmentgroup .closecondition > a {
	display: block !important;
	margin-left: 1px;
	height: 20px !important;
	width: 20px;
	font-size: 9px;
	color: var(--slate-600);
	text-decoration: none;
	line-height: 21px;
}
.segmentgroup .closecondition > a:before {
	margin: 0 !important;
}
.segmentgroup .addcondition {
	left: 16px !important;
	bottom: 12px !important;
}

body.segment #uxbody {min-width:1220px!important;}
body.segment #segmentform {min-width:664px; padding:0 30px 30px;}
body.segment #listsegments {padding:0 30px;}

#segmentbuilder .switchoperator .switch label {margin:0!important; padding:0!important; cursor:pointer!important;}
#segmentbuilder .switchoperator .switch label:first-child {margin-left:-1px!important;}
#segmentbuilder .switchoperator .switch label.cb-or { width: 39px; }
#segmentbuilder .switchoperator .switch input {display:none;}
#segmentbuilder .switchoperator .cb-and { border-radius: 4px 0 0 4px;text-align: center }
#segmentbuilder .switchoperator .cb-or { border-radius: 0 4px 4px 0;text-align: center }
#segmentbuilder .switchoperator .cb-and span, .cb-or span {background: none !important;line-height:33px!important; display:block; color:#bbb!important;}
#segmentbuilder .switchoperator .cb-and span { padding:0 10px!important;}
#segmentbuilder .switchoperator .cb-or span {padding:0 4px!important;}
#segmentbuilder .switchoperator .cb-or, #segmentbuilder .switchoperator .cb-and { background: none; }
#segmentbuilder .switchoperator .cb-and.selected {background-color: var(--mint-600) !important;border-color: #49A579 !important;}
#segmentbuilder .switchoperator .cb-and.selected span, #segmentbuilder .switchoperator .cb-or.selected span { color:#fff!important;}
#segmentbuilder .switchoperator .cb-or.selected {background-color: var(--mint-600) !important;border-color: #49A579 !important;}

#segmentbuilder #addnewgroup { position: relative; margin:50px auto 0; padding:0; width:100%; }
#segmentbuilder #addnewgroup:before { position: absolute; content: ''; top: -50px; left: 50%; width: 2px; height: 50px; border-left: 1px dashed #CDCDCD; box-sizing: border-box; }
#segmentbuilder #addnewgroup .btnsmall {margin:0!important; padding:10px 22px!important; font-size:14px;}

#segmentbuilder .groupoperator {position:relative; margin:30px 0 26px 0!important; padding:0; width:100%; text-align:center;}
#segmentbuilder .groupoperator:before { position: absolute; content: ''; top: -28px; left: 50%; width: 2px; height: 87px; border-left: 1px dashed #CDCDCD; box-sizing: border-box; }
#segmentbuilder .groupoperator fieldset, #segmentbuilder .switchoperator fieldset {position:relative; left:0; margin:1px auto 0!important; padding:0; width:82px;height: 34px;}

.selectBox-dropdown { position: relative;width: 99% !important;margin: 0;font-size: 14px;display: block;border: 1px solid var(--slate-200);border-radius: 4px;outline: none;cursor: pointer; }
.selectBox-dropdown .selectBox-arrow { position: absolute;right: 0;top: 0;height: 100%;width: 32px;background: url('../images/segment_fieldarrow.png') right center no-repeat !important; }
.selectBox-dropdown .selectBox-label { width: 100% !important;padding: 7px !important;white-space: nowrap !important;overflow: hidden !important;display: block; }
.selectBox-dropdown .selectBox-arcondition { position: absolute !important;right: 0 !important;top: 0 !important;width: 27px !important;height: 100% !important;background: url('../images/segment_fieldarrow.png') right center no-repeat !important; }
.selectBox-dropdown.selectBox-menuShowing .selectBox-arrow { background-color: #fff; }
.selectBox-dropdown.selectBox-menuShowing .selectBox-arcondition { background-color: #fff !important; }
.selectBox-dropdown.selectBox-menuShowing { box-shadow: none !important;border-bottom-right-radius: 0 !important;border-bottom-left-radius: 0 !important; }
.selectBox-dropdown-menu { position: absolute !important;max-height: 200px !important;border: 1px solid var(--slate-200) !important;border-top: none !important;background: #fff !important;background-color: #fff !important;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) !important;-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) !important;-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) !important;text-align: left !important;overflow: hidden !important;z-index: 99999 !important;border-radius: 0 0 4px 4px; }
.selectBox-options { margin-top: 0 !important;z-index: 10000000 !important;overflow-y: auto !important; }
.selectBox-options, .selectBox-options li a { list-style: none !important;display: block;color: #333 !important;cursor: pointer !important;padding: 0 !important; }
.selectBox-options li { color: #333 !important;list-style: none !important;display: block;cursor: pointer !important;padding: 0 !important;margin: 0 !important; }
.selectBox-options li:first-child { border-top: none !important;box-shadow: none !important; }
.selectBox-options li a { line-height: 18px !important;padding: 4px 7px !important;overflow: hidden !important;font-size: 14px !important;text-decoration: none !important; }
.selectBox-options li a:hover { /* background-color: #f5f5f5 !important; */ text-decoration: underline !important; }
.selectBox-selected { font-weight: bold; }

.segmentgroup .condition .filterrhs a.dropdown-time {position:relative; margin:0; padding:0; display:block; width:52px!important; min-width:52px!important;}
.segmentgroup .condition .filterrhs a.dropdown-time span {margin:0; padding:0; display:block;}
.segmentgroup .condition .filterrhs a.dropdown-time-intervals {position:relative; margin:0; padding:0; display:block; width:100px!important; min-width:100px!important;}
.segmentgroup .condition .filterrhs a.dropdown-time-intervals span {margin:0; padding:0; display:block;}
.segmentgroup .filterop > a > span.selectBox-label, .segmentgroup .filterlhs > a > span.selectBox-label, .segmentgroup .filterrhs > a > span.selectBox-label {float:left; margin:0; display:block;}
.segmentgroup .filterrhs span.time-separator {position:relative; display:inline-block; top:-11px; margin: 0 3px 0 3px; width:10px!important; text-align:center; font-size:17px; color:#888; font-weight:400;}

.segmentlists {position:relative; margin:0; padding:0;}
.segmentlists ul {float:left; width:102%; margin:0 -4px;}
.segmentlists ul li {display:inline-block; float:left; margin:0 4px 8px; height:100%;}
.segmentlists ul li label {display:block; float:none; color:#666!important; border-radius:3px!important;}
.segmentlists ul li label.ui-state-default {background:#f6f6f6!important; border:1px solid #ddd; color:#666!important;}
.segmentlists ul li label.ui-state-hover {background:var(--slate-200)!important; border:1px solid #a6a6a6; color:#666!important;}
.segmentlists ul li label.ui-state-active {padding-left:14px; background:#75c800 url('../images/selectListImport.state.active.png') no-repeat 6px!important; border:1px solid #538d00; color:#fff!important;}

.plus_details {position:relative; margin:0; padding:30px; height:100%; overflow:hidden;}
.plus_details #plusform {position:relative; margin:0; padding:20px; background:#fff; border:1px solid #ddd; border-radius:4px; vertical-align:top;}
.plus_details #plusform table tr td label {cursor:pointer; font-size:14px; color:#2960ad; font-weight:700;}
.plus_details #plusform table tr td label.allint {margin:5px 0!important; cursor:pointer; font-size:12px; color:#000; font-weight:100; line-height:19px;}
.plus_details #plusform table tr td ul {margin:5px 0;}
.plus_details #plusform table tr td ul li {padding-left:24px; background:url('../images/plus_listing.gif') no-repeat; line-height:19px;}
.plus_details .featureheader {position:relative; margin:0; width:100%; background:url('../images/plus_featureheader.png') right -10px no-repeat; overflow:hidden; text-shadow:0 1px 1px #fff;}
.plus_details .featureheader > h1 {margin:0 0 20px; padding:0; color:#2960ad; font-weight:700; letter-spacing:-1px; font-family:helvetica, arial, sans-serif; width:83%; font-size:26px!important; line-height:36px;}
.plus_details .featureheader > p {width:63%; font-size:18px; line-height:25px; color:#555;}
.plus_details .featureheader > p.alert_text {font-size:14px; line-height:25px; color:#555; font-weight:100;}
.plus_details .featureheader > p.alert_text span {color:#000; font-weight:700;}
.plus_details .sets {position:relative; display:block; margin-bottom:35px; width:100%; overflow:hidden; margin:20px 0 30px; border-bottom:1px solid #ddd;}
.plus_details .sets ul {margin:8px 0 0;}
.plus_details .sets ul li {float:left; width:35%; margin-bottom:10px; padding-left:24px; background:url('../images/plus_listing.gif') no-repeat; line-height:19px;}
.plus_details .sets > div {width:55%; float:left; min-height:120px; margin-right:50px; padding-left:150px;}
.plus_details .sets .subsgeo {background:url('../images/plus_subsgeo.png') no-repeat;}
.plus_details .sets .extdata {margin-right:0; background:url('../images/plus_extdata.png') no-repeat;}
.plus_details .sets > div > h4 {margin:0 0 8px!important; padding:0!important; font-size:15px; color:#2960AD; font-weight:700; line-height:17px;}
.plus_details .sets > div > p {margin:0; padding:0; font-size:14px; line-height:18px;}
.plus_details .signupbreak a, .plus_details #updatebutton {
	margin:10px 0 0;
	background-color:#F7CB20;
	border-radius:4px;
	border:1px solid #d5b435;
	display:inline-block;
	color:#333;
	font-size:20px;
	font-weight:700;
	padding:14px 22px;
	text-decoration:none;
	cursor:pointer!important;
	z-index:1;
	zoom:1;
	 -webkit-transition:background-color .1s linear;
	 -moz-transition:background-color .1s linear;
	 -o-transition:background-color .1s linear;
	 -ms-transition:background-color .1s linear;
	 transition:background-color .1s linear;
}
.plus_details .signupbreak a:hover, .plus_details #updatebutton:hover {
	background-color:#f7cb20;
	border:1px solid #c6a113;
	-webkit-box-shadow:0;
	-moz-box-shadow:0;
	box-shadow:0;
}

.plus_details .planalert {margin:45px 0 0; padding:0; text-align:center!important; border-top:1px solid #ddd;}
.plus_details .planalert .alert_text {margin:20px 0; font-size:15px;}
.plus_details .planalert .alert_text span {color:#000; font-weight:700;}

/* --------------------------------------------------- */
/* TABLE STYLES -------------------------------------- */
/* --------------------------------------------------- */
#list table {width:100%; margin:0; padding:0; border-collapse:collapse;}
#list table th, #list table td {line-height:18px; text-align:left;}
#list table th {vertical-align:middle;}
#list table td {vertical-align:top; line-height:100%;}
body.user #list table td {vertical-align:middle!important;}
#list table thead th, #list table tbody th {vertical-align:top;}
#list table thead tr td { padding:8px 3px; vertical-align:middle; line-height:100%; }
#list table tbody tr td { padding:18px 3px; vertical-align:top; line-height:100%; }
table tbody#mailer_list_table td,
table tbody#abuselist_table td {padding:10px 12px!important;}

/* -----------------------------------------------------------*/
/* CONDOR TABLE OVER RIDES FOR MANAGE EXCLUSIONS TABLE ABOVE--*/
/* -----------------------------------------------------------*/

.search-exclusions--condor {
	padding: var(--sp-300) var(--sp-400) var(--sp-300) var(--sp-900) !important;
}

#list .condor-exclusions-table table thead tr td {
	vertical-align:middle !important;
	border-bottom: var(--b-100) var(--b-solid) var(--slate-200) !important;
	padding: var(--sp-300) var(--sp-200) !important;
	color: var(--slate-400) !important;
	line-height: var(--lh-100) !important;
	font-weight: var(--fw-medium) !important;
	font-size: var(--fs-100) !important;
	background-color: transparent !important;
}

#list .condor-exclusions-table table thead tr td a,
#list .condor-exclusions-table table thead tr td a:hover,
#list .condor-exclusions-table table thead tr td a:visited {
	color: var(--slate-400);
}

#list .condor-exclusions-table table tbody tr td {
	vertical-align:middle !important;
	padding: var(--sp-400) var(--sp-200) !important;
	border-bottom: var(--b-100) var(--b-solid) var(--slate-200) !important;
	line-height: var(--lh-200) !important;
	font-weight: var(--fw-regular) !important;
	font-size: var(--fs-200) !important;
}

.ac_paginator_limit_box {
	display: inline-block;
}

.pagination--condor .ac_paginator {
	position: static;
	background-color: white;
	padding: var(--sp-300) var(--sp-400);
	border-radius: var(--radii-100);
	border: var(--b-100) var(--b-solid) var(--slate-200);
	margin: 0;
}
.pagination--condor .ac_paginator_limit_box {
	border: none;
	line-height: var(--lh-200);
}

.pagination--condor .ac_paginator_limit {
	color: var(--slate-600) !important;
	border-left: none !important;
	font-size: var(--fs-200);
	line-height: var(--lh-200);
}

.condor-dropdown-overrides {
	position: relative;
	display: inline;
}

.condor-dropdown-overrides:after {
	content: url(../images/chevron-filled-down.svg);
	position: absolute;
	width: 5px;
	right: 25px;
	top: 8px;
	line-height: var(--lh-200);
	font-size: var(--fs-200);
}

.condor-dropdown-overrides select {
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Dropdown styles */
  border: var(--b-100) var(--b-solid) var(--slate-200);
	border-radius: var(--radii-100);
	background-color: var(--white);
	font-family: var(--ff-standard);
	font-size: var(--fs-200);
	color: var(--slate-600);
	line-height: var(--lh-200);
	cursor: pointer;
	padding: var(--sp-300) var(--sp-400);
}

.condor-dropdown-overrides select:focus {
	border-color: var(--ocean-500);
	box-shadow: 0 0 0 var(--b-200) var(--ocean-200);
}

.condor-dropdown-overrides select:selected {
	border-color: var(--ocean-500);
	box-shadow: 0 0 0 var(--b-200) var(--ocean-200);
}


body.contact table .ac_table_row td img:not(.contacticons) {border-radius:100%;}
body.contact table .ac_table_row td span.contacticons img {border-radius:0;}
body.contact table .ac_table_row td span.contacticons a.ac-icon {font-size:24px;color:#989898;}
body.contact table .ac_table_row td span.contacticons a.ac-icon:hover {color:#5d5d5d;}


div.campaign_input ul.tagit{padding:5px 3px 0!important;}
div.campaign_input ul.tagit li {margin:0 3px 5px!important; padding:0 18px 0 8px!important; line-height:22px!important;}
div.campaign_input ul.tagit li input[type="text"] {margin:0!important; padding:3px!important; border:none!important; -webkit-box-shadow:none!important; -moz-box-shadow:none!important; box-shadow:none!important;}

.no-results {margin:0; padding:10px 0; min-height:1px; font-size:14px; color:#523800; text-align:center; background:#ffffcd; border:1px solid #dee029; border-radius:5px;}
.no-results a, .no-results a:hover, .no-results a:visited { color: #523800}

body.series_list .no-results,
body.campaign .no-results {margin:0 24px;}
body.header .no-results,
body.emailaccount .no-results,
body.exclusion .no-results {margin:20px 0;}

#radio_opts div,
#checkbox_opts div,
#listbox_opts div,
#dropdown_opts div {
	margin-bottom:3px;
}

#radio_opts div input,
#checkbox_opts div input,
#listbox_opts div input,
#dropdown_opts div input {
	width: 50%;
}


table.field_table tr td div a.choice_opt_delete,
#radio_opts a.choice_opt_delete,
#checkbox_opts a.choice_opt_delete,
#listbox_opts a.choice_opt_delete,
#dropdown_opts a.choice_opt_delete {float:left; position:relative; display:block; margin:0 3px 0 0!important; padding:0!important; width:20px!important; height:20px!important; background:url(../images/choice_opt_delete.png) no-repeat!important; text-indent:100%; white-space:nowrap; overflow:hidden; overflow:hidden; border:none!important;}
table.field_table tr td div a.choice_opt_up,
#radio_opts a.choice_opt_up,
#checkbox_opts a.choice_opt_up,
#listbox_opts a.choice_opt_up,
#dropdown_opts a.choice_opt_up {float:left; display:block; margin:0 3px 0 0!important; padding:0!important; width:20px!important; height:20px!important; background:url(../images/choice_opt_up.png) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden; border:none!important;}
table.field_table tr td div a.choice_opt_down,
#radio_opts a.choice_opt_down,
#checkbox_opts a.choice_opt_down,
#listbox_opts a.choice_opt_down,
#dropdown_opts a.choice_opt_down {float:left; display:block; margin:0 3px 0 0!important; padding:0!important; width:20px!important; height:20px!important; background:url(../images/choice_opt_down.png) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden; border:none!important;}

table.field_table tr td.field_personalize input {margin:0 4px; width:60%!important;}
.ac_table_header td,
table.field_table tr.field_table_header td {color:#3f3f3f!important; font-weight:700; padding:6px 10px!important;border: none !important; }
.field_table tr td div {margin:5px 0!important;}
table tr.ac_table_header_options td { padding:10px 20px!important; border:none!important; border-bottom:none!important; white-space:nowrap; vertical-align:middle!important;}
.ac_table_header_options td div {float:right; margin-right:0;}
.ac_table_row td {border-bottom:1px solid #d6d6d6;}
.ac_table_row td input[type=checkbox] {position:relative; margin-left:3px!important; margin-top:6px!important;}
body.user .ac_table_row td input[type=checkbox] {top:0;}
body.contact .ac_table_row td input[class=contactid] {top:6px; left:6px;}
.field_disabled_link {color:#a8a8a8;}
.field_table tr td div a {padding:2px 4px; font-size:10px;}

.ac_table_row_options a,
.ac_table_header_options input[type=button],
.ac_table_header_options input[type=submit],
#list_clear,
.resetbutton,
.field_table tr td div .add_choice,
.field_table tr td div a { padding:4px 7px!important; font-size:14px!important; background-color:#fff; border:1px solid #c2c2c2!important; text-decoration:none; border-radius:3px; -webkit-transition:0.5s ease; -moz-transition:0.5s ease; -ms-transition:0.5s ease; transition:0.5s ease; box-sizing:border-box; -webkit-transition:background-color .1s linear; -moz-transition:background-color .1s linear; -o-transition:background-color .1s linear; -ms-transition:background-color .1s linear; transition:background-color .1s linear; cursor:pointer;}
.ac_table_row_options a {font-size:11px!important;}
.ac_table_row_options a:hover,
.ac_table_header_options input[type="button"]:hover,
#list_clear:hover,
.resetbutton:hover,
.field_table tr td div a:hover,
.field_table tr td div .add_choice:hover {color:#333; background-color:#dfdfdf;}
.ac_table_row_options a:active,
.ac_table_row_options a:active,
.ac_table_row_options a:active {position:relative; top:1px;}
#fieldform #btnadd {text-decoration:none;}
#fieldform #btnadd span {display:block; padding:1px 5px 1px 22px; background:url('../images/add2-16-16.png') no-repeat 0;}
#fieldform #btnadd:hover {color:#333; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ececec) ); background:-moz-linear-gradient( center top, #dfdfdf 5%, #ececec 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ececec'); background-color:#dfdfdf;}

.ac_table_header_options input[type="text"] {padding:5px; width:200px; font-size:14px; color:#a8a8a8;}
.ac_table_header_options a { padding:6px 9px!important; font-size:11px!important; color:#929292!important; background-color:#ececec; border:1px solid #ddd!important; text-decoration:none; border-radius:3px; -webkit-transition:0.5s ease; -moz-transition:0.5s ease; -ms-transition:0.5s ease; transition:0.5s ease; box-sizing:border-box; -webkit-transition:background-color .1s linear; -moz-transition:background-color .1s linear; -o-transition:background-color .1s linear; -ms-transition:background-color .1s linear; transition:background-color .1s linear; }
.webhook_list_filters {float: right;}

/* --------------------------------------------------- */
/* FORM INTEGRATION STYLES --------------------------- */
/* --------------------------------------------------- */
.form_redirect_section {margin:0; overflow:hidden; background:#feffd1; border-left:0!important; border-right:0!important; border-radius:0!important;}
.form_side_content {padding:12px 0 12px 12px!important; background:#fff; overflow:hidden;}

#form_content_builddiv .form_content_fields_item {width:130px;}
#form_content_builddiv .form_content_fields_item span,
#form_content_builddiv .preview_part_disabled span {display:block; padding:3px 0 3px 22px!important;}
#form_content_builddiv .preview_part_disabled span {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=75); -khtml-opacity:0.75; opacity:0.75;}
#form_content_builddiv .form_content_fields_item_add span {padding-left:24px; background:url('../images/formint_icon_addfield.png') no-repeat 0 2px;}
#form_content_builddiv #part_email span {background:url('../images/formint_icon_email.png') no-repeat 0 2px;}
#form_content_builddiv #part_firstlastname span {background:url('../images/formint_icon_textfield.png') no-repeat 0 2px;}
#form_content_builddiv #part_phone span {background:url('../images/formint_icon_textfield.png') no-repeat 0 2px;}
#form_content_builddiv #part_fullname span {background:url('../images/formint_icon_textfield.png') no-repeat 0 2px;}
#form_content_builddiv #part_unsubscribe span {background:url('../images/formint_icon_unsub.png') no-repeat 0 2px;}
#form_content_builddiv #part_listselector span {background:url('../images/formint_icon_listselector.png') no-repeat 0 2px;}
#form_content_builddiv #part_captcha span {background:url('../images/formint_icon_captcha.png') no-repeat 0 2px;}
#form_content_builddiv #part_header span {background:url('../images/formint_icon_header.png') no-repeat 0 1px;}
#form_content_builddiv #part_image span {background:url('../images/formint_icon_image.png') no-repeat 0 2px;}
#form_content_builddiv #part_customer_acct span {background:url('../images/formint_icon_textfield.png') no-repeat 0 2px;}
#form_content_builddiv .part_text span {background:url('../images/formint_icon_textfield.png') no-repeat 0 2px;}
#form_content_builddiv .part_dropdown span {background:url('../images/formint_icon_dropdown.png') no-repeat 0 2px;}
#form_content_builddiv .part_date span {background:url('../images/formint_icon_date.png') no-repeat 0 1px;}
#form_content_builddiv .part_radio span {background:url('../images/formint_icon_radio.png') no-repeat 0 2px;}
#form_content_builddiv .part_checkbox span {background:url('../images/formint_icon_checkbox.png') no-repeat 0 2px;}
#form_content_builddiv .part_hidden span {background:url('../images/formint_icon_hiddenfield.png') no-repeat 0 1px;}
#form_content_builddiv .part_textarea span {background:url('../images/formint_icon_textarea.gif') no-repeat 4px 5px;}
#form_content_builddiv .part_freeform span {background:url('../images/formint_icon_freeform.png') no-repeat 0 2px;}
#form_content_builddiv .part_listbox span {background:url('../images/formint_icon_listbox.png') no-repeat 0 2px;}

.form_content_tab {margin-left:10px; background:#f5f5f5; overflow:hidden;}
.form_content_theme_item img {border:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter:alpha(opacity=40); -khtml-opacity:0.4; opacity:0.4; zoom:1;}
.form_content_theme_item_selected img {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -khtml-opacity:1; opacity:1;}
.form_content_theme_width div {border-top:4px solid #f5f5f5; padding-top:7px; margin-top:10px; font-size:11px; font-weight:normal; color:#666;}
.form_content_theme_width div a, .form_content_theme_width div a:visited{color:#999;}
.form_content_theme_width input {width:28px; font-size:11px; border:1px solid #ccc; color:#666;}
.form_content_tab_selected {border:1px solid #dfdfdf;}
.form_content_tab_selected .header {font-weight:700; background:#fff; color:#3f3f3f; border-bottom:1px solid #dfdfdf;}
#form_content_builddiv .form_content_fields_item,
#form_content_builddiv .form_content_fields_item_add {
	padding:3px 7px;
	font-size:11px;
	background:#ffffff;
	background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #f5f5f5);
	background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #f5f5f5);
	background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #f5f5f5);
	background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #f5f5f5);
	background-image:linear-gradient(#ffffff, #ffffff 25%, #f5f5f5);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5');
	border:1px solid #c2c2c2;
	border-bottom:1px solid #a7a7a7;
	text-decoration:none;
	border-radius:3px;
	text-shadow:1px 1px 0 #fff;
	-webkit-box-shadow:0 1px 1px rgba(206, 206, 206, 0.4);
	-moz-box-shadow:0 1px 1px rgba(206, 206, 206, 0.4);
	box-shadow:0 1px 1px rgba(206, 206, 206, 0.4);
	 -webkit-transition:background-color .1s linear;
	 -moz-transition:background-color .1s linear;
	 -o-transition:background-color .1s linear;
	 -ms-transition:background-color .1s linear;
	 transition:background-color .1s linear;
}
#form_content_builddiv .form_content_fields_item {margin:4px 7px 4px 0!important; padding:5px 7px!important; color:#3f3f3f;}
#form_content_builddiv .form_content_fields_item_add {width:282px; margin:10px 0 0!important; padding:7px!important; color:#3f3f3f; font-size:14px; font-weight:700;}
.ac_table_row_options a:hover,
#form_content_builddiv .form_content_fields_item:hover,
#form_content_builddiv .form_content_fields_item_add:hover {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f5f5f5), color-stop(1, #ffffff) ); background:-moz-linear-gradient( center top, #f5f5f5 5%, #ffffff 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#ffffff'); background:#f5f5f5; border:1px solid #c2c2c2;}
#form_content_builddiv .preview_part_disabled,
#form_content_builddiv .preview_part_disabled:hover {background:#f8f8f8!important; color:#a8a8a8!important; text-shadow:none!important; border:1px solid #ececec!important; box-shadow:none!important; cursor:pointer; }
#list_clear, .resetbutton {color:#a8a8a8!important; background:#f8f8f8; border:1px solid #a7a7a7;}
.form_redirect_input {margin-top:20px; border:1px solid var(--slate-200); border-radius:5px; background:#eee; padding:15px; text-align:center;}

.nodomainalias {position:relative; width:100%; overflow:hidden;}
.nodomainalias .upgradenow {float:right; width:300px; height:100px; padding:10px; text-align:center; background:#ebf8ff!important; border:1px solid #c1dae7!important; border-radius:4px;}
.nodomainalias .upgradenow .btn {margin:25px auto 0!important;}
.nodomainalias h3 {margin:0 0 5px; padding:0; font-size:16px; font-weight:700; color:#555;}
.nodomainalias p {margin:0 0 20px;}
.nodomainalias ul li {margin:0 0 10px;}


/* --------------------------------------------------- */
/* Scoring explainer copy and notification styles ---- */
/* --------------------------------------------------- */
.score-notification-copy {
	font-size: 15px;
}
.score-notification-bar {
	background-color: #eff9fd;
	border: 1px solid #c4d5da;
	border-radius: 4px;
	color: #546f79;
	font-size: 15px;
	font-weight: normal;
	line-height: 20px;
	margin: 20px 0;
	padding: 10px 0;
	text-align: center;
	width: 100%;
}

/* --------------------------------------------------- */
/* Scoring empty state styles ------------------------ */
/* --------------------------------------------------- */

#score-list-none {
    color: var(--slate-600);
    margin: 60px auto;
    text-align: center;
    width: 563px;
}
#score-list-none .title {
	font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
    text-align: center;
}

#score-list-none .body {
	font-size: 14px;
}

/* --------------------------------------------------- */
/* EXTERNAL STYLES ----------------------------------- */
/* --------------------------------------------------- */

.contact_view .modal { z-index: 2100; }

.modal.fade .modal-dialog {
          transform:translate(0, -25%);
  -webkit-transition:-webkit-transform 0.3s ease-out;
     -moz-transition:-moz-transform 0.3s ease-out;
       -o-transition:-o-transform 0.3s ease-out;
          transition:transform 0.3s ease-out;
}

.modal.fade.in .modal-dialog {
          transform:translate(0, 0);
}

.modal-dialog {
z-index:1050;
width:auto;
padding:10px;
margin-right:auto;
margin-left:auto;
margin-top:50px;
}
.modal-dialog.modal-lg {
  width: 650px !important;
}
.modal-backdrop { position:fixed; top:0; right:0; bottom:0; left:0; z-index:998; background: rgb(31, 33, 41); opacity:0.64; filter:alpha(opacity=64);  -ms-overflow-style: scrollbar; overflow:auto; overflow-y:scroll; }
.contact_view .modal-backdrop { z-index: 2000; }
.modal-backdrop.fade { opacity:0; filter:alpha(opacity=0); }
.modal-backdrop.fade.in { opacity:0.64; filter:alpha(opacity=64); }

.modal-title {
margin:0;
line-height:1.428571429;
}

.modal-footer .btn + .btn {
margin-bottom:0;
margin-left:5px;
}

.modal-footer .btn-group .btn + .btn {
margin-left:-1px;
}

.modal-footer .btn-block + .btn-block {margin-left:0;}

@media screen and (min-width:768px) {
  .modal-dialog {
    right:auto;
    left:50%;
    width:600px;
    padding-top:30px;
    padding-bottom:30px;
  }
  /* Revision modal in template designer */
  #revision-preview .modal-dialog {
  	width: 850px;
  }
  /* Revision modal in basic designer */
  #revision_preview .modal-dialog {
  	width: 902px;
  }
}

.modal-body input[type=text],
.modal-body input[type=password],
.start-manage-score input[name='scorevalue'] {
	width: 100%;
	padding:7px 7px 7px 9px!important;
	display:inline-block;
	font:14px "IBM Plex Sans", Helvetica, sans-serif!important;
	color: var(--slate-600) !important;
	line-height:100%;
	background-color:#fff;
	border:1px solid var(--slate-200);
	border-radius:4px;
}

.modal--condor .modal-body input[type=text],
.modal--condor .modal-body input[type=password] {
	width: 100%;
	padding: var(--sp-300) var(--sp-400) !important;
	font-family: var(--ff-standard);
	font-size: var(--fs-200);
	line-height: var(--lh-200);
	color: var(--slate-600);
	background-color: white;
	border: 1px solid var(--slate-200);
	border-radius: var(--radii-100);
}

.modal-body fieldset:not(.is-reset) {margin:0; padding:0 13px 0 0; width:auto;}
.modal-body .ac_help_inline {margin:0 0 10px!important;}
.modal-body .listAdvSettings input[type=text] {float:left; width:250px!important;}
.modal .modal-footer .btn {float:left;}
.modal .modal-footer a.send { color:#fff!important; background-color:#3cc300!important; background-repeat:no-repeat!important; background-image:-webkit-linear-gradient(#3cc300, #3cc300 25%, #309c00)!important; background-image:-moz-linear-gradient(top, #3cc300, #3cc300 25%, #309c00)!important; background-image:-ms-linear-gradient(#3cc300, #3cc300 25%, #309c00) !important; background-image:-o-linear-gradient(#3cc300, #3cc300 25%, #309c00)!important; background-image:linear-gradient(#3cc300, #3cc300 25%, #309c00)!important; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3cc300', endColorstr='#309c00', GradientType=0)!important; text-shadow:none!important; border:1px solid #309c00!important; border-bottom:1px solid #247500!important; cursor:pointer!important; -webkit-transition:background-color .1s linear; -moz-transition:background-color .1s linear; -o-transition:background-color .1s linear; -ms-transition:background-color .1s linear; transition:background-color .1s linear; }
.modal .modal-footer a.send:hover {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #309c00), color-stop(1, #3cc300) )!important; background:-moz-linear-gradient( center top, #309c00 5%, #3cc300 100% )!important; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#309c00', endColorstr='#3cc300')!important; background-color:#309c00!important;}
.modal .button_group {position:relative; margin:0; padding:0; height:40px; float:left; display:inline-block; overflow:visible; z-index:1;}
.modal .button_group .btn {float:left; position:relative; right:0; margin:0!important; padding:0.8em!important; display:inline-block; font-size:11px!important; font-weight:100; line-height:12px!important; color:#aeaeae!important; vertical-align:middle; cursor:pointer; background-color:#f5f5f5; background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f6f6f6)); background-image:-webkit-linear-gradient(top, #ffffff, #f6f6f6); background-image:-o-linear-gradient(top, #ffffff, #f6f6f6); background-image:linear-gradient(to bottom, #ffffff, #f6f6f6); background-image:-moz-linear-gradient(top, #ffffff, #f6f6f6); background-repeat:repeat-x; border:1px solid #ddd; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color:#ddd #ddd #ddd; filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffe6e6e6', GradientType=0); filter:progid:dximagetransform.microsoft.gradient(enabled=false); text-decoration:none; text-shadow:0 1px 1px rgba(255, 255, 255, 1); text-align:center; box-shadow:inset 0 1px 0 rgba(255, 255, 255, 1.0); border-radius:0!important;}
.modal .button_group .btn:first-child {border-right:none!important; border-bottom-left-radius:4px!important; border-top-left-radius:4px!important;}
.modal .button_group .btn:last-child {border-top-right-radius:4px!important; border-bottom-right-radius:4px!important;}
.modal .button_group .btn:active, .modal .button_group .btn:hover, .modal .button_group .active {top:0!important; color:#505050!important; background-color:#f0f0f0!important; background-color:#f0f0f0 \9!important; background-image:none!important; outline:0!important; -webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05)!important; -moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05)!important; box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05)!important;}

.code, pre {padding:0 3px 2px; font-family:Courier New, monospace; font-size:12px; border-radius:3px;}
.code {background-color:#fee9cc; color:rgba(0, 0, 0, 0.75); padding:1px 3px;}
pre {background-color:#f5f5f5; display:block; padding:8.5px; margin:0 0 18px; line-height:18px; font-size:12px; border:1px solid #ccc; border:1px solid rgba(0, 0, 0, 0.15); border-radius:3px; white-space:pre; white-space:pre-wrap; word-wrap:break-word;}

div.folderdelete {float:left; margin-left:-13px; padding-top:1px;}
div.folderdelete a {font-size:11px; color:#6e6e6e!important; font-weight:normal!important;}

.form_listchanger{float:right; background:#feffd1; padding:2px; padding-left:8px; padding-right:8px; color:#333; border:1px solid #dee029; border-radius:8px; margin-top:-6px;}
.form_listchanger select {padding:3px; color:#333; border:1px solid #c2c2c2; border-radius:3px;}
#service_description{font-size:14px;}

.ac_modal_inner {width:500px; background:#f8f8f8; text-align:left; border:1px solid #7b7b7b!important; -webkit-box-shadow:1px 1px 20px 5px rgba(0, 0, 0, .4); -moz-box-shadow:1px 1px 20px 5px rgba(0, 0, 0, .4); box-shadow:1px 1px 20px 5px rgba(0, 0, 0, .4);}
#message_personalize .ac_modal_inner .navlist {position:relative; text-align:left; margin:30px 0 -2px 0; height:20px; border-bottom:1px solid #d6d6d6; list-style-type:none; padding:0; zoom:1; clear:both;}
#message_personalize .ac_modal_inner .navlist li {display:inline; margin:0;}
#message_personalize .ac_modal_inner .navlist li.currenttab {border-bottom:1px solid transparent; background-color:transparent;}
#message_personalize .ac_modal_inner .navlist li.currenttab a {position:relative; padding-bottom:5px; background:#fff!important; border-bottom:1px solid transparent; text-shadow:none!important;}
#message_personalize .ac_modal_inner .navlist li a {margin:0 2px 0 0; padding:4px 12px 5px; background:#eee; border:1px solid var(--slate-200); font-size:12px; font-weight:700; border-bottom:1px solid var(--slate-200); color:#292929; text-decoration:none; border-bottom:none; border-radius:4px 4px 0 0; text-shadow:1px 1px 0 #eee;}
#message_personalize .ac_modal_inner .navlist a:hover {background:var(--slate-200);}
#message_personalize .ac_modal_inner #personalizelist {margin-top:-14px!important;}
#message_personalize .ac_modal_inner .personalizelistsection {margin:14px 0 10px; padding:20px 8px; background:#fff!important; border:1px solid var(--slate-200); border-top:1px solid transparent!important;}
#message_personalize .ac_modal_inner .personalizelistsection a {color:#0f3e76; line-height:22px;}
#message_personalize .ac_modal_inner .personalizelistsection ul {margin:0!important; padding:0!important;}
#message_personalize .ac_modal_inner .personalizelistsection ul li.surveymonkey {position:relative; overflow:hidden;}
#message_personalize .ac_modal_inner .personalizelistsection ul li.surveymonkey .smtoggle {margin:10px 0 0; padding:8px!important; width:90%; background:#fefeed; border:1px solid #dedfc5;}
#message_personalize .ac_modal_inner .personalizelistsection div {position:relative; margin:0; padding:0;}
#message_personalize .ac_modal_inner .personalizelistsection button {padding:5px 17px; font-size:14px; border-radius:4px;}

#radio_opts div a,
#checkbox_opts div a,
#dropdown_opts div a,
#listbox_opts div a {
	margin:0!important;
	padding:2px 3px!important;
	font-size:10px!important;
	background-repeat:no-repeat;
	background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #e9e9e9);
	background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #e9e9e9);
	background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #e9e9e9);
	background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #e9e9e9);
	background-image:linear-gradient(#ffffff, #ffffff 25%, #e9e9e9);
	border:1px solid #c2c2c2!important;
	border-bottom:1px solid #a7a7a7!important;
	text-decoration:none;
	border-radius:2px;
	text-shadow:1px 1px 0 #fff;
	-webkit-box-shadow:0 1px 1px rgba(206, 206, 206, 0.4);
	-moz-box-shadow:0 1px 1px rgba(206, 206, 206, 0.4);
	box-shadow:0 1px 1px rgba(206, 206, 206, 0.4);
	cursor:pointer;
	 -webkit-transition:background-color .1s linear;
	 -moz-transition:background-color .1s linear;
	 -o-transition:background-color .1s linear;
	 -ms-transition:background-color .1s linear;
	 transition:background-color .1s linear;
}
#radio_opts div a:active,
#checkbox_opts div a:active,
#dropdown_opts div a:active,
#listbox_opts div a:active {position:relative; top:1px;}

#personalize_socmedia a {padding:3px 0 3px 24px; display:inline; background-position:5px 0;}
#personalize_socmedia .socialsubmit {background:url('../images/share_social.png') no-repeat;}
#personalize_socmedia .fblike {background:url('../images/share_fblike.png') no-repeat;}
#personalize_socmedia .fbshare {background:url('../images/share_fb.png') no-repeat;}
#personalize_socmedia .twshare {background:url('../images/share_tw.png') no-repeat;}
#personalize_socmedia .gplusshare {background:url('../images/share_gplus.png') no-repeat;}
#personalize_socmedia .redditshare {background:url('../images/share_reddit.png') no-repeat;}
#personalize_socmedia .diggshare {background:url('../images/share_digg.png') no-repeat;}
#personalize_socmedia .delshare {background:url('../images/share_del.png') no-repeat;}
#personalize_socmedia .stumshare {background:url('../images/share_stum.png') no-repeat;}
#personalize_socmedia .linkedinshare {background:url('../images/share_linkedin.png') no-repeat;}

body.deal ul.tagit li.tagit-choice .tagit-close {
    right:3px;
    top:15px;
}

/* used for some custom themes that don't need image icons */
ul.tagit li.tagit-choice .tagit-close .text-icon {
    display:none;
}
ul.tagit li.tagit-choice input {
	display:block;
	float:left;
	margin:2px 5px 2px 0;
	border:0;

}
ul.tagit input[type="text"] {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	width: inherit;
	background-color: inherit;
	outline: none;
}
#uxfooter .row .twt_text{
	color:#c5c5c5!important;
}
#uxfooter .row .twt_text a, #uxfooter .row .twt_text a:visited{
	color:#c5c5c5!important;
}
#uxfooter .row #twt_date{
	margin-top:4px;
}
#uxfooter .row #twt_date a, #uxfooter .row #twt_date a:visited{
	color:#c5c5c5!important;
}
.walkthrough_desc{line-height:165%; }
#uxbody .uxlftcolm form .field_disabled_input{color:#999;}

/* slashc.img-zoom-pan */
span.slashc-img-zoom-pan
{
	display:block; /* make it block */
	overflow:hidden; /* hide overflow */
	position:absolute; /* set position to relative */
	cursor:move; /* show nice cursor */
	border: 1px solid #ddd;
	box-sizing:border-box;
}
span.slashc-img-zoom-pan img {
	position:relative;
}

#list_form_address {border-top:1px solid #ccc; padding-top:15px!important; margin-top:15px;}

/* Select menu style */
.select {display:inline-block; background:#f4f4f4!important; border-radius:4px; padding:6px; color:#949494; border:1px solid #eaeaea; cursor:pointer;}
.select:focus {outline:none;}

div.calendar td.button { display:table-cell; }
div.calendar {z-index:900000000;}

.cre_prgs_buttons {position:relative; margin:0!important; width:100%; background:#f1f1f1!important; background-color:#f1f1f1!important; border-top:1px solid #ddd; overflow:hidden;}
.cre_prgs_buttons > .button_group {position:relative; margin:0; padding:20px 23px; display:block; height:30px; overflow:visible; z-index:1;}
.cre_prgs_buttons > .button_group > li {position:relative; margin:0; padding:0; float:left; display:block; overflow:visible; z-index:1;}
.cre_prgs_buttons > .button_group > li:nth-child(2) {margin-right:15px;}
.cre_prgs_buttons > .button_group .button.save {height:33px; border-radius:4px!important;}
.cre_prgs_buttons > .button_group .button {position:relative; margin:0!important; padding:0.8em!important; display:inline-block; font-size:12px!important; font-weight:100; line-height:12px!important; color:#5e5e5e!important; vertical-align:middle; cursor:pointer; background-color:#f5f5f5; background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f6f6f6)); background-image:-webkit-linear-gradient(top, #ffffff, #f6f6f6); background-image:-o-linear-gradient(top, #ffffff, #f6f6f6); background-image:linear-gradient(to bottom, #ffffff, #f6f6f6); background-image:-moz-linear-gradient(top, #ffffff, #f6f6f6); background-repeat:repeat-x; border:1px solid #ddd; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffe6e6e6', GradientType=0); filter:progid:dximagetransform.microsoft.gradient(enabled=false); text-decoration:none; text-shadow:0 1px 1px rgba(255, 255, 255, 1); text-align:center; box-shadow:inset 0 1px 0 rgba(255, 255, 255, 1.0); border-radius:0!important;}
.cre_prgs_buttons > .button_group .button.prev {margin-left:0!important; border-right:none!important; border-bottom-left-radius:4px!important; border-top-left-radius:4px!important;}
.cre_prgs_buttons > .button_group .button.next {border-top-right-radius:4px!important; border-bottom-right-radius:4px!important;}
.cre_prgs_buttons > .button_group .button:active, .cre_prgs_buttons > .button_group a.active {top:0; color:#505050; background-color:#f0f0f0; background-color:#f0f0f0 \9; background-image:none; outline:0; -webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05);}
.cre_prgs_buttons > .button_group .button span {position:relative; top:1px; display:inline-block; height:10px; width:8px; background:url('../images/bg_pgrs_btns_bottom.png') no-repeat 0;}
.cre_prgs_buttons > .button_group .button.prev > span {float:left; margin-right:8px;}
.cre_prgs_buttons > .button_group .button.next > span {float:right; margin-left:8px; background-position:-8px 0;}
.cre_prgs_buttons > .button_group .button.save > span {position:relative; top:-1px; width:14px; height:14px; background-image:url('../images/bg_pgrs_save_btn.png'); background-size:14px; background-position:50%; background-repeat:no-repeat;}
.cre_prgs_buttons > .button_group > li > span.saving {position:relative; top:10px; left:5px; padding:0 0 0 22px; background:url('../images/loader4.gif') no-repeat 0 50%; color:#b5b5b5; filter:alpha(opacity=50); opacity:0.5;}
.cre_prgs_buttons > .button_group > li > div.ui-effects-wrapper {display:none!important; visibility:hidden!important;}

/*-------------------------------------------------------------------------*\
   Basic Header Options for Designer
\*------------------------------------------------------------------------*/
.head-options-bar {position:fixed; top:72px; left:0!important; right:0!important; margin:0; padding:23px 23px 0; min-width: 866px; background:#fff; border-bottom:1px solid #ececec; z-index:100; overflow:visible!important;}
.head-options-bar .button_group {position:relative; margin:0; padding:0; top:-5px; height:40px; display:inline-block; overflow:visible; z-index:1;float:right;}
.head-options-bar .button_group .btn {position:relative; margin:0 0 0 -5px!important; padding:12px!important; display:inline-block; font-size:11px!important; font-weight:100!important; line-height:12px!important; color:#aeaeae!important; vertical-align:middle; cursor:pointer; background-color:#f5f5f5; background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f6f6f6)); background-image:-webkit-linear-gradient(top, #ffffff, #f6f6f6)!important; background-image:-o-linear-gradient(top, #ffffff, #f6f6f6); background-image:linear-gradient(to bottom, #ffffff, #f6f6f6)!important; background-image:-moz-linear-gradient(top, #ffffff, #f6f6f6)!important; background-repeat:repeat-x; border:1px solid #ddd!important; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffe6e6e6', GradientType=0)!important; filter:progid:dximagetransform.microsoft.gradient(enabled=false); text-decoration:none; text-shadow:0 1px 1px rgba(255, 255, 255, 1)!important; text-align:center; box-shadow:inset 0 1px 0 rgba(255, 255, 255, 1.0)!important; border-radius:0!important;}
.head-options-bar .button_group a:first-of-type {margin-left:0!important; border-right:none; border-bottom-left-radius:4px!important; border-top-left-radius:4px!important;}
.head-options-bar .button_group .btn:last-of-type {border-top-right-radius:4px!important; border-bottom-right-radius:4px!important;}
.head-options-bar .button_group .btn:active, .head-options-bar .button_group .btn.active {top:0; color:#505050!important; background:#f0f0f0!important; outline:0; -webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05)!important; -moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05)!important; box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05)!important;}
.head-options-bar .button_group #style_setting.btn > span {position:relative; display:inline-block; padding-left:16px; background-image:url('../images/tmpbuilder_style_editor.png'); background-size:12px; background-position: 0; background-repeat:no-repeat;}
.head-options-bar .saveres {position:relative; top:14px; float:left; margin-right:8px; font-size:11px; color:#999; text-align:right;}
.head-options-bar .saveres > p {margin:0; padding:0; line-height:1.4;}
.head-options-bar .saveres > p > a {color:#a2a2a2;}
/* Classic Designer */
.head-options-bar.head-option-classic { padding: 15px 23px 0; }
.head-options-bar.head-option-classic .sender_detail_group.message_headers table tr td.label { width: 60px!important; }
.head-options-bar.head-option-classic .sender_detail_group.message_headers table tbody tr { height: 45px; }
#uxbody .head-options-bar.head-option-classic .sender_detail_group table tr td input[type="text"] {display: none; width: auto!important; padding: 8px 12px!important; border-radius: 4px!important; border-color: var(--slate-200)!important; }
#uxbody .head-options-bar.head-option-classic .sender_detail_group table tr td input[type="button"] { width: auto!important; margin-left: 7px!important; padding: 2px 7px !important; color: #FFF!important; background: var(--mint-600)!important; border: 1px solid var(--mint-600)!important; }
#uxbody .head-options-bar.head-option-classic .sender_detail_group table tr td#id_sender_field { display: inline-flex; align-items: center; width: auto!important; }
.head-options-bar.head-option-classic .button_group { position: absolute; top: 13px; right: 23px; }
.head-options-bar.head-option-classic #setreply { position: relative; display: inline-block; top: 0; margin-left: 13px; padding: 0; width: 16px; height: 13px; color: #C6C6C6; text-decoration: none; background: url('../images/tmpbuilder_sender_detail_reply.png') 0 0 no-repeat; text-indent: -9999px; filter: alpha(opacity=50); opacity: 1; zoom: 1; cursor: pointer!important; }

/*-------------------------------------------------------------------------*\
    Content Manager Iframe
\*------------------------------------------------------------------------*/
.html-editor-cmm-iframe{
	position: fixed;
	top: 0;
	left: 0;
	border: 0;
	max-height: 100vh;
	max-width: 100vw;
	z-index: 1000000;
	display: none;
}

.html-editor-cmm-iframe.show{
	display: block;
}

/*-------------------------------------------------------------------------*\
   Select New Campaign Type
\*-------------------------------------------------------------------------*/
/* Status buttons */
.head-options-bar .series-status-options { float: right; background-color: #F5F5F5; border: 1px solid #ddd!important; border-radius: 4px; cursor: pointer; box-sizing: border-box; overflow: hidden; }
.head-options-bar .series-status-options .btn { margin: 0!important; border: 0 none!important; border-radius: 0!important; font-weight: 400!important; box-sizing: border-box; }
.head-options-bar .series-status-options .btn:not(:last-child) { margin: 0 -4px 0 0!important; border-right: 1px solid #ddd!important; }

/*-------------------------------------------------------------------------*\
    Select New Campaign Type
\*------------------------------------------------------------------------*/
.new_campaign_type, .campaign_select_wrap { position: relative;display: table;width: 100%;height: 100%;margin: 0;padding: 0;overflow: hidden; }
.new_campaign_type  form > h2 { margin: 0 0 0.2em;padding: 0 0 0.2em;font-family: "IBM Plex Sans"; }
.new_campaign_type #campaign_name { width: 99%;margin: -0.4em 0 0.2em !important;padding: 0.8em 0 0.8em 0.5em;font-size: 14px; }
.new_campaign_type .helper { color: #5a5a5a;margin: 0 0 0.4em;padding: 10px;font-size: 12px;background: #fff;border: 1px solid #f2f1ea;border-bottom: 1px dotted #ddd;border-top-left-radius: 5px;border-top-right-radius: 5px; }
.campaign_select_wrap, body.campaign_new .h2_wrap_static { position: relative;margin: 87px auto 23px;font-family: "IBM Plex Sans", sans-serif;overflow: visible; }
body.old.campaign_new .split-message-wrap { position: relative;margin: 0 auto;width: initial; }

/*-------------------------------------------------------------------------*\
    Campaign Summary
\*------------------------------------------------------------------------*/
.campaign_select_wrap.select_campaign_summary { width: 62%!important;max-width: 687px; }
.campaign_select_wrap.select_campaign_summary .summary-section-title { margin-bottom: 25px!important; font-family: "IBM Plex Sans", sans-serif; font-size: 23px; color: var(--slate-600); text-align: center; }
.campaign_select_wrap.select_campaign_summary .section-container { position: relative; margin-bottom: 20px; padding: 15px 20px; border: 1px solid var(--slate-200); background-color: #fff; border-radius: 6px; }
.campaign_select_wrap.select_campaign_summary .section-container * { box-sizing: border-box; }
.campaign_select_wrap.select_campaign_summary .section-container .section-row { display: table; padding: 15px 0; width: 100%; border-bottom: 1px solid var(--slate-200);font-size:14px; }
.campaign_select_wrap.select_campaign_summary .section-container .section-row:first-child { padding-top: 0; }
.campaign_select_wrap.select_campaign_summary .section-container .section-row:last-child { padding-bottom: 0; border-bottom: 0 none; }
.campaign_select_wrap.select_campaign_summary .section-container .section-row.noborder { margin: 15px 0 0!important; border: 0 none; }
.campaign_select_wrap.select_campaign_summary .section-container .section-row.notmargin { margin-top: 0 !important; }
.campaign_select_wrap.select_campaign_summary .section-container .section-row.spamcheck { font-size: 14px; font-weight: 600; }
.campaign_select_wrap.select_campaign_summary .section-container .section-row.spamcheck #spamcheck_loader { float: right;margin-top: 9px;background-position: center right;}
.campaign_select_wrap.select_campaign_summary .section-container .section-row.spamcheck [class^="spam-"] { text-align: right; }
.campaign_select_wrap.select_campaign_summary .section-container .section-row.spamcheck [class^="spam-"] [class^="ac-icon"] { font-size: 18px; vertical-align: bottom; }
.campaign_select_wrap.select_campaign_summary .section-container .section-row.spamcheck .spam-pass { color: var(--mint-600);margin-top: 2px; }
.campaign_select_wrap.select_campaign_summary .section-container .section-row.spamcheck .spam-fail { color: #F37C7B; }
.campaign_select_wrap.select_campaign_summary .section-container .section-row.spamcheck .spam-fail .ac-icon-plus:before { transform: rotate(136deg); }
.campaign_select_wrap.select_campaign_summary .section-container .spamcheck_message table { border-collapse: separate;border-spacing: 4px;}
.campaign_select_wrap.select_campaign_summary .section-container .spamcheck_message table tr td { padding: 6px;}
.campaign_select_wrap.select_campaign_summary .section-container .spamcheck_message table tr > td:first-child { text-align: center;padding: 6px;width:12%;border-radius: 4px;color:#776e30; background: #fff3a5;}
.campaign_select_wrap.select_campaign_summary .section-container .spamcheck_message table tr > td.important:first-child { color:#873c3c; background:#ec9999; font-weight: 600;}
.campaign_select_wrap.select_campaign_summary .section-container .spamcheck_message table tr td { padding-left: 12px;margin-bottom:4px;}
.campaign_select_wrap.select_campaign_summary .section-container .field-section { position: relative; display: table-cell; vertical-align: middle; }
.campaign_select_wrap.select_campaign_summary .section-container .field-section.field-label { top: 5px; min-width: 240px; font-size: 17px; font-weight: 600; vertical-align: top; }
.campaign_select_wrap.select_campaign_summary .section-container .field-section.field-label.lists { padding-right: 20px; font-size: 14px; font-weight: 400; }
.campaign_select_wrap.select_campaign_summary .section-container .field-section.align-right { text-align: right; }
.campaign_select_wrap.select_campaign_summary .section-container .field-section.align-right.full-width { width: 100%; }
.campaign_select_wrap.select_campaign_summary .section-container .section-row .ac_button { padding-left: 22px!important; padding-right: 22px!important; }
.campaign_select_wrap.select_campaign_summary .section-container .section-row .ac_button.immediately { display: inline; margin-left: 14px!important; padding-top: 5px!important; padding-bottom: 5px!important; border: 1px solid #f37c7b!important; color: #f37c7b!important; font-weight: 600; border-radius: 25px; vertical-align: middle; }
.campaign_select_wrap.select_campaign_summary .section-container .section-row .ac_button.immediately:hover { background: #f37c7b !important; border-color: #f37c7b!important; color: #FFF!important; }
.campaign_select_wrap.select_campaign_summary .delivery_schedule_container { position: relative; top: -3px; display: inline-block; margin-left: 10px; font-size: 14px!important; font-weight: 400; color: var(--slate-500); }
.campaign_select_wrap.select_campaign_summary .delivery_message { position: relative; top: -1px; display: inline-block; margin-left: 10px; font-size: 14px!important; font-weight: 400; color: var(--slate-500); }
.campaign_select_wrap.select_campaign_summary .campaign_summary.social-shareable { background-color: #FFF; border: 1px solid #DDD; }
.campaign_select_wrap.select_campaign_summary .campaign_summary.social-shareable .ac_button { background: #F6F6F6!important; }
.campaign_select_wrap.select_campaign_summary .campaign_summary.social-shareable .social-shareable-info { display: table-cell; height: 35px; padding-left: 10px; vertical-align: middle;}
.campaign_select_wrap.select_campaign_summary .campaign_summary_recur { display: table; width: 100%; background-color: #F4F4F4; }
.campaign_select_wrap.select_campaign_summary .campaign_summary_recur .ac_button { margin: 0; }
.campaign_select_wrap.select_campaign_summary .campaign_summary_recur .campaign_summary_info,
.campaign_select_wrap.select_campaign_summary .campaign_summary_recur .campaign_summary_options { display: table-cell; float: none; vertical-align: middle; }
.campaign_select_wrap.select_campaign_summary .campaign_summary_recur .campaign_summary_info { padding: 0 12px; width: 80%; }
.campaign_select_wrap.select_campaign_summary .campaign_summary_recur .campaign_summary_options { width: 20%; text-align: right; }
.campaign_select_wrap.select_campaign_summary #campaign_scheduledate_container { position: relative; }
.campaign_select_wrap.select_campaign_summary #campaign_scheduledate_container:after { position: absolute; top: 10px; right: 10px; margin: 0; font-family: 'ac-icons'; content: '\E86C'; font-size: 10px; color: var(--slate-200); }
.campaign_select_wrap.select_campaign_summary #campaign_scheduledate_container #campaign_scheduledate { padding: 5px 7px !important; width: 102px; font-size: 12px; }
.campaign_select_wrap.select_campaign_summary #campaign_scheduledate_container .popover { top: 28px!important; left: initial!important; right: -4px!important; width: initial!important; min-width: 140px!important; }
.campaign_select_wrap.select_campaign_summary #campaign_scheduledate_container .popover:before,
.campaign_select_wrap.select_campaign_summary #campaign_scheduledate_container .popover:after {position:absolute; top:-11px; right: 14px; content:''; width:0; height:0; border-width:7px 7px 7px 0; border-style:solid; border-color:transparent var(--slate-200) transparent transparent; transform:rotate(90deg); z-index:50;}
.campaign_select_wrap.select_campaign_summary #campaign_scheduledate_container .popover:after {top:-9px; border-color:transparent #fff transparent transparent;}
.campaign_select_wrap.select_campaign_summary #campaign_scheduledate_container .popover .arrow { display: none; }
.campaign_select_wrap.select_campaign_summary #campaign_scheduledate_container .popover .popover-content { padding: 0!important; }
.campaign_select_wrap.select_campaign_summary #campaign_scheduledate_container .popover .popover-content li a { display: block; padding: 4px 8px!important; border-bottom: 1px solid #CDCDCD; color: #333; cursor: pointer; text-decoration: none; vertical-align: top; }
.campaign_select_wrap.select_campaign_summary #campaign_scheduledate_container .popover .popover-content li a:hover { background: #F6F6F6; }
.campaign_select_wrap.select_campaign_summary #campaign_scheduledate_container .popover .popover-content li:last-child a { border-bottom: 0 none; }
.campaign_select_wrap.select_campaign_summary #subscriberEmailTestField_autocomplete { position: absolute; top: 46px; left: 0; min-width: 290px; height: auto; background-color: #fff!important; border: 1px solid #C7C7C7; box-sizing: border-box; z-index: 1; box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; border-radius: 5px; }
.campaign_select_wrap.select_campaign_summary #subscriberEmailTestField_autocomplete:before,
.campaign_select_wrap.select_campaign_summary #subscriberEmailTestField_autocomplete:after { position: absolute; top: -11px; left: 20px; content: ''; width: 0; height: 0; border-width: 8px 8px 8px 0; border-style: solid; border-color: rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); transform: rotate(90deg); z-index: 50; }
.campaign_select_wrap.select_campaign_summary #subscriberEmailTestField_autocomplete:before { top: -12px; border-color: rgba(0, 0, 0, 0) #C7C7C7 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
.campaign_select_wrap.select_campaign_summary #subscriberEmailTestField_autocomplete ul { max-height: 154px; overflow: hidden; overflow-y: auto; }
.campaign_select_wrap.select_campaign_summary #subscriberEmailTestField_autocomplete ul li { padding: 5px; box-sizing: border-box; border-bottom: 1px solid #F0F0F0; }
.campaign_select_wrap.select_campaign_summary #subscriberEmailTestField_autocomplete ul li:hover { background-color: #F4F4F4; }
#uxbody .campaign_select_wrap.select_campaign_summary .campaign_time_schedule { display: inline-block; padding: 4px 7px !important; border: var(--slate-200) 1px solid !important; border-radius: 4px !important; vertical-align: top; }

.campaign_select_wrap.select_campaign_summary #activerss_interval .ac_popover-menu { min-width: 160px; }
.campaign_select_wrap.select_campaign_summary #activerss_interval .dropdown_select { padding: 5px 25px 5px 14px !important; font: 14px "IBM Plex Sans", Helvetica, sans-serif !important; border: 1px solid var(--slate-200); }
.campaign_select_wrap.select_campaign_summary #activerss_interval .dropdown_select:after { position: absolute; top: 10px; right: 10px; margin: 0; font-family: 'ac-icons'; content: '\E86C'; font-size: 10px; color: var(--slate-200); }
.campaign_select_wrap.select_campaign_summary #activerss_interval .dropdown_select.active { border-radius: 5px; }
.campaign_select_wrap.select_campaign_summary #activerss_interval .dropdown_menu { top: 40px; left: initial; right: -3px; width: initial!important; min-width: 130px!important; border: 1px solid var(--slate-200)!important; border-radius: 5px; overflow: visible; }
.campaign_select_wrap.select_campaign_summary #activerss_interval .dropdown_menu:before,
.campaign_select_wrap.select_campaign_summary #activerss_interval .dropdown_menu:after {position:absolute; top:-11px; right: 14px; content:''; width:0; height:0; border-width:7px 7px 7px 0; border-style:solid; border-color:transparent var(--slate-200) transparent transparent; transform:rotate(90deg); z-index:50;}
.campaign_select_wrap.select_campaign_summary #activerss_interval .dropdown_menu:after {top:-9px; border-color:transparent #fff transparent transparent;}
.campaign_select_wrap.select_campaign_summary #activerss_interval .dropdown_menu ul { max-height: 170px; overflow-y: auto; }
.campaign_select_wrap.select_campaign_summary #activerss_interval .dropdown_menu li { display: block; padding: 4px 8px!important; border-bottom: 1px solid #CDCDCD; color: #333; cursor: pointer; text-decoration: none; vertical-align: top; }
.campaign_select_wrap.select_campaign_summary #activerss_interval .dropdown_menu li:hover { background: #F6F6F6; }

#uxbody .campaign_select_wrap.select_campaign_summary .campaign_time_schedule [id^="campaign_"],
#uxbody .campaign_select_wrap.select_campaign_summary .campaign_time_schedule [id^="campaign_"] .dropdown_select { display: inline; margin: 0!important; padding: 0!important; width: 20px; border: none!important; background: transparent!important; background-color: transparent!important; font-size: 14px!important; text-align: center; }
#uxbody .campaign_select_wrap.select_campaign_summary .campaign_time_schedule [id^="campaign_"] .dropdown_select:after { display: none; position: absolute; top: 5px; right: -5px; margin: 0; font-family: 'ac-icons'; content: '\E86C'; font-size: 8px; color: var(--slate-200); }
#uxbody .campaign_select_wrap.select_campaign_summary .campaign_time_schedule [id^="campaign_"] .dropdown_menu { top: 25px; left: -8px; width: 66px; max-height: 169px; border-radius: 0 0 5px 5px; -ms-overflow-style: -ms-autohiding-scrollbar; }
#uxbody .campaign_select_wrap.select_campaign_summary .campaign_time_schedule [id^="campaign_"] .dropdown_menu ul { max-height: 168px; }
#uxbody .campaign_select_wrap.select_campaign_summary .campaign_time_schedule [id^="campaign_"] .dropdown_menu li { border-bottom: 1px solid #CDCDCD; color: #333; cursor: pointer; vertical-align: top; }
#uxbody .campaign_select_wrap.select_campaign_summary .campaign_time_schedule [id^="campaign_"] .dropdown_menu li:hover { background: #F6F6F6; }
#uxbody .campaign_select_wrap.select_campaign_summary .campaign_time_schedule [id^="campaign_"] .dropdown_menu li a { border-bottom: 0 none; }
#uxbody .campaign_select_wrap.select_campaign_summary .campaign_time_schedule #campaign_scheduleminute .dropdown_menu { left: -43px; }

.editable_link, #campaign_date_based_options td a { text-decoration: none; border-bottom: 1px dotted #3E70B5; color: #3E70B5; }
.editable_link:hover, #campaign_date_based_options td a:hover { border-bottom: none  }

/* Email test row */
.email-test-wrapper { display: table; width: 100%; border-spacing: 0; }
.email-test-fields { display: table-cell; }
.email-test-button { display: table-cell; padding-left:8px; width: 1%; }
.campaign_select_wrap.select_campaign_summary .section-container .section-row input[type="text"] { margin: 0!important; padding: 8px 14px!important; width: 50px!important; line-height: initial!important; }
.campaign_select_wrap.select_campaign_summary .section-container .section-row #subscriberEmailTestField { width: 100%!important; margin-right: 3px!important; }
.campaign_select_wrap.select_campaign_summary .section-container .section-row #subscriberEmailTestField.warning { width: 93% !important;border: #F37C7B 1px solid !important; }
.campaign_select_wrap.select_campaign_summary .section-container .section-row .notify { padding-left: 40px; text-align: left; min-height: 64px; }
.campaign_select_wrap.select_campaign_summary .section-container .section-row .notify:before { position: absolute; left: 14px; }
.campaign_select_wrap.select_campaign_summary .section-container .section-row #testemailwarning { font-size: 18px;cursor: pointer;margin-right: 4px; }
.campaign_select_wrap.select_campaign_summary #list_address { text-align: left; }
.campaign_select_wrap.select_campaign_summary #list_address input[name^="sender_"] { width: 100%!important; }
.campaign_select_wrap.select_campaign_summary #list_address #sendercityField { width: 289px!important; }
.campaign_select_wrap.select_campaign_summary #list_address #senderstateField,
.campaign_select_wrap.select_campaign_summary #list_address #senderzipField { width: 100px!important; }
.campaign_select_wrap.select_campaign_summary .disable_responder_toggle_overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
}

.domain-validation .notify {
	display: flex;
	align-items: center;
	min-height: 64px;
}
.domain-validation .text {
	flex: 1;
}
.domain-validation .ac_button {
	padding: 7px 11px !important;
}

/* Campaign name and type selection page AND Campaign list selection page */
.campaign_select_wrap .create-section-title { font-family: "IBM Plex Sans", sans-serif; font-size: 24px; color: var(--slate-600); text-align: center; }
.campaign_select_wrap .create-section-title-secondary { font-family: "IBM Plex Sans", sans-serif; font-size: 14px; color: var(--slate-600);  text-align: center; }

/* Campaign list selection page */
.select_campaign_list .new-campaign-lists { margin: 30px auto; padding: 0; height: initial;  width: 50%;max-width: 645px;min-width: 570px;box-sizing: border-box; }
.select_campaign_list .new-campaign-lists * { box-sizing: border-box; }
.select_campaign_list .new-campaign-lists .lists-selection-table-container { border-top-left-radius: 6px; border-top-right-radius: 6px; }
.select_campaign_list .new-campaign-lists #lists-selection-table .ac_lists-header .segmentlink  { display: block;margin-top: 7px; }
.select_campaign_list .new-campaign-lists #lists-selection-table .ac_lists-header .ac-icon-segment { margin-right: 8px; vertical-align: middle; }
.select_campaign_list .new-campaign-lists .lists-selection-listing { border: 1px solid var(--slate-200); box-sizing: border-box;border-radius: 0 0 4px 4px; }
.select_campaign_list .new-campaign-lists .lists-selection-listing th { font-size: 14px; font-weight: 600; }
.select_campaign_list .new-campaign-lists .lists-selection-listing th.checkbox { padding: 8px 10px 10px 10px; }
.select_campaign_list .new-campaign-lists .lists-selection-listing tbody td { font-size: 15px; }
.select_campaign_list .new-campaign-lists .lists-selection-listing tbody td.text_left, .select_campaign_list .new-campaign-lists .lists-selection-listing tbody td.text_right { cursor: pointer; }
.select_campaign_list .new-campaign-lists .lists-selection-listing input[type=radio],
.select_campaign_list .new-campaign-lists .lists-selection-listing input[type=checkbox] { display: none!important; }
.select_campaign_list .new-campaign-lists .lists-selection-listing input[type=radio].ac_check + label,
.select_campaign_list .new-campaign-lists .lists-selection-listing input[type=checkbox].ac_check + label { margin: 0!important; }
.select_campaign_list .new-campaign-lists .lists-selection-listing input[type=radio].ac_check + label span,
.select_campaign_list .new-campaign-lists .lists-selection-listing input[type=checkbox].ac_check + label span { margin: 0!important; vertical-align: middle!important; }
.select_campaign_list .new-campaign-lists .lists-selection-listing tbody td input[type=radio].ac_check + label span,
.select_campaign_list .new-campaign-lists .lists-selection-listing tbody td input[type=checkbox].ac_check + label span { position: relative; top: 2px; vertical-align: top!important; }
.select_campaign_list .new-campaign-lists .lists-selection-listing tbody tr.tooltip-container td { position: absolute; padding: 0; z-index: 1; }

.select_campaign_list .new-campaign-lists .lists-segment-container, .select_campaign_list .new-campaign-lists .lists-segment-newname { display: none; position: relative; padding-top: 40px; box-sizing: border-box; text-align: center; }
.select_campaign_list .new-campaign-lists .lists-segment-container { margin: auto; }
.select_campaign_list .new-campaign-lists .lists-segment-container .lists-segment-inner { position: relative; width: auto; display: inline-block; margin: auto; border-spacing: 0; padding: 8px; background: var(--slate-100); border: 1px solid var(--slate-200); border-radius: 6px; box-sizing: border-box; }
.select_campaign_list .new-campaign-lists .lists-segment-container .lists-edit { display: table; float: left; }
.select_campaign_list .new-campaign-lists .lists-segment-container .lists-edit.border-right { border-right: 1px solid #CDCDCD; }
.select_campaign_list .new-campaign-lists .lists-segment-container .lists-edit #no-segments-created { display: none; }
.select_campaign_list .new-campaign-lists .lists-segment-container .lists-edit.no-segment-permission { float:none; border-right: none; width: 100%; }
.select_campaign_list .new-campaign-lists .lists-segment-container .lists-edit:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.select_campaign_list .new-campaign-lists .lists-segment-container .create-segment { display: table-cell; padding-left: 10px; }
.select_campaign_list .new-campaign-lists .lists-segment-container .create-segment .ac_button { margin: 0; vertical-align: middle;width: 100%; }
.select_campaign_list .new-campaign-lists .lists-segment-container .lists-edit .selectdropdown { display: table-cell; margin: 0; padding-right: 10px; vertical-align: middle; }
.select_campaign_list .new-campaign-lists .lists-segment-container .lists-edit.no-segment-permission .selectdropdown { padding-right: 0px; }
.select_campaign_list .new-campaign-lists .lists-segment-container .lists-edit .selectdropdown .dropdown_select { position: relative; padding: 7px 25px 10px 13px; width: 100%;height: 34px; font-size: 14px; vertical-align: bottom;white-space: nowrap;overflow:hidden;text-overflow: ellipsis; }
.select_campaign_list .new-campaign-lists .lists-segment-container .lists-edit .selectdropdown .dropdown_select span.icon:before, .select_campaign_list .new-campaign-lists .lists-segment-container .lists-edit .selectdropdown .dropdown_select span.icon:after { content: none; }
.select_campaign_list .new-campaign-lists .lists-segment-container .lists-edit .selectdropdown .dropdown_select span.icon { position: absolute; right: 0; }
.select_campaign_list .new-campaign-lists .lists-segment-container .lists-edit .selectdropdown .dropdown_select span.icon svg { fill: black; }
.select_campaign_list .new-campaign-lists .lists-segment-container .select-segment-lists { float: left; margin: 0 10px 0 0; vertical-align: middle; }
.select_campaign_list .new-campaign-lists .lists-segment-container .select-segment-lists .dropdown_select { position: relative; padding: 10px 30px 10px 16px; width: 240px; min-width: 240px; font-size: 14px; vertical-align: bottom; }
.select_campaign_list .new-campaign-lists .lists-segment-container .select-segment-lists .dropdown_select:after { position: absolute; top: 14px; right: 14px; margin: 0; font-family: 'ac-icons'; content: '\E86C'; font-size: 10px; }
.select_campaign_list .new-campaign-lists .lists-segment-container .edit-segment { display: table-cell; margin: 0; padding-right: 8px; }
.select_campaign_list .new-campaign-lists .lists-segment-container .edit-segment .ac_button { margin: 0; width: 100%; }
.select_campaign_list .new-campaign-lists .lists-default-segments-banner { display: none; box-shadow: 0 4px 12px rgba(31, 33, 41, 0.08); overflow: hidden; margin: auto; max-width: 560px; border-radius: 8px; }

#segment_modal.modal .segmentgroup .filterfield input.date-button { margin-left: 10px !important; }
#segment_modal.modal .modal-dialog { width: 860px!important; }

/*-------------------------------------------------------------------------*\
    List Selection Page
\*------------------------------------------------------------------------*/
.select_campaign_list #filternew { margin: 23px auto;width:65%;	min-width: 640px;max-width:730px; }
.select_campaign_list #segmentbuilder { background: none; }
.select_campaign_list #segmentbuilder .segmentgroup { padding-bottom: 25px; }
.select_campaign_list #segmentbuilder .segmentgroup > div { padding-right: 0!important; }
.select_campaign_list #segmentbuilder .segmentgroup a[name^="anchor_"] { display: none!important; }
.select_campaign_list #segmentbuilder .segmentgroup .filterfield { width: 33.33%!important; }
.select_campaign_list #segmentbuilder .segmentgroup .filterfield.filterrhs { padding-right: 10px!important; }
.select_campaign_list #segmentbuilder .segmentgroup .filterfield .input-wrap input,
.select_campaign_list #segmentbuilder .segmentgroup .filterfield .selectBox { padding: 10px 12px!important; box-shadow: none; font: 14px "IBM Plex Sans", Helvetica, sans-serif !important; text-decoration: none; border: var(--slate-200) 1px solid !important; background-color: #fff; border-radius: 4px !important; }
.select_campaign_list #segmentbuilder .segmentgroup .filterfield .selectBox * { padding: 0!important; }
.select_campaign_list #segmentbuilder .segmentgroup .filterfield [class^="ac-icon"] { position: absolute; top: 13px; right: 20px; font-size: 10px; z-index: 2; }
.select_campaign_list #segmentbuilder .segmentgroup .filterfield.filterop [class^="ac-icon"],
.select_campaign_list #segmentbuilder .segmentgroup .filterfield.filterrhs [class^="ac-icon"] { right: 10px; }
.select_campaign_list #segmentbuilder .segmentgroup .condition { display: table; margin: 0 0 10px; padding: 0; background: none; border: 0; border-radius: 0; box-sizing: border-box; }
.select_campaign_list #segmentbuilder .segmentgroup .addcondition { left: 17px!important; right: initial!important; bottom: 9px!important; }
.select_campaign_list #segmentbuilder .segmentgroup .addcondition a { font-size: 12px!important; color: #3A73B9!important; font-weight: 400!important; }
.select_campaign_list #segmentbuilder .segmentgroup .removecondition { top: 16px!important; right: 0!important; width: 8px!important; }
/* Switch operator for both segment grouping and segment rows */
.select_campaign_list #segmentbuilder .segmentgroup .switchoperator { width: 15%!important; }
.select_campaign_list #segmentbuilder .switchoperator fieldset { margin: 0!important; width: initial!important; }
.select_campaign_list #segmentbuilder .switchoperator label { margin: 0!important; background: #fff; color: #5D5D5D!important; border: 1px solid #C0C0C0; }
.select_campaign_list #segmentbuilder .switchoperator label:first-child { border-right: 0 none; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.select_campaign_list #segmentbuilder .switchoperator label:last-child { border-left: 0 none; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.select_campaign_list #segmentbuilder .switchoperator label.selected { background: #19467C; color: #fff!important; }
.select_campaign_list #segmentbuilder .switchoperator span { padding: 4px 11px!important; background: none!important; font-weight: 400; }
/* Switch operator for segment grouping */
.select_campaign_list #segmentbuilder .switchoperator.groupoperator { padding-left: 0;width: 80px;min-width: 80px;max-width: 80px; }
.select_campaign_list #segmentbuilder .switchoperator.groupoperator fieldset { left: -3px;margin: 0 auto !important;display: inline-block !important; }

.select_campaign_list #addnewgroup { position: relative; }
.select_campaign_list .groupoperator { position: relative; }
.select_campaign_list #addnewgroup:before { position: absolute; content: ''; top: -50px; left: 50%; width: 1px; height: 50px; border-left: 1px dashed #CDCDCD; box-sizing: border-box; }
.select_campaign_list .groupoperator:before { position: absolute; content: ''; top: -30px; left: 50%; width: 1px; height: 104px; border-left: 1px dashed #CDCDCD; box-sizing: border-box; }
.select_campaign_list #filternew * { box-sizing: border-box; }
.select_campaign_list #filternew .ac_button { margin: 0; }
.select_campaign_list #filternew #segmentname { width: 100%; }

/*-------------------------------------------------------------------------*\
    Campaign Summary
\*------------------------------------------------------------------------*/
/* Options row */
.campaign_select_wrap.select_campaign_summary .section-container .section-row.options { position: relative; display: table; width: 100%; border-spacing: 0; }
.campaign_select_wrap.select_campaign_summary .section-container .options-row { position: relative; display: table-row; width: 100%; }
.campaign_select_wrap.select_campaign_summary .section-container .options-cell { position: relative; display: table-cell; }
.campaign_select_wrap.select_campaign_summary .section-container .options-label { width: 250px; max-width: 250px; min-width: 250px; }
.campaign_select_wrap.select_campaign_summary .section-container .options-label [class^="ac-icon"], .options-label [class^="ac-icon"] { color: var(--slate-500); }
.campaign_select_wrap.select_campaign_summary .section-container .options-toggle { width: 150px; min-width: 100px; text-align: right; white-space: nowrap; }
.campaign_select_wrap.select_campaign_summary .section-container .options-toggle [class^="archive-toggle"] { display: inline-block; padding: 4px 10px; color: var(--slate-500); font-weight: 400; cursor: pointer; }
.campaign_select_wrap.select_campaign_summary .section-container .options-toggle [class^="archive-toggle"]:first-child { border-right: 1px solid #DDD; }
.campaign_select_wrap.select_campaign_summary .section-container .options-toggle [class^="archive-toggle"]:last-child { padding-right: 0; }
.campaign_select_wrap.select_campaign_summary .section-container .options-toggle [class^="archive-toggle"].selected { color: var(--mint-600); font-weight: 600; }
body.old.campaign_new .twipsy { white-space: initial; }

/*-------------------------------------------------------------------------*\
    Campaign Result
\*------------------------------------------------------------------------*/
.campaign_select_wrap.select_campaign_result { width: 75%!important; left: 125px; }
.campaign_select_wrap.select_campaign_result .result-section-title { margin-bottom: 25px!important; font-family: "IBM Plex Sans", sans-serif; font-size: 19px; color: var(--slate-600); }
.campaign_select_wrap.select_campaign_result .ac_info-general { position: relative; padding: 24px 34px; background-color: #FFF!important; text-align: left; }
.campaign_select_wrap.select_campaign_result .ac_info-general:after { content: ""; display: table; clear: both; visibility: hidden; line-height: 0; height: 0; }
.campaign_select_wrap.select_campaign_result .ac_info-general h2 { margin-bottom: 15px!important; font-family: "IBM Plex Sans", sans-serif; font-size: 19px; line-height: 150%; color: var(--slate-600); font-weight: 600; }
.campaign_select_wrap.select_campaign_result .ac_info-general [class^="ac-icon"] { position: relative; top: -17px; float: left; font-size: 83px; color: #3A73B9; width: 120px; height: 120px; text-align: center; border-radius: 100%;  }
.campaign_select_wrap.select_campaign_result .ac_info-general [class^="ac-icon"]:before { padding: 0; width: initial; line-height: 0; }
.campaign_select_wrap.select_campaign_result .ac_info-general .content { margin-left: 150px; font-size: 14px; line-height: 150%; color: #5A5A5A; }

.campaign_select_wrap.select_campaign_result .ac_info-general.final_finished { text-align: center; }
.campaign_select_wrap.select_campaign_result .ac_info-general.final_finished .content { margin: 0; }
.campaign_select_wrap.select_campaign_result .ac_info-general.final_finished .content h2 { margin: 0!important; line-height: 100%; }

.campaign_select_wrap.select_campaign_result .result_final_options { margin: 20px 0 0; text-align: center; }
.campaign_select_wrap.select_campaign_result .result_final_options .final_options_wrap { margin: 0 auto; }
.campaign_select_wrap.select_campaign_result .result_final_options .final_options_wrap .option-column { position: relative; display: inline-block; margin: 0 25px 15px; }
.campaign_select_wrap.select_campaign_result .result_final_options .final_options_wrap .option-column:before { position: absolute; top: 8px; left: -24px; margin: initial; padding: 0; font-family: 'ac-icons'; font-size: 16px; color: #3A73B9!important; line-height: 0; }
.campaign_select_wrap.select_campaign_result .result_final_options .final_options_wrap .option-column input { margin: initial!important; padding: initial!important; color: #3A73B9!important; font-size: 15px!important; font-weight: 600; background: initial!important; background-color: initial!important; border: initial!important; }
.campaign_select_wrap.select_campaign_result .result_final_options .final_options_wrap .option-column input:active { top: 0!important; }
.campaign_select_wrap.select_campaign_result .result_final_options .final_options_wrap .option-column input:hover,
.campaign_select_wrap.select_campaign_result .result_final_options .final_options_wrap .option-column:hover:before { color: #19467C!important; }
.campaign_input_create { height: 100%; }

/*-------------------------------------------------------------------------*\
  	Campaign text email designer
\*------------------------------------------------------------------------*/
#template-edit { background: #f6f6f6;padding: 0;}
.editor-input {width: 100%;margin-top: 64px;padding-bottom: 40px;}
.editor-input #editordiv { margin: 0 auto;width:650px;}
.editor-input #editordiv textarea { width: 100% !important;font-size: 14px !important;min-height: 300px !important;padding: 20px !important;border: none !important;overflow: auto;resize: vertical;box-shadow: 0 0.5px 2px rgba(0,0,0,0.3) }

/*-------------------------------------------------------------------------*\
   Automations page  /series
\*------------------------------------------------------------------------*/
body.series_list .campaigns_head { margin-top: 63px; }
body.series_list .uxrgtcolm .create { font-size: 14px; }
body.series_list #uxbody .uxrgtcolm { margin-top: 64px;min-width: 251px;max-width: 251px;position: fixed;z-index: 2;height: 100%; }
body.series_list .ac_side-menu li.active .ac_count, body.series_list .ac_side-menu li.active .ac_count_series { border-color: #4E4E4E;background: #4E4E4E !important;color: #fff; }
body.series_list .ac_side-menu li .ac-icon-circle { font-size: 12px !important;margin-top: 3px; }
body.series_list .ac_side-menu li a.series_active .ac-icon-circle { color: var(--mint-600) !important; }
body.series_list .ac_side-menu li a.series_inactive .ac-icon-circle { color: #F37C7B !important; }
body.series_list .ac_side-menu li a.series_draft .ac-icon-circle { color: #cdcdcd !important; }
body.series_list .ac_side-menu .ac-icon-plus { cursor: pointer; }
#series_list .ac_lists-header .filterList { float: left; width: 190px;  }
#series_list .ac_lists-header .folder-popover-menu { margin-top: 45px; }

/* header attributes */
#header_series_options .toprightnav .viewcontacts,
#header_series_options .toprightnav .viewemails,
#header_series_options .toprightnav #react-view-emails-button,
#header_series_options .toprightnav #react-status-options,
#header_series_options .toprightnav .series-status-options {
	margin-left: 10px;
	display: inline-block;
	vertical-align: top;
}
#header_series_options .toprightnav .series-status-options .ac_button-group {
	border-radius: 4px;
	overflow: hidden;
}
#header_series_options .toprightnav .series-status-options {
	border-radius: 4px;
	overflow: hidden;
}

#header_series_options .toprightnav .series-status-options .ac_button {
	margin: 0;
	display: block;
	float: left;
	box-sizing: border-box;
	border-radius: 4px 0 0 4px;
}

#header_series_options .toprightnav .series-status-options #status_inactive {
	border-radius: 0 4px 4px 0;
	border-left: none;
}

#header_series_options .toprightnav .series-status-options .ac_button.active {
	background-color: #E4E7F0;
}

#header_series_options .toprightnav .series-status-options .ac_button .dot {
	display: inline-block;
	margin-right: 6px;
	width: 9px;
	height: 9px;
	border-radius: 100%;
}

#header_series_options .toprightnav .series-status-options .ac_button.active .dot {
	opacity: 1.0;
}

#header_series_options .toprightnav .series-status-options #status_draft .dot {
	background: var(--slate-400);
}

#header_series_options .toprightnav .series-status-options .dot {
	background: #E4E7F0;
}

#header_series_options .toprightnav .series-status-options #status_active.active .dot {
	background: var(--mint-500);
}

#header_series_options .toprightnav .series-status-options #status_inactive.active .dot {
	background: var(--strawberry-500);
}
#header_series_options .toprightnav .viewcontacts,
#header_series_options .toprightnav .viewemails { font-size:11px; color:#000;}
#header_series_options .toprightnav .viewcontacts .ac_button,
#header_series_options .toprightnav .viewemails .ac_button { min-width: 135px; width: fit-content;}
#header_series_options .toprightnav .alt2 { margin: 0; }
#header_series_options .pageTitle { float: left; width: auto;margin-left: -10px; }
#header_series_options .pageTitle #name_input {display:none; position: relative; font-family: 'IBM Plex Sans', Helvetica, sans-serif; display: inline-block; margin: 0; padding: 8px; background: transparent; color: #fff; font-size: 17px; font-weight: 600; border: 2px solid #4DCBA9;background-color:#2A4C79; vertical-align: middle; border-radius: 4px; box-sizing: border-box; }
#header_series_options .pageTitle #name_submit {display:none; position:relative; margin:0!important; padding:2px 6px; width:auto!important; display:inline-block; background:#f5f5f5; color:#555; border:1px solid #ddd; border-radius:3px; cursor:pointer; vertical-align: middle;left: 5px; }
#header_series_options .pageTitle #name_span { position: relative; font-family: 'IBM Plex Sans', Helvetica, sans-serif; display: inline-block; margin: 0; padding: 10px 10px; color: #FFF; font-size: 17px; font-weight: 600; vertical-align: middle; border-radius: 4px; box-sizing: border-box; }
#header_series_options .pageTitle #name_span.hover {background-color:#2A4C79; color:#fff; cursor:pointer; }

/* Series -- Horizontal Mode */
#seriesLists ul.lists {position:relative; display:table-row; margin:10px 0 0!important; padding:0; width:100%; height:100%; zoom:1; z-index:10;}
#seriesLists ul.lists > li {position:relative; display:block!important; margin:0 0 20px; padding:0 24px; height:110px!important; display:inline; border-bottom:1px solid var(--slate-200); overflow:hidden; zoom:1; z-index:999;}
#seriesLists ul.lists > li:last-child {margin-bottom:0; border-bottom:0 none;}
#seriesLists ul.lists > li > div.imgwrap {float:left; width:120px}
#seriesLists > ul#series_list a.title {display:table; width:auto; float:none; margin:0 0 16px; padding:0; color:#333; font-size:14px; line-height:16px; text-decoration:underline;}
#seriesLists > ul#series_list > li {position:relative; overflow: visible; display:block!important; margin:0 0 20px 0; padding:15px 23px; height:110px!important; display:inline; border-bottom:1px solid var(--slate-200); zoom:1; z-index:999;}
#seriesLists > ul#series_list > li:first-child {padding-top:0;}
#seriesLists > ul#series_list > li > div.imgwrap {float:left; width:105px; height:90px; overflow:hidden;}
#seriesLists > ul#series_list > li > div.imgwrap .avatars {position:relative; margin:0; padding:0; width:100%; height:15px; overflow:hidden; background:url(../images/campaign-activity-bg.gif); background-position:top; background-repeat:no-repeat; }
#seriesLists > ul#series_list > li > div.imgwrap .avatars a {float:left; display:block; width:15px; height:15px;}
#seriesLists > ul#series_list > li > div.imgwrap .avatars a img {display:inline; border:0; width:15px; height:15px;}
#seriesLists > ul#series_list > li > div.imgwrap .img {position:relative; width:103px; height:73px; display:block; border:1px solid var(--slate-200);}
#seriesLists > ul#series_list > li > div.imgwrap .img:after, #seriesLists > ul#series_list > li > div.imgwrap .img > span:after {position:absolute; top:1px; left:1px; bottom:1px; right:1px; content:" ";}

#seriesLists > ul#series_list > li > div.seriesinfo {height:100%; margin-left:120px;}
/* Folders */
#seriesLists > ul#series_list > li > div.seriesinfo .folder {position:absolute; top:0; right:23px; width:auto; z-index:300; text-align:right;}
#seriesLists > ul#series_list > li > div.seriesinfo .folder > a {position:relative; display:inline-block; padding:2px 7px; font-size:11px; color:#6e6e6e; width:auto!important; background:#f1f1f1; border-radius:3px!important; text-decoration:none!important; text-align:right; border:1px solid transparent; z-index:20;}
#seriesLists > ul#series_list > li > div.seriesinfo .folder .foldershown {width:auto!important; color:#666; border:1px solid var(--slate-200); border-bottom:1px solid transparent; background:#fff; z-index:50;}
#seriesLists > ul#series_list > li > div.seriesinfo .folder .folders {position:relative; top:-1px; padding:6px; height:55px; border:1px solid var(--slate-200); background:#fff; overflow:auto; -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1); box-shadow:0 1px 3px rgba(0, 0, 0, 0.1); z-index:12;}
#seriesLists > ul#series_list > li > div.seriesinfo .folder .folders:hover {overflow-x:auto;}
#seriesLists > ul#series_list > li > div.seriesinfo .folder .folders > li {margin:0 16px 0 0; padding:0; font-size:11px!important; color:#6e6e6e!important; width:auto; text-decoration:none!important; text-align:left; line-height:16px; white-space:nowrap;}

/* Buttons */
#seriesLists ul.lists > li > div.seriesinfo .buttons {position:relative; margin:14px 0 0; padding:0; width:100%; z-index:200; overflow:hidden;}
#seriesLists ul.lists > li > div.seriesinfo .buttons .btnsmall {float:left; margin:0 8px 0 0!important; padding:3px 5px!important; color:#666!important; line-height:16px!important;}
#seriesLists ul.lists > li > div.seriesinfo .buttons .btnsmall span {display:block; padding-left:19px; padding-top:1px; background-repeat:no-repeat; background-position:0 1px;}
#seriesLists ul.lists > li > div.seriesinfo .buttons .delete {padding:3px 7px!important; color:#9d9d9d; font-size:11px!important;}
#seriesLists ul.lists > li > div.seriesinfo .buttons .continue span {padding-left:14px; background-image:url('../images/campaignlists_continue.png'); background-position:0 4px;}
#seriesLists ul.lists > li > div.seriesinfo .buttons .contacts span {padding-left:0;}
#seriesLists ul.lists > li > div.seriesinfo .buttons .enable {color:#ae5050!important; background:#fff0f0!important; border:1px solid #cca0a0;}
#seriesLists ul.lists > li > div.seriesinfo .buttons .enable span {background-image:url('../images/campaignlists_resume.png');}
#seriesLists ul.lists > li > div.seriesinfo .buttons .disable span {background-image:url('../images/campaignlists_pause.png');}
#seriesLists ul.lists > li > div.seriesinfo .buttons .folder span {background-image:url('../images/campaignlists_folder.png');}
#seriesLists ul.lists > li > div.seriesinfo .buttons .resume span {background-image:url('../images/campaignlists_resume.png');}
#seriesLists ul.lists > li > div.seriesinfo .buttons .stop span {padding-left:18px; background-image:url('../images/campaignlists_stop.png');}
#seriesLists ul.lists > li > div.seriesinfo .buttons .pause span {padding-left:18px; background-image:url('../images/campaignlists_pause.png');}
#seriesLists ul.lists > li > div.seriesinfo .buttons .edit span {padding-left:16px; background-image:url('../images/campaignlists_edit.png'); background-position:0 2px;}
#seriesLists ul.lists > li > div.seriesinfo .buttons .send span {background-image:url('../images/campaignlists_send.png'); background-position:0 3px;}
#seriesLists ul.lists > li > div.seriesinfo .buttons .copy span {background-image:url('../images/campaignlists_copy.png'); background-position:0 3px;}
#seriesLists ul.lists > li > div.seriesinfo .buttons .resend span {background-image:url('../images/campaignlists_resend.png'); padding-left:17px; }
#seriesLists ul.lists > li > div.seriesinfo .buttons .report span {background-image:url('../images/campaignlists_report.png'); width:15px; padding:0;}
#seriesLists ul.lists > li > div.seriesinfo .buttons .ticket span {background-image:url('../images/campaignlists_ticket.png');color:red;font-weight:bold;}
#seriesLists ul.lists > li > div.seriesinfo .buttons .survey span {background-image:url('../images/campaignlists_survey.png');}
#seriesLists ul.lists > li > div.seriesinfo .buttons .share span { padding-left: 0; }

#seriesLists .transfade,
#seriesLists .blocks > .node-if.lastnode::after { position:absolute; content:''; right:0; top:-10px; width:100px; height:100px; opacity:100; z-index:100; background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background:-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background:-o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background:-ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background:linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); }

#seriesLists a.title,
#seriesLists .buttons {position:relative; display:block; float:left; width:100%;}
#seriesLists .buttons {top:20px;}
#seriesLists .buttons > a {padding:4px 9px;}

/* Series List Page */

#series_listingFooter {
    position: relative;
    margin: 0;
    padding: 0;
    height: 60px;
}

#series_listingFooter:before {
    display: table;
    content: "";
}

#series_listingFooter:after {
    clear: both;
}

body.series_list #series_listingFooter,
body.campaign #series_listingFooter {
    text-align: center;
}

#series_listingFooter .buttons {
    position: static;
    top: 0!important;
    margin-top: 14px;
    margin-left: 30px;
}

#series_listingFooter .buttons>a {
    padding: 7px 20px 9px!important;
}

#series_listingFooter .btn {
    float: left;
    margin: 0!important;
    padding: 6px 13px!important;
    font-size: 14px!important;
    color: #3f3f3f;
    -moz-box-shadow: inset 0 1px 0 0 #fff;
    -webkit-box-shadow: inset 0 1px 0 0 #fff;
    box-shadow: inset 0 1px 0 0 #fff;
    background-color: #f5f5f5;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f6f6f6));
    background-image: -webkit-linear-gradient(top, #ffffff, #f6f6f6);
    background-image: -o-linear-gradient(top, #ffffff, #f6f6f6);
    background-image: linear-gradient(to bottom, #ffffff, #f6f6f6);
    background-image: -moz-linear-gradient(top, #ffffff, #f6f6f6);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    border-radius: 3px;
    border: 1px solid #cecece;
    display: inline-block;
    color: #555;
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 1);
    -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 1);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 1);
    cursor: pointer!important;
    text-shadow: 1px 1px 0 #fff;
    z-index: 1;
    zoom: 1;
    -webkit-transition: background-color .1s linear;
    -moz-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
    -ms-transition: background-color .1s linear;
    transition: background-color .1s linear;
}

#series_listingFooter .btn:hover {
    color: #333;
    background: #f5f5f5!important;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f8f8f8), color-stop(1, #f3f3f3));
    background: -moz-linear-gradient( center top, #f8f8f8 5%, #f3f3f3 100%);
    background-color: #f8f8f8;
    -webkit-transition: background-color .05s linear;
    -moz-transition: background-color .05s linear;
    -o-transition: background-color .05s linear;
    -ms-transition: background-color .05s linear;
    transition: background-color .05s linear;
}

body.campaign .ac_side-menu li.side-menu-header { padding: 5px 30px 14px 23px }
body.series_list .blocks,
body.campaign .blocks,
.blocksWrap .blocks {position:absolute; display:table; left:155px; margin-top:-7px; margin-left:-35px; white-space:nowrap; border-spacing:23px 0;}
body.series_list .blocks > div:only-child,
body.campaign .blocks > div:only-child,
.blocksWrap .blocks > div:only-child {margin-right:0;}
body.campaign .blocks > .startnode .node-title::before,
body.series_list .blocks > .startnode .node-title::before,
.blocksWrap .blocks > .startnode .node-title::before {display:none;}
body.campaign .blocks > .startnode,
body.series_list .blocks > .startnode,
.blocksWrap .blocks > .startnode,
body.series_list .blocks > .subnode,
body.campaign .blocks > .subnode,
.blocksWrap .blocks > .subnode,
body.series_list .blocks > .node,
body.campaign .blocks > .node,
.blocksWrap .blocks > .node {position:relative; display:table-cell; background:#fff; filter:alpha(opacity=100); opacity:1;}
body.series_list .blocks > .startnode > div::before,
body.campaign .blocks > .startnode > div::before,
.blocksWrap .blocks > .startnode > div::before,
body.series_list .blocks > .subnode > div::before,
body.campaign .blocks > .subnode > div::before,
.blocksWrap .blocks > .subnode > div::before,
body.series_list .blocks > .node > div::before,
body.campaign .blocks > .node > div::before,
.blocksWrap .blocks > .node > div::before {position:absolute; content:''; top:15px; left:-24px; border-bottom:1px solid #ddd; width:24px; z-index:1;}
body.series_list .blocks > .startnode:last-child,
body.campaign .blocks > .startnode:last-child,
.blocksWrap .blocks > .startnode:last-child,
body.series_list .blocks > .subnode:last-child,
body.campaign .blocks > .subnode:last-child,
.blocksWrap .blocks > .subnode:last-child,
body.series_list .blocks > .node:last-child,
body.campaign .blocks > .node:last-child,
.blocksWrap .blocks > .node:last-child {margin-right:0;}
body.series_list .blocks > .subnode:before,
body.campaign .blocks > .subnode:before,
.blocksWrap .blocks > .subnode:before,
body.series_list .blocks > .node::before,
body.campaign .blocks > .node::before,
.blocksWrap .blocks > .node::before {position:absolute; left:-17px; content:url('../images/subnode_arrow.png'); }

body.series_list .blocks > .startnode:before,
body.campaign .blocks > .startnode:before,
.blocksWrap .blocks > .startnode:before,
body.series_list .blocks > .subnode:before,
body.campaign .blocks > .subnode:before,
.blocksWrap .blocks > .subnode:before,
body.series_list .blocks > .node::before,
body.campaign .blocks > .node::before,
.blocksWrap .blocks > .node::before { top: 6px; }

body.contact_view #seriesLists .blocks > .startnode:before,
body.contact_view #seriesLists .blocks > .subnode:before,
body.contact_view #seriesLists .blocks > .node::before {top:10px;}
/* Arrow alignment when current block is highlighted */
body.contact_view #seriesLists .blocks > .current:before, #seriesLists .blocks > .current:after {top:10px;}

.blocks > .startnode > div,
.blocks > .node > div,
.blocks > .subnode > div {padding:7px 12px; font-size:11px; border-radius:5px;}
.blocks > .node-start > div,
.blocks > .startnode > div {margin-left:0; background:#d0f2bf; border:1px solid #b9dba9;}
.blocks > .startnode.empty > div {margin-left:0; background:#ddd; border:1px solid #ccc;}
.blocks > .node-if > div {background:#c3e9f3; border:1px solid #93cad8; overflow:hidden;}
.blocks > .node-if::after > div {top:-4px; right:-1px; width:158px;}
.blocks > .node-split > div {background:#499ccd; border:1px solid #93cad8; overflow:hidden;}
.blocks > .node-split::after > div {top:-4px; right:-1px; width:158px;}
.blocks > .node-wait > div {background:#cde4f4; border:1px solid #97b8ce;}
.blocks > .node-math > div {background:#4E5468; border:1px solid #4E5468; color: #ffffff;}
.blocks > .node-send > div {background:#f3eabb; border:1px solid #dad2a8;}
.blocks > .node-update > div {background:#ffffdc; border:1px solid #e5e5b4;}
.blocks > .node-notify > div {background:#e3fff3; border:1px solid #c4eddb;}
.blocks > .node-post > div {background:#e3fff3; border:1px solid #c4eddb;}
.blocks > .node-note > div {background:#edead4; border:1px solid #d7d4bf;}
.blocks > .node-sub > div {background:#b4ffb4; border:1px solid #9ddf9d;}
.blocks > .node-unsub > div {background:#dadada; border:1px solid #c0c0c0;}
.blocks > .node-end > div {background:#fafafa; border:1px solid #dadada;}
.blocks > .node-enter > div {background:#bee3bd; border:1px solid #9fcb9e;}
.blocks > .node-exit > div {background:#bee3bd; border:1px solid #9fcb9e;}
.blocks > .node-addtag > div {background:#f2ffd2; border:1px solid #dcecb5;}
.blocks > .node-removetag > div {background:#ffecef; border:1px solid #f1d4d9;}
.blocks > .node-addfbcontact > div {background:#f2ffd2; border:1px solid #dcecb5;}
.blocks > .node-removefbcontact > div {background:#ffecef; border:1px solid #f1d4d9;}
.blocks > .node-sms > div {background:#c3bff2; border:1px solid #a39edd;}
.blocks > .node-adddeal > div {background:#70e2ec; border:1px solid #61ced8;}
.blocks > .node-dealtitle > div {background:#89d0D3; border:1px solid #7dc2c5;}
.blocks > .node-dealstatus > div {background:#42ccd8; border:1px solid #38bfca;}
.blocks > .node-dealowner > div {background:#a1e3e9; border:1px solid #96c9ce;}
.blocks > .node-dealvalue > div {background:#9be2f0; border:1px solid #8acfdd;}
.blocks > .node-dealstage > div {background:#84e1e5; border:1px solid #7ebfc2;}
.blocks > .node-dealtask > div {background:#70ceec; border:1px solid #7bbcd1;}
.blocks > .node-dealnote > div {background:#7bbcd1; border:1px solid #6299ac;}
.blocks > .node-dealcustomfield > div {background:#70b6ec; border:1px solid #64a3d3;}
.blocks > .node-dealcomplete > div {background:#9bdBe0; border:1px solid #99bfc2;}
.blocks > .node-scorecontact > div {background:#e1ff6b; border:1px solid #cee76b;}
.blocks > .node-scoredeal > div {background:#ffe76b; border:1px solid #e2cc5a;}
.blocks > .node-salesforcecampaignmember > div {background:#00a1e0; border:1px solid #008bc1; color: #ffffff;}
.blocks > .node-salesforcecontact > div {background:#00a1e0; border:1px solid #008bc1; color: #ffffff;}
.blocks > .node-salesforcelead > div {background:#00a1e0; border:1px solid #008bc1; color: #ffffff;}
.blocks > .node-salesforcepush > div {background:#00a1e0; border:1px solid #008bc1; color: #ffffff;}
.blocks > .node-microsoftlead > div {background:#13224D; border:1px solid #E0E0E0; color: #ffffff;}
.blocks > .node-microsoftcontact > div {background:#13224D; border:1px solid #E0E0E0; color: #ffffff;}

.blocks > .node-start, .blocks > .startnode {margin-left:0;}

.blocks > .current > div {font-weight:bold; border-width:3px;}
.blocks > .current::after {position:absolute; content:' '; background:#0fa149 url('../images/series_manage_current.png') no-repeat 50%; top:-9px; left:50%; margin-left:-9px; width:20px; height:20px; border-radius:50%;}
.blocks > .completed > div {filter:alpha(opacity=60); opacity:0.6;}
.blocks > .wontreach > div {filter:alpha(opacity=20); opacity:0.2;}

#seriesLists .seriesname {margin-bottom:30px;}
#seriesLists .seriesactivities {position:absolute; top:2px; right:0; z-index:200;}
#seriesLists .seriesactivities > div {display:inline; margin-left:2px; font-size:12px; color:#ccc!important; font-weight:100;}

/* Report page */
#seriesLists div.sends {position:relative; margin-top:-10px; float:left; height:19px; white-space:nowrap;}
#seriesLists div.sends > div.send {float:left; display:block; margin-left:6px; width:auto;}
#seriesLists div.sends > div.send:first-child {margin-left:0;}
#seriesLists div.sends > div.send a {position:relative; top:11px; margin:0; width:auto; display:inline; padding:5px 12px; font-size:11px; line-height:19px; background:#f3eabb; border:1px solid #dad2a8; border-radius:5px;}
#seriesLists div.sends > div.nosends {position:relative; top:11px; margin:0; width:auto; display:inline; padding:5px 12px; font-size:11px; color:#999; line-height:19px; background:#dadada; border:1px solid #c0c0c0; border-radius:5px;}

/* Contact view page */
body.contact_view #seriesLists {padding:22px; border:1px solid #ddd; border-radius:5px;}
body.contact_view #seriesLists > ul > li {margin:0 0 12px; padding:0 0 20px; height:50px;}
body.contact_view #seriesLists > ul > li:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0; height:55px;}
body.contact_view #seriesLists > ul > li > .seriesname {margin:0;}

.ac_loader_local {position:absolute!important; top:0!important; left:0!important; width:100%!important; height:100%!important; max-height:100%!important; z-index:1000!important; text-align:center!important; background-color:rgba(255, 255, 255, 0.8)!important}
.ac_loader_local .ac_loader_local_wrap {position:absolute!important; margin:auto!important; top:0!important; left:0!important; bottom:0!important; right:0!important; height:25px!important;}
#list_loader,
#series_list_loader,
.ac_loader_local .ac_loader_local_wrap .ac_loader_local_spinner {position:relative!important; display:inline-block; width:24px!important; height:24px!important; background-image:url('../images/loader-grey.png')!important; background-size:24px; background-position:50%!important; background-repeat:no-repeat; -webkit-animation-name: ac_loader; -webkit-animation-duration: 800ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: ac_loader; -moz-animation-duration: 800ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: ac_loader; -ms-animation-duration: 800ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: ac_loader; animation-duration: 800ms; animation-iteration-count: infinite; animation-timing-function: linear;}
.ac_loader_local .ac_loader_local_wrap .ac_loader_local_text {font-size:14px!important; color:#999!important;}

/* Loader for table list */
#series_list_loader,
#list_loader {position:relative; display:block; margin:0 auto; width:64px!important; height:64px!important; background-size:64px; filter:alpha(opacity=40); opacity:0.4; text-indent:100%; overflow:hidden; white-space:nowrap;}
#series_list_loader:before,
#list_loader:before {position:absolute; content:''; top:0; left:0; height:500px;}

/* Keyframes for ac_loader */
@keyframes ac_loader {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

#loadingBar #list_loader {display:inline-block; width:14px!important; height:14px!important; background-size:14px; filter:alpha(opacity=100); opacity:1; vertical-align:middle;}


/* Import Automation Modal */
.modal-dialog.over-node { margin: 0;padding: 0;position: relative; }
.modal-dialog.over-node .tagit-new input {  border: 1px solid var(--slate-200); }

/*
Template Builder
*/
#tmpbuilder { position: relative;margin: 0;padding: 0;overflow: visible; }
#mce_fullscreen_container { top: 64px !important; }
body.template_designer #tmpbuilder, body.template_designer #tmpsource { display: table-row;height: 100%; }
body.template_designer #tmpsource:after { content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0; }
body.campaign_designer #tmpbuilder { height: 100%; }
body.template_designer #tmpsource { display: table;width: 100% !important;height: 100% !important; }

body.old.template_designer #uxbody .uxlftcolm { padding-left: 0!important; }
body.old.template_designer #tmpbuilder { display: table; width: 100%; }
body.old.template_designer #tmpbuilder .designerwrap, body.old.template_designer #tmpbuilder .core { height: 100%; }
body.old.template_designer #listingFooter { padding: 0!important; height: 46px; }
body.old.template_designer #listingFooter .buttons { position: absolute; right: 23px; top: 0; margin: 0!important; }
body.old.template_designer #listingFooter .dropdown_menu { right: 0!important; left: initial!important; }
body.old.template_designer #listingFooter .dropdown_menu li { text-align: left!important; }

#tmpbuilder table td {position:relative; overflow:visible;}
#tmpbuilder table tr.widget-sortable > td {display:block;}
#tmpbuilder .min-height-200 {height:200px!important;}
#header_sender_details > .sender_details > fieldset > div > span {position:absolute; display:block; top:10px; right:8px; padding:3px 7px; font-size:11px; color:#c6c6c6; background-color:#f5f5f5; border-radius:3px; zoom:1;}
#header_sender_details > .sender_details > fieldset > div > span:hover {background-color:#868686;}
#header_sender_details > .sender_details > fieldset > div > span:hover > a {color:#fff;}
#header_sender_details > .sender_details > fieldset > div > span > a {color:#c6c6c6; text-decoration:none; cursor:pointer;}

#tmpbuilder .designerwrap span.mceEditor {top:0!important; margin:0!important; padding:0!important; display:inline-block!important; width:100%!important; background:#fff!important; border:1px solid #ddd!important; -webkit-box-shadow:none!important; box-shadow:none!important;}
#tmpbuilder .designerwrap .widget_table.edit_mode span.mceEditor {width:99.5%!important;}
#tmpbuilder .designerwrap .mceLayout {margin:0!important; padding:0!important; width:100%; border:0 none!important; border-bottom:1px solid #ddd!important;}
#tmpbuilder .designerwrap .mceIframeContainer {border:0!important;}
#tmpbuilder .designerwrap .mceIframeContainer > iframe {margin:0!important; padding:0!important; border:0!important;}
#tmpbuilder .designerwrap .mceButton:hover {background:none!important;}
#tmpbuilder .designerwrap .defaultSkin table {border-spacing:0!important; border-collapse:collapse;}
#tmpbuilder .designerwrap .defaultSkin table td {margin:0!important; padding:0!important;}
#tmpbuilder .designerwrap .defaultSkin table.mceLayout tr.mceFirst td {border:none!important;}
#tmpbuilder .designerwrap .defaultSkin td.mceToolbar {background:#f5f5f5!important; }
body .mceEditorArea {background:transparent!important; font-size:inherit!important; color:inherit!important; font-weight:inherit!important;}

/* Sender Details */
.sender_detail_group {position:relative; float:left; width:auto; max-width:400px; margin:0; padding:0; overflow:visible;}
.sender_detail_group table td {position:relative; margin:0; padding:0 0 0.8em; white-space:nowrap;}
.sender_detail_group table td input[type="text"] {display:none; position:relative; width:auto; top:0!important; margin:0!important; padding:4px 3px!important; color:#5d5d5d; border:1px solid #dadada; -webkit-box-shadow:none!important; -moz-box-shadow:none!important; box-shadow:none!important; -webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05);}
.sender_detail_group table td input[type="button"] {display:none; position:relative; margin:0!important; padding:2px 6px; width:auto!important; display:inline-block; background:#f5f5f5; color:#555; border:1px solid #ddd!important; border-radius:3px; cursor:pointer;}
.sender_detail_group table td.label {padding-right:8px; font-size:12px; color:#c6c6c6; vertical-align:middle;}
.sender_detail_group table td span#id_name {position:relative; width:auto; top:0!important; margin:0!important; padding:2px 3px!important; color:#5d5d5d; border:1px solid #ddd; -webkit-box-shadow:none!important; -moz-box-shadow:none!important; box-shadow:none!important; -webkit-box-shadow:none!important; -moz-box-shadow:none!important; box-shadow:none!important; border-radius:3px;}
.sender_detail_group table td span#id_name.hover {background-color:#fffee3; color:#000; cursor:pointer;}

#header_sender_details .button_group > .tempupdate {position:relative; top:6px; float:left; margin-right:20px; font-size:11px; color:#c00; text-align:right;}
#header_sender_details .button_group > .tempupdate > p {margin:0; padding:0; line-height:1.4;}
#header_sender_details .button_group > .tempupdate > p > a {color:#a2a2a2;}
#header_sender_details .button_group #testtemplate {border-right:0 none;}

#options.styler {display:none; position:absolute; top:48px; right:0; overflow:visible; padding:0; z-index:9000; }
#options.styler > div.pointer {position:absolute; right:14px; top:-9px; margin:0; padding:0; width:15px; height:10px; background:url('../images/tmpbuilder_style_editor_pointer.png') no-repeat 0 0; z-index:4000;}
#options.styler > div.blocks {position:relative;}
#options.styler > div.blocks div.block {border:1px solid #dadada; border-top:0 none; background:#fff;}
#options.styler > div.custom_css_themes > div {position:relative; top:-1px; background:#fff; border:1px solid #dadada; border-bottom:0 none; border-radius:0;}
#options.styler > div.custom_css_themes > a.add {position:relative; top:-1px; display:block; background:#fff; border:1px solid #dadada; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
#options.styler h2 {position:relative; margin:-2px 0 0; padding:9px 15px 9px 20px!important; display:block; color:#8e8e8e; font-weight:700; font-size:14px; border-top:1px solid #dadada; border-bottom:1px solid #dadada; background-color:#fafafa; cursor:pointer;}
#options.styler div.block:last-child h2:not(.active) {border-bottom:0 none;}
#options.styler h2.active {color:#505050; background-color:#F8F8F8!important;}
#options.styler div.section {position:relative; margin:20px 0 0; padding:0 20px; display:none; overflow:visible!important;}
#options.styler div.section .usedef {position:absolute; display:none; font-size:11px; color:#444; top:31px; right:40px; bottom:7px; width:8px; height:9px; background:url('../images/tmpbuilder_theme_default.png') no-repeat; text-indent:100%; overflow:hidden; white-space:nowrap;}
#options.styler div.section .usedef:hover {background-position:0 -9px; cursor:pointer;}
#options.styler hr {height:2px; margin:22px 0 0; padding:0; background:transparent; border-top:1px solid #dadada;}
#options.styler div.section > div {position:relative; margin:0 0 22px; padding:0; width:180px; overflow:visible!important;}
#options.styler div.section > div > h3 {position:relative; margin:0 0 6px; padding:0; color:#1f1f1f; font-weight:700!important; font-size:14px; overflow:hidden;}
#options.styler div.section > div > .set-text {margin:0!important; padding:0!important;}
#options.styler div.section > div > .set-text > a {margin:0; color:#333!important; text-decoration:none;}
#options.styler .themecolors > div {position:relative; margin:0; z-index:5; height:22px; overflow:hidden;}
#options.styler .themecolors > div:before {position:absolute; display:block; content:''; width:100%; height:100%; -moz-box-shadow:inset 0 0 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow:inset 0 0 1px 1px rgba(0,0,0,0.2); box-shadow:inset 0 0 1px 1px rgba(0,0,0,0.2);}
#options.styler .themecolors > div:hover {cursor:pointer;}
#options.styler .themecolors > div > span.themecolorSelect {position:absolute; top:0; left:0; width:200px; height:22px; background:transparent url('../images/tmpbuilder_themecolorPicker.png') no-repeat; z-index:10;}
#options.styler .themecolors > div > span.themecolorPreview {position:absolute; top:0; left:0; width:200px; height:22px; background:transparent url('../images/tmpbuilder_themecolorPreview.png') no-repeat; z-index:10;}
#options.styler .themecolors > div > span {display:inline-block; width:45px; height:22px;}
#options.styler .colorpickerwrap {position:relative; display:inline-block; width:112px; padding:2px 3px; border:1px solid #d6d6d6; border-radius:3px; cursor:pointer;}
#options.styler .colorpickerwrap .minicolors-swatch {position:absolute; height:20px; width:20px; top:0; right:-6px; z-index:15; border:1px solid #ddd;}
#options.styler .colorpickerwrap .minicolors input.minicolors-input {position:relative; width:105px; z-index:10;}
#options.styler input[type="text"] {display:inline-block; width:75px; padding:3px; font-size:15px; color:#3f3f3f; border:none; cursor:pointer; -webkit-transition:none!important; -webkit-box-shadow:none!important; box-shadow:none!important;}
#options.styler .fontstyle > div > select {display:none; visibility:hidden; }
#options.styler .fontstyle > .usedef {right:0!important; top:29px;}
#options.styler .fontstyle > .dropdown, #options.styler .fontstyle > .dropdownwrap > .dropdown {text-align:left;}
#options.styler .fontstyle > .dropdown a.dropdown_select, #options.styler .fontstyle > .dropdownwrap > .dropdown a.dropdown_select {width:80%!important; font-size:12px!important; border:1px solid #c3c3c3; background:#fff!important; -moz-box-shadow:none!important; -webkit-box-shadow:none!important; box-shadow:none!important;}
#options.styler .fontstyle > .dropdown a.dropdown_select::after, #options.styler .fontstyle > .dropdownwrap > .dropdown a.dropdown_select::after {float:right; margin-top:-3px; margin-right:5px; font:15px arial!important;}
#options.styler .fontstyle > .dropdown a.dropdown_select.active, #options.styler .fontstyle > .dropdownwrap > .dropdown a.dropdown_select.active {border-bottom:1px solid #fff;}
#options.styler .fontstyle > .dropdown .dropdown_menu, #options.styler .fontstyle > .dropdownwrap > .dropdown .dropdown_menu {top:26px; width:160px!important; border:1px solid #c3c3c3;}

#options.fixed {position:fixed; top:117px!important; right:30px!important; overflow-y:auto!important; overflow-x:hidden!important; height:100%!important; border-top:1px solid #dadada;}
#options.fixed > div.pointer {position:fixed; top:109px; right:45px;}
#options.fixed > div.custom_css_themes,
#options.fixed > div.blocks {padding-bottom:180px;}

body.campaign_designer #options.fixed {top:122px!important; background-color:transparent!important;}
body.campaign_designer #options.fixed > div.pointer {top:114px;}

/* Style options in campaign_designer */
body.campaign_designer #options.styler .fontstyle > .dropdownwrap > .dropdown .dropdown_menu {top:54px; width:163px!important;}

/* Sender Details */
#header_sender_details .sender_detail_group {position:relative; float:left; width:auto; min-width:455px; margin:0; padding:0; overflow:visible;}
#header_sender_details .sender_detail_group table td {position:relative; margin:0;}
#header_sender_details .sender_detail_group table td input[type="text"] {display:none; position:relative; width:auto; top:0!important; margin:0!important; padding:4px 3px!important; color:#5d5d5d; border:1px solid #dadada; -webkit-box-shadow:none!important; -moz-box-shadow:none!important; box-shadow:none!important; -webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05);}
#header_sender_details .sender_detail_group table td input[type="button"] {display:none; position:relative; margin:0!important; padding:2px; width:10%!important; display:inline-block; background:#f5f5f5; color:#555; border:1px solid #ddd!important; border-radius:3px; cursor:pointer;}
#header_sender_details .sender_detail_group table td.label {margin-right:5px; width:12%; font-size:14px; font-weight: 500; color:var(--slate-600); vertical-align:middle;}
#header_sender_details .sender_detail_group table td span {position:relative; width:auto; top:0!important; margin:0!important; padding:8px 12px!important; color:#5d5d5d; border:1px solid var(--slate-200); -webkit-box-shadow:none!important; -moz-box-shadow:none!important; box-shadow:none!important; -webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05); border-radius:3px;}
#header_sender_details .sender_detail_group table td span.hover {background-color:#fffee3; color:#000;}
#header_sender_details .sender_detail_group table td span#id_left_arrow { border:0; padding-left: 13px!important; padding-right: 2px!important; }
#header_sender_details .sender_detail_group table td span#id_right_arrow { border:0; padding-left: 2px!important; padding-right: 0!important; }
#header_sender_details .sender_detail_group table td a {position:relative; display:inline-block; top:0; margin-left:5px; padding:0; width:8px; height:9px; color:#c6c6c6; text-decoration:none; background:url('../images/tmpbuilder_sender_detail_reply.png') 0 0 no-repeat; text-indent:-9999px; filter:alpha(opacity=50); opacity:0.5; zoom:1; cursor:pointer!important;}
#header_sender_details .sender_detail_group table td a:hover {filter:alpha(opacity=100); opacity:1;}

/* Split Test Page */
#split_header { position: relative; top: 0px; margin: 0 0 8px !important; padding: 0 0 8px; border-bottom: 1px solid #DBDBDB; width: 100%; text-align: center; overflow: hidden; }
#split_header .split_container {position:relative; margin:0 auto; width:auto; height:100%;}
#split_header .split_container .split_messages, #split_header .split_container .split_add {position:relative; display:inline-block;}
#split_header .split_container .pill {display:inline-block; margin-right:10px; background: var(--slate-100) !important; color: #fff !important; border:1px solid transparent; border-radius:40px;}
#split_header .split_container .pill:hover {border:1px solid #b5b5b5;}
#split_header .split_container .pill.selected {cursor:pointer; background:#4DCBA9!important; border: #4DCBA9 1px solid !important; }
#split_header .split_container .pill.selected a {color:#fff!important; text-shadow:none!important;}
#split_header .split_container .pill a {float:left; height:100%; color:#333!important; border-radius:40px;}
#split_header .split_container .pill a:hover {color:#555;}
#split_header .split_container .pill a.split_message {padding:7px 7px 7px 22px; color:#9b9b9b; text-decoration:none; font-size:12px; border-radius:40px 0 0 40px;}
#split_header .split_container .pill a.delete { padding: 10px 22px 10px 0; font-size: 8px; }
#split_header .split_container .pill a.delete span {display:block; width:9px; height:9px; cursor:pointer;}
#split_header .split_container .pill a.delete:hover span {background-position:0 -9px; cursor:pointer;}
#split_header .split_container .split_add {top:-11px;}
#split_header .split_container .split_add a {color:#014568!important;}
#campaign_split_winner > div > a {margin-left:10px;}

#split.modal .modal-dialog { width: 840px; }

#tmpbuilder .designerwrap #primary .sortable-drop {top:0; left:-1px; width:100%; background:url('../images/tmpbuilder_sortable_drop_bg.png'); height:50px; display:block; padding:1px; border:1px dashed #000; filter:alpha(opacity=80); opacity:0.8; z-index:9;}
#tmpbuilder .designerwrap #primary .slide {position:relative; width:100%; overflow:visible;}
#tmpbuilder .designerwrap #primary .slide:hover, #tmpbuilder .slide_outline {z-index:100;}
#tmpbuilder .filler-container:hover:before, #tmpbuilder .slide_outline:before, #tmpbuilder .slide_outline.inverted:before {position:absolute; display:block!important; top:-1px!important; left:-1px!important; right:0!important; content:''; width:100%!important; height:100%!important; zoom:1;}
#tmpbuilder .slide_outline:before {border:1px dashed #000!important;}
#tmpbuilder .slide_outline.inverted:before {border:1px dashed #fff!important;}
#tmpbuilder .designerwrap #primary .slide.edit_mode {box-shadow:inset 0 0 1px #000;}
#tmpbuilder .designerwrap #primary .slide.edit_mode:hover:before {border:0 none!important;}
#tmpbuilder .designerwrap #primary .slide > div.slide_prev,
#tmpbuilder .designerwrap #primary .slide > div.slide_next {position:absolute; width:45px!important; top:-2px!important; margin:0; padding:0; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; background-color:transparent!important; z-index:100;}
#tmpbuilder .designerwrap #primary .slide > div.slide_prev > span.prev,
#tmpbuilder .designerwrap #primary .slide > div.slide_next > span.next {position:absolute!important; display:block!important; top:-1px!important; margin:0!important; padding:0!important; width:26px!important; height:24px!important; text-indent:100%; white-space:nowrap; overflow:hidden; cursor:pointer!important;}
#tmpbuilder .designerwrap #primary .slide > div.slide_prev {height:100%; left:-46px!important; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
#tmpbuilder .designerwrap #primary .slide > div.slide_prev > span.prev {right:0; background:transparent url('../images/tmpbuilder_layout_arrow_left.png') no-repeat;}
#tmpbuilder .designerwrap #primary .slide > div.slide_prev::selection {background-color:transparent!important; outline:none!important;}
#tmpbuilder .designerwrap #primary .slide > div.slide_next {height:100%; right:-46px!important; outline:none!important; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
#tmpbuilder .designerwrap #primary .slide > div.slide_next > span.next {left:0; background:transparent url('../images/tmpbuilder_layout_arrow_right.png') no-repeat;}
#tmpbuilder .designerwrap #primary .slide > div.slide_next::selection {background:transparent!important; outline:none!important;}

/* Text widge */
#tmpbuilder .designerwrap #primary div.slide.widget_text td.td_text > table td {border:1px solid #ababab;}
#tmpbuilder .designerwrap #primary table td.td_text { font-size: 12px; color: #000; }

/* Header widge */
#tmpbuilder .designerwrap #primary div.slide.header {position:relative; margin:0!important; padding:0!important;}
#tmpbuilder .designerwrap #primary div.slide.header .slide_prev, #tmpbuilder .designerwrap #primary div.slide.header .slide_next {top:1px;}

div.slide_overlay {display:none; position:absolute; top:0; padding:0; margin:0; width:100%; height:100%; background:#fff; filter:alpha(opacity=80); opacity:0.8; z-index:400;}

/* Popover card */
.popover { position:absolute; top:0; left:0; z-index:900; display:none; width:400px; max-width:276px; padding:1px; text-align:left; white-space:normal; background-color:#fff; border:1px solid #ccc; border:1px solid rgba(0, 0, 0, 0.2); border-radius:6px; -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); background-clip:padding-box; }
.popover.top { margin-top:-10px; }
.popover.right { margin-left:10px; }
.popover.bottom { margin-top:10px; }
.popover.left { margin-left:-10px; }
.popover .popover-title { padding:8px 14px; margin:0; font-size:14px; font-weight:normal; line-height:18px; background-color:#f7f7f7; border-bottom:1px solid #ebebeb; border-radius:5px 5px 0 0; }
.popover h3.popover-title { display:none; }
.popover .popover-content {padding:14px;}
.popover .arrow,
.popover .arrow:after { position:absolute; display:block; width:0; height:0; border-color:transparent; border-style:solid; }
.popover .arrow { border-width:11px; }
.popover .arrow:after { border-width:10px; content:""; }
.popover.top .arrow { bottom:-11px; left:50%; margin-left:-11px; border-top-color:#999; border-top-color:rgba(0, 0, 0, 0.25); border-bottom-width:0; }
.popover.top .arrow:after { bottom:1px; margin-left:-10px; border-top-color:#fff; border-bottom-width:0; content:" "; }
.popover.right .arrow { top:50%; left:-11px; margin-top:-11px; border-right-color:#999; border-right-color:rgba(0, 0, 0, 0.25); border-left-width:0; }
.popover.right .arrow:after { bottom:-10px; left:1px; border-right-color:#fff; border-left-width:0; content:" "; }
.popover.bottom .arrow{ top:-11px; left:50%; margin-left:-11px; border-bottom-color:#999; border-bottom-color:rgba(0, 0, 0, 0.25); border-top-width:0; }
.popover.bottom .arrow:after { top:1px; margin-left:-10px; border-bottom-color:#fff; border-top-width:0; content:" "; }
.popover.left .arrow { top:50%; right:-11px; margin-top:-11px; border-left-color:#999; border-left-color:rgba(0, 0, 0, 0.25); border-right-width:0; }
.popover.left .arrow:after { right:1px; bottom:-10px; border-left-color:#fff; border-right-width:0; content:" "; }
.popover .editable-buttons {display:block; margin:6px 0 0; padding:0;}
.popover .editable-buttons button {margin:0!important; width:45px!important; margin:0; font-size:14px!important; -webkit-box-shadow:0 0 0 transparent!important; -moz-box-shadow:0 0 0 transparent!important; box-shadow:0 0 0 transparent!important;}
.popover .editable-buttons button.editable-submit {margin-right:5px!important; color:#fff!important; text-shadow:0 1px 1px rgba(0,0,0,0.4)!important; background:#82cc5d!important; background:-moz-linear-gradient(top, #82cc5d 0%, #53b73c 100%)!important; background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#82cc5d), color-stop(100%,#53b73c))!important; background:-webkit-linear-gradient(top, #82cc5d 0%,#53b73c 100%)!important; background:-o-linear-gradient(top, #82cc5d 0%,#53b73c 100%)!important; background:-ms-linear-gradient(top, #82cc5d 0%,#53b73c 100%)!important; background:linear-gradient(to bottom, #82cc5d 0%,#53b73c 100%)!important; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#82cc5d', endColorstr='#53b73c',GradientType=0 )!important; border:1px solid #429e34!important; -webkit-transition:background-color .1s linear; -moz-transition:background-color .1s linear; -o-transition:background-color .1s linear; -ms-transition:background-color .1s linear; transition:background-color .1s linear;}
.popover .editable-buttons button.editable-cancel {color:rgba(136, 136, 136, 1); background:#fff; background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #f5f5f5); background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #f5f5f5); background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #f5f5f5); background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #f5f5f5); background-image:linear-gradient(#ffffff, #ffffff 25%, #f5f5f5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5'); border:1px solid #c2c2c2; border-bottom:1px solid #a7a7a7; text-decoration:none; border-radius:3px!important; text-shadow:1px 1px 0 #fff; -webkit-box-shadow:0 1px 1px rgba(206, 206, 206, 0); -moz-box-shadow:0 1px 1px rgba(206, 206, 206, 0); box-shadow:0 1px 1px rgba(206, 206, 206, 0); text-align:center; cursor:pointer!important; -webkit-transition:background-color .1s linear; -moz-transition:background-color .1s linear; -o-transition:background-color .1s linear; -ms-transition:background-color .1s linear; transition:background-color .1s linear;}
.popover .editable-input input,
.popover .editable-input textarea { width: 100%!important; box-sizing: border-box; }
.popover .editable-input textarea { min-height: 60px; }

#tmpbuilder .popover .units {position:relative; display:inline-block; margin:2px 0 0 4px; border:1px solid #ccc; border-radius:4px; vertical-align:top; overflow:hidden;}
#tmpbuilder .popover .units li {position:relative; margin:0; padding:4px 7px; display:inline-block; font-size:12px; font-weight:100; line-height:12px; color:#999; border-color:#ddd; text-shadow:0 0 0 transparent; vertical-align:middle; cursor:pointer; background-color:#fff; text-decoration:none; text-align:center; border-radius:0;}
#tmpbuilder .popover .units li:first-child {border-right:1px solid #ccc;}
#tmpbuilder .popover .units li.active {top:0; color:#505050; background:#f0f0f0; outline:0; -webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05);}
/* Edit mode */
#tmpbuilder .designerwrap #primary .slides_container div.save-value .button {margin:4px 0 0!important; padding:4px 8px!important; border-radius:0!important; background:#fff!important; font:12px arial,helvetica,sans!important; border:1px solid #ccc!important; -webkit-box-shadow:none!important; -moz-box-shadow:none!important; box-shadow:none!important;}
#tmpbuilder .designerwrap #primary .edit_mode td.td_text .save-value,
#tmpbuilder .designerwrap #primary .edit_mode td.td_header .save-value {position:relative; padding:0 0 6px 6px!important; background:#f5f5f5!important; text-align:left!important; overflow:hidden;}
#tmpbuilder .designerwrap #primary .edit_mode td.td_text .save-value > input {position:relative; left:0!important; float:left!important; margin:0!important; padding:3px 9px!important; border:0 none!important;}
#tmpbuilder .designerwrap #primary .edit_mode td.td_header div.headerlink_input {position:relative; border:0 none!important; border-bottom:1px solid #ddd!important;}
#tmpbuilder .designerwrap #primary .widget_text.edit_mode td.td_header div.headerlink_input {border:0 none!important;}
#tmpbuilder .designerwrap #primary .edit_mode td.td_text .mceEditor {width:100%!important; border:0 none!important;}
#tmpbuilder .designerwrap #primary .edit_mode td.td_text .mceEditor div[role=group] {border-bottom:1px solid #ddd!important;}

#tmpbuilder .designerwrap #primary .slide_options {position:absolute; top:-43px; right:-20px; background-color:transparent!important; z-index:8100;}
#tmpbuilder .designerwrap #primary .slide_options.drag {left:-22px!important;}
#tmpbuilder .designerwrap #primary .slide_options > ul {position:relative; margin:20px 20px 0; display:block;}
#tmpbuilder .designerwrap #primary .slide_options.drag > ul {float:left;}
#tmpbuilder .designerwrap #primary .slide_options > ul > li {position:relative; float:left; margin:0!important; margin-left:2px!important; padding:0!important; background-color:transparent!important; border:0 none!important; outline:none!important; list-style-type:none!important;}
#tmpbuilder .designerwrap #primary .slide_options > ul > li > a {float:none; display:block!important; margin:0!important; padding:0!important; width:22px!important; height:22px!important; background-color:#333!important; background-repeat:no-repeat!important; background-position:50%; color:#fff!important; text-indent:100%; white-space:nowrap; overflow:hidden; text-decoration:none!important; border-radius:0!important; border-top-left-radius:3px!important; border-top-right-radius:3px!important; cursor:pointer!important; filter:alpha(opacity=100); opacity:1; border:0 none!important; outline:none!important;}
#tmpbuilder .designerwrap #primary .slide_options > ul > li > a:hover {zoom:1; filter:alpha(opacity=100)!important; opacity:1!important;}
#tmpbuilder .designerwrap #primary .slide_options > ul > li > a.edit {font:11px arial!important; color:#fff!important; background-image:url('../images/tmpbuilder_slideoption_edit.png');}
#tmpbuilder .designerwrap #primary .slide_options > ul > li > a.add {background-image:url('../images/tmpbuilder_slideoption_add.png');}
#tmpbuilder .designerwrap #primary .slide_options > ul > li > a.slide-handle {left:8px!important; background-image:url('../images/tmpbuilder_slideoption_drag.png'); text-indent:100%; white-space:nowrap; overflow:hidden; cursor:move!important;}
#tmpbuilder .designerwrap #primary .slide_options > ul > li > a.remove {width:16px; background-image:url('../images/tmpbuilder_slideoption_remove.png');}
#tmpbuilder .designerwrap #primary .slide_options > ul > li > a.settings {width:16px; background-image:url('../images/tmpbuilder_slideoption_settings.png');}
#tmpbuilder .designerwrap #primary .slide_options > ul > li > a.active {height:26px!important; background-position:50% 5px!important; filter:alpha(opacity=100)!important; opacity:1!important; border-radius:3px 3px 0 0!important;}

#tmpbuilder .designerwrap #primary .slide_options > .settings-menu {position:absolute; top:44px!important; right:11px!important; width:166px!important; margin:0!important; padding:0 10px 20px!important; overflow:hidden!important; background-color:transparent!important;}
#tmpbuilder .designerwrap #primary .slide_options > .settings-menu > ul {background-color:#333!important; border-radius:3px!important;}
#tmpbuilder .designerwrap #primary .slide_options > .settings-menu > ul > li {display:block; overflow:hidden; list-style-type:none!important;}
#tmpbuilder .designerwrap #primary .slide_options > .settings-menu > ul > li > a.copy,
#tmpbuilder .designerwrap #primary .slide_options > .settings-menu > ul > li > a.cond,
#tmpbuilder .designerwrap #primary .slide_options > .settings-menu > ul > li > a.mobile,
#tmpbuilder .designerwrap #primary .slide_options > .settings-menu > ul > li > a.remove,
#tmpbuilder .designerwrap #primary .slide_options > .settings-menu > ul > li > a.style,
#tmpbuilder .designerwrap #primary .slide_options > .settings-menu > ul > li > a.edit {display:block; padding:6px 16px!important; background-color:#333!important; font:12px arial, helvetica, sans!important; color:#fff!important; text-align:left!important; text-decoration:none!important; border:0 none; border-bottom:1px solid #272727!important;}
#tmpbuilder .designerwrap #primary .slide_options > .settings-menu > ul > li > a.copy:hover,
#tmpbuilder .designerwrap #primary .slide_options > .settings-menu > ul > li > a.cond:hover,
#tmpbuilder .designerwrap #primary .slide_options > .settings-menu > ul > li > a.mobile:hover,
#tmpbuilder .designerwrap #primary .slide_options > .settings-menu > ul > li > a.remove:hover,
#tmpbuilder .designerwrap #primary .slide_options > .settings-menu > ul > li > a.edit:hover {background-color:#272727!important; border-radius:3px!important; -webkit-transition:background-color .15s linear; -moz-transition:background-color .15s linear; -o-transition:background-color .15s linear; -ms-transition:background-color .15s linear; transition:background-color .15s linear;}
#tmpbuilder .designerwrap #primary .slide_options > .settings-menu > ul > li > a:last-child {border-bottom:none!important; border-radius:3px!important;}
#tmpbuilder .designerwrap #primary div.slide_add {position:absolute; bottom:-32px; left:50%; margin-left:-113px; width:226px; background-color:transparent!important; overflow:visible; text-align:center; z-index:8000;}
#tmpbuilder .designerwrap #primary div.slide_add > a {position:relative; margin:0 auto; top:-2px; display:block; text-decoration:none!important; cursor:pointer!important; filter:alpha(opacity=100)!important; opacity:1!important; height:28px!important; width:35px!important; border-radius:0 0 90px 90px!important; background:#2dae00 url('../images/tmpbuilder_slideoption_add.png') no-repeat 50% 0; z-index:200; border:0 none!important; outline:none!important;}
#tmpbuilder .designerwrap #primary div.slide_add > a:hover {background:#414141 url('../images/tmpbuilder_slideoption_add.png') no-repeat 50% 0; filter:alpha(opacity=100); opacity:1;}
#tmpbuilder .designerwrap #primary div.slide_add > span {position:relative; content:''; top:-14px; display:block; height:1px; filter:alpha(opacity=50); opacity:0.5;}

#tmpbuilder .designerwrap #primary .content_type_wrap {display:none; position:absolute!important; filter:alpha(opacity=0); opacity:0; left:50%; margin:0; margin-left:-325px; padding:0; min-width:650px!important; background-color:#414141!important; border:1px solid #000!important; font:11px arial, helvetica, sans!important; color:#333!important; text-align:center; -moz-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.10); -webkit-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.10); box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.10); border-bottom-right-radius:5px; border-bottom-left-radius:5px; z-index:5000;}
#tmpbuilder .designerwrap #primary .content_type_wrap > ul {position:relative; margin:0; padding:0 0 12px; width:100%; text-align:center; background-color:#414141!important; font:11px arial, helvetica, sans!important; color:#ddd!important; border:none!important; outline:0!important; text-shadow:none!important; list-style-type:none!important;}
#tmpbuilder .designerwrap #primary .content_type_wrap > ul > li {display:inline-block; margin:0; padding:0; font:11px arial, helvetica, sans!important; color:#ddd!important; background-color:#414141!important; border:none!important; outline:0!important; text-shadow:none!important;}
#tmpbuilder .designerwrap #primary .content_type_wrap > ul > li > a {float:none; display:block; width:74px; margin:0; padding:46px 0 0; font:11px arial, helvetica, sans!important; color:#ddd!important; background-color:#414141!important; border:0 none!important; text-decoration:none; background-position:50% 18px; background-repeat:no-repeat; -webkit-transition:background .15s ease-in-out; -moz-transition:background .15s ease-in-out; -o-transition:background .15s ease-in-out; -ms-transition:background .15s ease-in-out; transition:background .15s ease-in-out; border:none!important; outline:0!important; text-shadow:none!important;}
#tmpbuilder .designerwrap #primary .content_type_wrap > ul > li > a > p {margin:5px 0 0!important; padding:0!important; font:11px arial, helvetica, sans!important; color:#ddd!important; background-color:#414141!important; background:#414141!important; border:none!important; outline:0!important; text-shadow:none!important;}
#tmpbuilder .designerwrap #primary .content_type_wrap > .content_type_wrap_add {position:absolute; bottom:-46px; left:50%; margin-left:-37px; width:74px; height:44px; background-color:transparent!important; overflow:show; text-align:center!important; z-index:8000;}
#tmpbuilder .designerwrap #primary .content_type_wrap > .content_type_wrap_add > a {position:relative; margin:0 auto; top:-2px; display:block; text-decoration:none!important; cursor:pointer!important; filter:alpha(opacity=100)!important; opacity:1!important; height:28px!important; width:35px!important; border-radius:0 0 90px 90px!important; background:#414141 url('../images/tmpbuilder_slideoption_add.png') no-repeat 50% -24px!important; z-index:200!important; border:0 none!important; outline:none!important;}
#tmpbuilder .designerwrap #primary .content_type_wrap > ul > li > a.header {background-image:url('../images/tmpbuilder_ctype_header.png');}
#tmpbuilder .designerwrap #primary .content_type_wrap > ul > li > a.header:hover {background-image:url('../images/tmpbuilder_ctype_header_hover.png');}
#tmpbuilder .designerwrap #primary .content_type_wrap > ul > li > a.text {background-image:url('../images/tmpbuilder_ctype_paragraph.png');}
#tmpbuilder .designerwrap #primary .content_type_wrap > ul > li > a.text:hover {background-image:url('../images/tmpbuilder_ctype_paragraph_hover.png');}
#tmpbuilder .designerwrap #primary .content_type_wrap > ul > li > a.image {background-image:url('../images/tmpbuilder_ctype_picture.png');}
#tmpbuilder .designerwrap #primary .content_type_wrap > ul > li > a.image:hover {background-image:url('../images/tmpbuilder_ctype_picture_hover.png');}
#tmpbuilder .designerwrap #primary .content_type_wrap > ul > li > a.gallery {background-image:url('../images/tmpbuilder_ctype_gallery.png');}
#tmpbuilder .designerwrap #primary .content_type_wrap > ul > li > a.gallery:hover {background-image:url('../images/tmpbuilder_ctype_gallery_hover.png');}
#tmpbuilder .designerwrap #primary .content_type_wrap > ul > li > a.table {background-image:url('../images/tmpbuilder_ctype_table.png');}
#tmpbuilder .designerwrap #primary .content_type_wrap > ul > li > a.table:hover {background-image:url('../images/tmpbuilder_ctype_table_hover.png');}
#tmpbuilder .designerwrap #primary .content_type_wrap > ul > li > a.ecommerce {background-image:url('../images/tmpbuilder_ctype_cart.png');}
#tmpbuilder .designerwrap #primary .content_type_wrap > ul > li > a.ecommerce:hover {background-image:url('../images/tmpbuilder_ctype_cart_hover.png');}
#tmpbuilder .designerwrap #primary .content_type_wrap > ul > li > a.video {background-image:url('../images/tmpbuilder_ctype_video.png');}
#tmpbuilder .designerwrap #primary .content_type_wrap > ul > li > a.video:hover {background-image:url('../images/tmpbuilder_ctype_video_hover.png');}
#tmpbuilder .designerwrap #primary .content_type_wrap > ul > li > a.rss {background-image:url('../images/tmpbuilder_ctype_rss.png');}
#tmpbuilder .designerwrap #primary .content_type_wrap > ul > li > a.rss:hover {background-image:url('../images/tmpbuilder_ctype_rss_hover.png');}

/* Container that is less than width:250px; */
#tmpbuilder .designerwrap #primary .short-container .content_type_wrap {min-width:232px!important; margin-left:-116px; padding-bottom:20px;}
#tmpbuilder .designerwrap #primary .short-container .content_type_wrap > ul > li {float:left;}

body.old.campaign_designer #uxbody .uxlftcolm #body_table #tmpbuilder .designerwrap, body.old.campaign_designer #uxbody .uxlftcolm #body_table #tmpbuilder .core { height: 100%; }
body.old.campaign_designer .designerwrap #primary .widget-cond { display: none;position: absolute;bottom: 102%;left: 50%;margin: 0 auto 0 auto !important;margin-left: -50% !important;width: 100%;background-color: #fff !important;border: 1px solid #ddd !important;text-align: center !important;z-index: 102;font-family: "IBM Plex Sans", helvetica, sans-serif !important;font-size: 12px !important;border-radius: 5px;z-index: 100;box-sizing: border-box; }
body.old.campaign_designer .designerwrap #primary .widget-cond:before, body.old.campaign_designer .designerwrap #primary .widget-cond:after { position: absolute;bottom: -11px;left: 50%;content: '';width: 0;height: 0;border-width: 7px 7px 7px 0;border-style: solid;border-color: transparent #ddd transparent transparent;transform: rotate(-90deg);z-index: 50; }
body.old.campaign_designer .designerwrap #primary .widget-cond:after { bottom: -10px;border-color: transparent #fff transparent transparent; }
body.old.campaign_designer .designerwrap #primary .widget-cond > a { position: relative;display: block;padding: 8px 16px !important;color: #777 !important;text-decoration: none !important;text-align: center !important; }

#tmpbuilder .designerwrap #primary .filler-container {position:relative; width:100%; height:144px; background:transparent url('../images/filler.png')!important; text-align:center;}
#tmpbuilder .designerwrap #primary .filler-container > div.textwrap {position:relative; height:100%; width:100%;}
#tmpbuilder .designerwrap #primary .filler-container > div.textwrap > span {position:relative; zoom:1; top:45%; width:auto!important; margin:0 auto; padding:5px 10px; font-size:11px; font-family:arial,sans; color:#444; line-height:1.1; background:#fff; border-radius:7px; filter:alpha(opacity=70); opacity:0.7;}
#tmpbuilder .designerwrap #primary .filler-container.filler-sorting {border:1px dashed #000!important;}
#tmpbuilder .designerwrap #primary .filler-container div.content_type_wrap {filter:alpha(opacity=100); opacity:1;}
#tmpbuilder .designerwrap #primary table {margin:0; padding:0; border-collapse:collapse; border:0;}
#tmpbuilder .designerwrap #primary table td[class^="image-td"],
#tmpbuilder .designerwrap #primary table td.td_picture {line-height:0;}
#tmpbuilder .designerwrap #primary div.addcontent {position:relative; width:100%;}
#tmpbuilder .designerwrap #primary div.addcontent > a {width:180px; height:37px; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; background:url('../images/tmpbuilder_layout_addcontent.png') no-repeat;}
#tmpbuilder .designerwrap #primary div.img {position:relative; display:block; margin:0; padding:0; width:100%; height:100%; overflow:hidden; cursor:pointer;}
#tmpbuilder .designerwrap #primary div.img > div.imgOption {position:absolute; display:block; margin:0; padding:0; width:100%; height:100%; text-align:center; text-shadow:1px 1px 1px #fff; filter:dropshadow(color=#fff, offx=1, offy=1); z-index:10000;}
#tmpbuilder .designerwrap #primary div.img > div.imgOption > span {position:relative; top:50%; display:block; margin:0 auto; padding-top:16px; width:auto; height:100%; color:#8b8b8b; cursor:pointer; text-align:center;}
#tmpbuilder .designerwrap #primary div.img > img {position:relative; display:block; margin:0; padding:0; z-index:50;}
#tmpbuilder .designerwrap #primary div.editable {position:relative; display:block; margin:0; padding:0; overflow:hidden; z-index:50;}
#tmpbuilder .designerwrap #primary div.editableOverlay {position:relative; display:none; top:0; margin:0 15px; padding:0; height:100%; z-index:100; overflow:hidden;}
#tmpbuilder .designerwrap #primary div.editableOverlay input[type="text"] {display:block; width:570px; margin:0 0 6px; padding:5px; font-size:16px; font-weight:700;}
#tmpbuilder .designerwrap #primary div.editableOverlay textarea {display:block; padding:3px; line-height:18px;}
#tmpbuilder .designerwrap #primary div.editableOverlay .editableOptions {width:100%; margin:8px 0 0; padding:0 0 8px; text-align:right;}
#tmpbuilder .designerwrap #primary div.editableOverlay .editableOptions input[type="submit"] {margin-left:5px;}

#templates #alreadyselected .modal-body {width:94.6%!important;}
#templates #alreadyselected .modal-body > p {line-height:1.5; margin:0 0 0.3em;}
#templates #alreadyselected .greenbtn {font-weight:700!important;}

/* Template listing page. Removing extra paddings */
#templates.template-listings { padding: 0; }

/* ------------------------------------*\
	Social icons block
\*------------------------------------ */
#tmpbuilder .designerwrap .__ac_social_icons .__ac_social_icon_link,
#tmpbuilder .designerwrap .__ac_social_icons .__ac_social_icon_link img { display: block; }

/*
Modal Stuff
*/

/* Line break modal */
#break-edit .modal-body td {padding:6px 0;}
#break-edit .modal-body div.info {margin-bottom:20px;}
#break-edit .modal-body div.input_wrap {position:relative; display:inline-block; border:1px solid #ddd; border-radius:3px;}
#break-edit .modal-body div.input_wrap input {margin:0; padding:0; display:inline-block; width:125px; border:0 none; -webkit-box-shadow:none; box-shadow:none;}
#break-edit .modal-body div.input_wrap span {display:inline-block; color:#999; padding:8px 12px; border-left:1px solid #ddd;}
#break-edit .modal-body div.colorpickerwrap:after {position:relative; display:table; content:''; width:100%; height:0; visibility:hidden; zoom:1;}
#break-edit .modal-body div.colorpickerwrap input.color {padding-right:35px!important;}
#break-edit .modal-body div.colorpickerwrap .minicolors-swatch {position:absolute; right:27px; top:0;}
#break-edit .modal-body div.colorpickerwrap .minicolors-swatch > span {top:3px; width:28px; height:27px; border:1px solid #c3c3c3; box-sizing:border-box;}
#break-edit .modal-body .align > span {display:block; float:left; width:16px; height:16px; background-size:15px; background-position:50%; background-repeat:no-repeat; cursor:pointer;}
#break-edit .modal-body .align > span:first-child {border-left:0 none;}
#break-edit .modal-body .align > span.active {background-color:#f0f0f0; -webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05);}
#break-edit .modal-body .align .left {background-image:url('https://d226aj4ao1t61q.cloudfront.net/jmdiie8a5_align_l.png');}
#break-edit .modal-body .align .center {background-image:url('https://d226aj4ao1t61q.cloudfront.net/6bvfo6yte_align_c.png');}
#break-edit .modal-body .align .right {background-image:url('https://d226aj4ao1t61q.cloudfront.net/u57v8te29_align_r.png');}

#button-edit .modal-body div.colorpickerwrap:after {position:relative; display:table; content:''; width:100%; height:0; visibility:hidden; zoom:1;}
#button-edit .modal-body div.colorpickerwrap input.minicolors-input {padding-right:30px!important; border-radius:3px;}
#button-edit .modal-body div.colorpickerwrap .minicolors-swatch {position:absolute; right:27px; top:0;}
#button-edit .modal-body div.colorpickerwrap .minicolors-swatch > span {top:1px; width:30px; height:31px; border-left:1px solid #ddd; border-top-right-radius:3px; border-bottom-right-radius:3px; box-sizing:border-box;}

#ac_automodal.new-image-folder { z-index: 1000; }
#image-chooser .modal-dialog {width:800px; margin:40px auto 0; padding:10px; height:auto; z-index:1050;}
* html #image-chooser {position:absolute;}
#image-chooser .modal-body {padding:2px!important; max-height:575px; overflow:hidden;}
#image-chooser .standalone,
#image-chooser .gallery_wrap {position:relative; width:100%; overflow:hidden;}
#image-chooser .upload-file-nice {position:relative; text-align:right; filter:alpha(opacity=0); opacity:0; z-index:2;}
#image-chooser .upload-hidden {display:none;}
#image-chooser .upload {position:relative; margin:0 0 20px; width:210px; background:#f5f5f5; text-align:center; border-radius:6px;}
#image-chooser .upload input[type="submit"] {background:#6ec34f;}
/* menu stuff */
#image-chooser .sidemenu { position: relative;float: right;padding: 10px;width: 220px; }
#image-chooser .sidemenu > .headtitle { position: relative;margin: 0 0 5px;padding: 0 0 0 24px;background: url('../images/modal_gallery_folders.png') 0 0 no-repeat;font-size: 14px;font-weight: 700;overflow: hidden; }
#image-chooser .sidemenu > .headtitle > span.captionsmall { position: absolute;display: inline-block;top: 0;right: 10px;font-size: 11px;color: #ababab; }
#image-chooser .folder-main, #image-chooser .folder-sub { color: #777 !important;font-weight: normal !important;text-decoration: none !important; }
#image-chooser .folder-add { color: #004290;font-weight: 700; }
#image-chooser .folder_list { overflow: hidden;width: 210px;height: 444px;overflow-x: hidden;overflow-y: scroll; }
#image-chooser .folder_list a.folder-selected { color: #555 !important;text-decoration: none !important;font-weight: 700 !important; }
#image-chooser .folder_list > .folders { margin-left: 25px;max-height: 390px; }
#image-chooser .folder_list > .folders > ul { line-height: 1.8; }
#image-chooser .folder_list > .folders > ul > li { position: relative;margin: 0 0 0 -15px !important;padding: 0;height: 22px;line-height: 2; }
#image-chooser .folder_list > .folders > ul > li > a { display: block;float: left;height: 100%;margin-left: 15px;color: #555;text-decoration: none; }
#image-chooser .folder_list > .folders > ul > li > a.folder-sub { max-width: 190px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
#image-chooser .folder_list > .folders > ul > li > a.folder-delete { position: absolute;display: none;top: 10px;margin: 0;padding: 0;width: 7px;height: 8px;background: url('../images/modal_gallery_folder_delete.png') no-repeat 0 0;text-indent: 100%;white-space: nowrap;overflow: hidden;white-space: nowrap;overflow: hidden; }
#image-chooser .folder_list > .folders > ul > li > a.folder-delete:hover { background-position: 0 -8px; }
/* image stuff */
#image-chooser .images {position:relative; top:0; left:0; max-height:560px; margin-right:210px; overflow-x:hidden; overflow-y:auto;}
#image-chooser .images > .image {position:relative; float:left; margin:13px; width:118px; height:140px; margin-right:0; margin-bottom:0;}
#image-chooser .images > .image.load-more {width:100%}
#image-chooser .images > .image > div {position:relative; width:118px; height:118px; display:block;}
#image-chooser .images > .image > div.image-container {width:118px; height:118px; overflow:hidden; border:1px solid #ccc; position:relative;}
#image-chooser .images > .image > div.image-container > div.image-picture {width:118px; height:118px; text-align:center; overflow:hidden; display:table-cell; vertical-align:middle; margin-left:auto; margin-right:auto;}
#image-chooser .images > .image > div.image-container > div.image-picture > img {max-width:118px; max-height:118px;}
#image-chooser .images > .image > div.image-container > div.image-picture > div.image-imgtag {max-height:118px; cursor:pointer;}
#image-chooser .images > .image > div.image-name {text-align:center!important; width:118px; overflow:hidden; color:#999; font-size:10px; height:15px!important; margin-top:2px;}
#image-chooser .images > .image > div.image-name input {width:98%; height:15px!important; padding:0!important; font-size:10px!important; overflow:hidden!important; text-align:center!important; border:0!important;}
#image-chooser .image_options {position:absolute; width:100%; height:100%; top:0; left:0; text-align:center; background:url('../images/trans-70.png'); display:none;}
#image-chooser .image_options > span {position:absolute; top:80px; display:block; width:29px; height:29px; background:url('../images/modal_gallery_imgoptions.png') no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden; cursor:pointer;}
#image-chooser .image_options > span.image_choose {margin-left:-47px; left:50%; top:30px; min-width:94px; height:30px; line-height:30px; color:#fff; border-radius:5px; text-indent:0; background:#82cc5d; background:-moz-linear-gradient(top, #82cc5d 0%, #53b73c 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#82cc5d), color-stop(100%,#53b73c)); background:-webkit-linear-gradient(top, #82cc5d 0%,#53b73c 100%); background:-o-linear-gradient(top, #82cc5d 0%,#53b73c 100%); background:-ms-linear-gradient(top, #82cc5d 0%,#53b73c 100%); background:linear-gradient(to bottom, #82cc5d 0%,#53b73c 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#82cc5d', endColorstr='#53b73c',GradientType=0 ); border:1px solid #555;}
#image-chooser .image_options > span.image_choose:hover {background:#67b042;}
#image-chooser .image_options > span.image-edit {left:13px; background-position:0 0;}
#image-chooser .image_options > span.image-preview {left:46px; text-indent:0!important;}
#image-chooser .image_options > span.image-preview > a {display:block; width:29px; height:29px; background:url('../images/modal_gallery_imgoptions.png') no-repeat 0 -58px; text-indent:100%; white-space:nowrap; overflow:hidden;}
#image-chooser .image_options > span.image-delete {right:10px; background-position:0 -29px;}
#image-chooser .aviary {width:300px; height:300px; position:relative;}
#image-chooser .loading {display:none; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background:url('../images/trans-70-white.png'); z-index:100;}
#image-chooser .loading {width:97.8%!important;}
#image-chooser .loading > img {margin-left:8px!important;}
#image-chooser .loading > div {position:absolute; top:30%; left:50%; margin-left:-100px; padding:28px 0 0; font-size:12px; width:200px; color:#777;}

#subscriber_import .upgradeplan > a { margin:10px 0; padding:9px 15px; -moz-box-shadow:inset 0 1px 0 0 #fff; -webkit-box-shadow:inset 0 1px 0 0 #fff; box-shadow:inset 0 1px 0 0 #fff; background-color:#f7cb20; background-repeat:no-repeat; background-image:-webkit-linear-gradient(#fed427, #fed427 75%, #f7cb20); background-image:-moz-linear-gradient(top, #fed427, #fed427 75%, #f7cb20); background-image:-ms-linear-gradient(#fed427, #fed427 75%, #f7cb20); background-image:-o-linear-gradient(#fed427, #fed427 75%, #f7cb20); background-image:linear-gradient(#fed427, #fed427 75%, #f7cb20); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fed427', endColorstr='#f7cb20', GradientType=0); border-radius:4px; border:1px solid #d5b435; border-bottom-color:#b28e00; display:inline-block; color:#333!important; font-size:15px; font-weight:700; text-decoration:none; text-shadow:1px 1px 0 #fff6d2; -webkit-box-shadow:0 1px 1px rgba(120, 120, 120, 0.3); -moz-box-shadow:0 1px 1px rgba(120, 120, 120, 0.3); box-shadow:0 1px 1px rgba(120, 120, 120, 0.3); cursor:pointer!important; z-index:1; zoom:1; }
#subscriber_import .upgradeplan > a:hover {text-shadow:1px 0 0 #fff6d2; border:1px solid #c6a113; border-top-color:#c3a326; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f7cb20), color-stop(1, #fed427) ); background:-moz-linear-gradient( center top, #f7cb20 5%, #fed427 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7cb20', endColorstr='#fed427'); background-color:#f7cb20; -webkit-box-shadow:0; -moz-box-shadow:0; box-shadow:0;}

#subscriberDetails h2.printable {display:none;}
#tab_details_,
#tab_live_travel_,
#tab_campaigns_,
#tab_log_,
#tab_notes_
{display:none;}
#subscriberDetails  #notes .options {font-size:11px; color:#333; font-weight:normal; padding-top:8px; }
#subscriberDetails .note_html_info {color:#999; margin-top:8px; font-size:11px; }

#contact_view_name_list {font-size:25px; color:#000; }
.contact_view_email {font-size:18px; color:#666; }

.note_html {display:none; border-bottom:1px solid var(--slate-200); padding-top:10px; padding-bottom:5px; margin-bottom:10px;}
.note_html_edit {border:1px solid #999; display:block; height:75px; width:99%; margin-bottom:10px;}
#note_html_cancel_button {margin-left:8px;}
#note_html_options {display:none; float:right;}

#details_fields_updatebutton {margin-top:15px; }

#list #list_table .sublistcheckboxall {position:relative; top:2px; left:8px; }
#list #list_table .sublistcheckbox {position:relative; top:10px; left:8px; }
#list #list_table .xtracol {float:right; }
#list #list_table .xtracol .dateadded {color:#aaa; margin-right:8px; }
#list #list_table .xtracol .contacticons {position:relative; top:4px; }
#list #list_table .xtracol .geoaddr { margin:0 0 10px; padding:2px 4px; display:inline-block; border:1px solid #c3c3c3; border-bottom-color:#a7a7a7; color:#888; font-size:12px; font-weight:100; text-decoration:none; text-shadow:1px 1px 0 #fff; -moz-box-shadow:inset 0 1px 0 0 #fff; -webkit-box-shadow:inset 0 1px 0 0 #fff; box-shadow:inset 0 1px 0 0 #fff; background-color:#e8e8e8; background-repeat:no-repeat; background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #e8e8e8); background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #e8e8e8); background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #e8e8e8); background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #e8e8e8); background-image:linear-gradient(#ffffff, #ffffff 25%, #e8e8e8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e8e8e8', GradientType=0); text-shadow:0 1px 1px rgba(255, 255, 255, 0.75); -webkit-box-shadow:0 1px 1px rgba(120, 120, 120, 0.3); -moz-box-shadow:0 1px 1px rgba(120, 120, 120, 0.3); box-shadow:0 1px 1px rgba(120, 120, 120, 0.3); border-radius:4px; cursor:pointer!important; z-index:1; zoom:1; }
#list #list_table .infocol {color:#000; height:32px; line-height:32px; }
#list #list_table .infocol a {text-decoration:none; color:#000; font-size:14px; }
#list #list_table .infocol a.resendoptin {text-decoration:none; color:#aaa; font-size:12px; }
#list #list_table .fieldscol {color:#aaa; }
#list #list_table .fieldscol .fieldtitle {color:#888; }

#list .ac_table_header {height:34px; overflow:visible;}
#list .ac_table_header td {padding:10px 3px!important; font-weight:100; border-bottom:1px solid #ddd; background:#ececec; vertical-align:middle;}
#list .ac_table_header .ac_sort_asc,
#list .ac_table_header .ac_sort_desc,
#list .ac_table_header .ac_sort_other {position:relative; display:inline-block!important; padding-right:14px; background-image:none;}
#list .ac_table_header .ac_sort_asc:after,
#list .ac_table_header .ac_sort_desc:after {position:absolute; top:2px; right:0; content:''; width:0; height:0; border-width:5px 5px 5px 0; border-style:solid; border-color:transparent #666 transparent transparent; transform:rotate(90deg); z-index:50;}
#list .ac_table_header .ac_sort_desc:after {transform:rotate(-90deg); z-index:50;}
#list .ac_table_header span.sortoptions { float:right; margin-top:5px; font-weight:normal; }
#list .ac_table_header span.sortoptions a { display:inline; padding:0 12px 0 4px; }
#list .ac_table_header span.sortoptions .ac_sort_other { background:none; font-weight:normal; }
#list .ac_table_header input[type=checkbox] {position:relative; top:2px; left:3px; padding:0 8px 0 0; cursor:pointer;}

/* Alerts modal */
.ac_alert-list > li { font-family: "IBM Plex Sans", Helvetica, sans-serif;width: 100%;margin-bottom:14px;border:var(--slate-200) 1px solid;box-sizing: border-box;border-radius: 4px; }
.ac_alert-list li .ac_alert-header { background:var(--slate-100);padding: 10px;border-radius:3px 3px 0 0;}
.ac_alert-list li .ac_alert-body { padding: 10px;}
.ac_alert-list li .ac_alert-body > p { font-family: "IBM Plex Sans", Helvetica, sans-serif;font-size:14px; }
.ac_alert-list li .ac_alert-body > .ac_alert-time { color: #7f7f7f;font-size:12px;}
.ac_alert-list li .ac_alert-title { font-weight:600;font-size:14px;}
.ac_alert-list li .ac_alert-header > .ac_alert-remove { float: right;color:#989898;text-decoration: none;font-size:17px;margin-top: 5px;}
.ac_alert-list li .ac_alert-header > .ac_alert-remove:hover { color:#757575;}
.ac_alert-list li .ac_alert-status_type { font-family: "ac-icons"; font-size: 16px;float: left;margin:1px 8px 0 0;color:#f05252;}

/* Ember Island component_ac-status-modal css */
.components_ac-status-modal__list { list-style-type: none; padding: 0; }
.components_ac-status-modal__list li { @include border-box(); margin-bottom: 14px; border: #cacaca 1px solid; border-radius: 4px;  }
.components_ac-status-modal__list li .header { background: #f2f2f2; padding: 10px; border-radius: 3px 3px 0 0; }
.components_ac-status-modal__list li .body { padding: 10px; }
.components_ac-status-modal__list li .body > p { font-size: 14px; }
.components_ac-status-modal__list li .body > .time { color: #7f7f7f; font-size: 12px; }
.components_ac-status-modal__list li .title { font-weight: 600; font-size: 14px; padding-top: 2px; }
.components_ac-status-modal__list li .header > .remove {  position: absolute; top: 10px; right: 10px; color: #989898; text-decoration: none; font-size: 18px; cursor: pointer; }
.components_ac-status-modal__list li .header > .remove:hover { color: #757575; }
.components_ac-status-modal__list li .status-type {  font-size: 16px; float: left; margin: 1px 8px 0 0; color: #f05252; }
.components_ac-status-modal .close { cursor: pointer; }

/* Pagination */
/* Resets */
.ac_paginator {
	top: unset;
	right: unset;
	margin: unset;
	padding: unset;
	border: unset;
	font-size: unset;
	color: unset;
}

.ac_paginator [id*="paginatorPrevious"] {
	position: relative;
	margin-right: -4px;
	border-right: 1px solid var(--slate-200);
	z-index: 1;
}

.ac_paginator [id*="paginatorNext"] {
	position: relative;
	margin-left: -4px;
	border-left: 1px solid var(--slate-200);
	z-index: 1;
}

.ac_paginator .ellipse {
	padding-right: 6px;
	padding-left: 6px;
	font-size: 18px;
}

.ac_paginator [id*="paginatorFirs"] .ellipse {
	padding-left: 12px;
}

.ac_paginator [id*="paginatorLast"] .ellipse {
	padding-right: 12px;
}

.simple-pagination {
	position: relative;
	display: inline-block;
	border: 1px solid var(--slate-200);
	border-radius: 5px;
	vertical-align: baseline;
	overflow: hidden;
}
/* Score */
#score-list-paginator.ac_paginator { top: initial;right: initial;margin: 0 !important;height: 31px;box-sizing: border-box; }
#score-list-paginator.ac_paginator * { box-sizing: border-box; }
#score-list-paginator.ac_paginator a { height: 29px;max-height: 29px;line-height: 18px; }
#score-list-paginator.ac_paginator .next { border-left: 1px solid var(--slate-200); }
#score-list-paginator.ac_paginator .prev { border-right: 1px solid var(--slate-200); }

body.list .ac_paginator, body.series_list .ac_paginator, body.campaign .ac_paginator { top: 0 !important;right: 0 !important;margin: 0 auto !important;padding: 0 !important; }
body.contact .pagination-wrap, body.tags .pagination-wrap { position: relative;margin: 0;text-align: center; }
body.contact .pagination-wrap .simple-pagination ul > li, body.tags .pagination-wrap .simple-pagination ul > li { display: inline-block;margin: 0; }
body.contact .pagination-wrap .simple-pagination ul > li > span, body.contact .pagination-wrap .simple-pagination ul > li > a, body.tags .pagination-wrap .simple-pagination ul > li > span, body.tags .pagination-wrap .simple-pagination ul > li > a { padding: 5px 12px; }

#paginatorThisPage1 {display:none;}
.simple-pagination ul { float: right;margin: 0; }
.simple-pagination ul > li { display: inline-block;margin: 0; }
.ac_paginator a, .simple-pagination ul > li > span, .simple-pagination ul > li > a { display: inline-block;margin: 0 !important;padding: 6px 12px !important;font-family: "IBM Plex Sans", Helvetica, sans-serif;font-size: 14px;color: #4A4A4A !important;font-weight: 600 !important;text-align: center;background: #fff;border: 0 none !important;box-shadow: none;text-decoration: none;box-sizing: border-box; }
.ac_paginator a:hover, .simple-pagination ul > li > span:hover, .simple-pagination ul > li > a:hover { background: var(--slate-100); }
.ac_paginator strong, .simple-pagination ul > li > span.current { color: #4A4A4A !important;border: 0 none !important;background: #E1E9F4 !important;background-color: #E1E9F4 !important; }
.simple-pagination ul > li > span.current.prev, .simple-pagination ul > li > span.current.next { display: none; }
.ac_paginator strong, .ac_paginator strong:hover { display: inline-block;margin: 0 !important;padding: 6px 12px !important;color: #3E70B5 !important;background: #E1E9F4 !important;background-color: #E1E9F4 !important;line-height: 19px; vertical-align: top; }

/* Progress stage in /deal/ */
.ac_popover ul.popover-menu .descript {
	display: block;
	margin: 4px 0 0;
	color: #b9b9b9;
	font-size: 12px;
	font-weight: 100;
}

.ac_popover ul.popover-menu li.active .descript {
	margin: 4px 0 0 19px;
}

.ac_popover .popover-trigger .descript {
	display: none;
}


/*-------------------------------------------------------------------------*\
 Templates
\*-------------------------------------------------------------------------*/
#templates { display:table; position: static!important; width: 100%; }
#templates,
#templates *,
#templates .templates * { box-sizing: border-box; }

#templates .templates {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
#templates .templates-wrap {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -9px -8px;
}
body.campaign_new #templates .templates-wrap { margin-bottom: 0px; padding-bottom: 0px; }
#templates .templates-wrap:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#templates .templates-wrap .template {
	flex: 0 12.5%;
	padding: 20px 10px;
}
#templates .templates-wrap .template .wrap-template { position: relative; width: 100%; padding: 0; margin-bottom: 20px; }

#templates .template .title {
	margin-top: 10px;
	font-family: "IBM Plex Sans";
	text-align: center;
	font-size: 15px;
	color: var(--slate-300);
	line-height: 18px;
}
#templates .template .screenshot {
	position: relative;
	display: block;
	overflow: hidden;
	height: 180px;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
#templates .template .screenshot img {
	display: block;
	width: 100%!important;
	height: auto!important;
}
#templates .template .screenshot .screenshot_placeholder {
	position: absolute;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	padding: 20px;
	background: var(--slate-100);
	text-align: center;
	color: var(--slate-300);
	font-size: 16px;
}
#templates .template .screenshot .screenshot_placeholder .ac-icon {
	font-size: 48px;
	color: var(--slate-300);
	margin-top: 15px;
	margin-right: 0;
}
#templates .template .screenshot .screenshot_placeholder .ac-icon:before {
	margin: 0;
}

#templates .template .options {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	z-index: 1;
}
#templates .template .options .options-middle {position:absolute; top: 24px; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; text-align: center;}
#templates .template .options .options-middle a { width: 76%; }
#templates .template .options .options-bottom {position:absolute; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; height: 30px; text-align: center;}
#templates .template .options .options-bottom a { display: inline-block; margin: 0 12px; color: #fff; text-decoration: none; }
#templates .template .options .options-bottom a:hover { text-decoration: underline; }
/* Template filter options */
.template-filter { padding: 10px;background-color: var(--slate-100);border-radius: 6px 6px 0 0; }
.template-filter .ac_popover button { width: auto!important;height: auto!important;line-height: initial!important; }
.template-filter .header-label { display: inline-block;font-weight: 600;color: var(--slate-400);font-size: 14px; }
.template-filter .select-dropdown li { padding: 0; }
.template-filter .select-dropdown li a { padding: 9px; }
.template-filter .search-wrap { height: 34px; }
.template-filter .search-wrap .ac_input-search { position: relative;display: inline-block; }
.template-filter .search-wrap .ac_input-search > .ac-icon { position: absolute;left: 10px;top: 10px;color: var(--slate-400);font-size: 14px; }
body.campaign_new .template-filter .search-wrap .ac_input-search > .ac-icon { margin-top: 4px; left: 17px; }
/* Add template box */
#templates .template.add { cursor: pointer; }

#templates .template.add .title {
	position: absolute;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	color: var(--slate-300);
	font-size: 17px;
	font-family: "IBM Plex Sans";
	text-align: center;
}
#templates .template.add .title .icon {
	display: block;
	font-size: 31px;
	color: var(--slate-300);
	margin: 0 auto;
}
#templates .template.add .wrap-template { display:block; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; }
#templates .template.add .screenshot { display:block; border:2px dashed #ccc; border-radius: 5px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; }
#templates .template.add .wrap-template:hover .screenshot { background-color: #f6f6f6; border: 2px dashed #999; }
/* Pagination */
#templates .button.add.template { float: left; padding: 6px 12px 5px!important; vertical-align: top; margin: 4px 0 0 23px; }
/* Pagination when creating campaign */
body.campaign_new .pagination-wrap, body.template .pagination-wrap { position: relative;padding: 0; }
body.campaign_new .pagination-wrap #template-paginator, body.campaign_new .pagination-wrap .ac_paginator_limit_box, body.template .pagination-wrap #template-paginator, body.template .pagination-wrap .ac_paginator_limit_box { margin-top: 0;vertical-align: middle; }
body.campaign_new .campaign-template-pager { overflow: visible !important; }
body.campaign_new .campaign-template-pager:after { content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0; }
body.campaign_new .campaign-template-pager .button_group { float: left; }
.pagination-wrap .selectdropdown .dropdown_select { display: block;padding: 5px 10px !important;font-family: "IBM Plex Sans", Helvetica, sans-serif;font-size: 12px;color: var(--slate-600);font-weight: 100;line-height: 20px;text-align: center;border: 1px solid var(--slate-200);background: #FFF;box-shadow: none;border-radius: 4px; }
.pagination-wrap .selectdropdown .dropdown_select.active svg { transform: rotate(180deg); }
.pagination-wrap .selectdropdown .dropdown_menu { right: 0;bottom: 40px;box-sizing: border-box; }
.pagination-wrap .selectdropdown .dropdown_menu:after, .pagination-wrap .selectdropdown .dropdown_menu:before { top: initial;bottom: -10px;left: initial;right: 12px;transform: rotate(-90deg); }
.pagination-wrap .selectdropdown .dropdown_menu:before { bottom: -12px; }
.pagination-wrap .selectdropdown .dropdown_menu a { border: 0 none; }

/* For screen resizing */
@media screen and (min-width: 2201px) {
	body.campaign_new .template:not(.button),
	body.template .template:not(.button) { width: 10%!important; }
}
@media (max-width:2200px) and (min-width:1900px) {
	body.campaign_new .template:not(.button),
	body.campaign_new .wrap-template .options .options-bottom > a,
	body.template .wrap-template .options .options-bottom > a { margin: 0 6px!important; font-size: 12px!important; }
}
@media (max-width:1899px) and (min-width:1481px) {
	body.campaign_new .template:not(.button),
	body.template .template:not(.button) { flex: 0 12.5%!important; }
	body.campaign_new .wrap-template .options .options-bottom > a,
	body.template .wrap-template .options .options-bottom > a { margin: 0 6px!important; font-size: 12px!important; }
}
@media (max-width:1480px) and (min-width:1366px) {
	body.campaign_new .template:not(.button),
	body.template .template:not(.button) { flex: 0 20%!important; }
	body.campaign_new .wrap-template .options .options-bottom > a,
	body.template .wrap-template .options .options-bottom > a { margin: 0 6px!important; font-size: 12px!important; }
}
@media (max-width:1365px) and (min-width:1081px) {
	body.campaign_new .template:not(.button),
	body.template .template:not(.button) { padding-right: 10px!important; flex: 0 20%!important; }
	body.campaign_new .wrap-template .options .options-bottom > a,
	body.template .wrap-template .options .options-bottom > a { margin: 0 3px!important; font-size: 12px!important; }
}
@media (max-width:1080px) {
	body.campaign_new .wrap-template .options .options-bottom > a,
	body.template .wrap-template .options .options-bottom > a { margin: 0 6px!important; font-size: 12px!important; width: 25%!important; }
}
@media (max-width:1079px) {
	#templates .templates-wrap { margin-right: 3px; }
	body.campaign_new .template:not(.button),
	body.template .template:not(.button) { padding-right: 10px!important; flex: 0 25%!important; }
	body.campaign_new .wrap-template .options .options-bottom > a,
	body.template .wrap-template .options .options-bottom > a { margin: 0 3px!important; font-size: 11px!important; }
	#templates .template .screenshot .screenshot_placeholder .ac-icon { font-size: 2.2em!important; }
	#templates .template .screenshot .screenshot_placeholder div:last-child { font-size: 0.8em!important; }
}

/*-------------------------------------------------------------------------*\
 Intro helper layer
\*-------------------------------------------------------------------------*/
.introjs-helperLayer { background-color:rgba(255, 255, 255, 0.1)!important; border:1px solid rgba(0, 0, 0, 0.3)!important; z-index:10000000!important; }

/* Recaptcha in the Share Campaign modal */
#share_recaptcha {margin-top: 10px;}
#share_recaptcha #recaptcha_table {width: 100%;}

/* Media Query */
@media screen and (max-width: 1152px) {
	input.button { -webkit-appearance: none; }
	/* Footer section */
	div#footerwrapper {margin:0!important; padding:0!important; width:auto!important; overflow:hidden!important;}
	div#uxfooter {margin:0!important; padding:0!important; width:auto!important; -webkit-text-size-adjust:100%;}
	div#uxfooter .divider {display:none!important;}
	div#uxfooter > .row,
	div#uxfooter table td,
	div#uxcopy > div {display:block!important; float:none!important; margin:0!important; padding:0!important; width:100%!important;}
	div#uxfooter > .row {display:inline-block!important; margin:30px!important; width:auto!important; vertical-align:top!important;}
	div#uxfooter > .row table td {display:table-cell!important; width:6px!important;}
	div#uxfooter > .row.last {width:20%!important;}
	div#uxcopy {display:none;}
}
@media screen and ( max-height: 950px ){
	#tmpbuilder .from-theme.popover {margin-top:-48px;}
}
/* 1228 resolution */
@media screen and (max-width: 1228px) {
	.apps-block {width:47.7%;}
	#tmpbuilder .from-theme.popover {margin-top:-48px;}
}
/* 1228 resolution */
@media screen and (max-width: 940px) {
	.apps-wrap-inner {width:100%;}
	.apps-block {width:100%;}
	#tmpbuilder .from-theme.popover {margin-top:-48px;}
}

#connect_apps_launcher {display:table-cell; width:200px; height:200px; text-align: center; vertical-align: middle; border: 1px solid #000;}

#app_shopify_status_div {margin: 15px 0;}
.app_shopify_status {font-weight: bold;}
.app_shopify_status.connected {color: #00FF00;}
.app_shopify_status.disconnected {color: red;}

/* Extend page */
body.extend #uxbody .uxlftcolm { padding-left: 23px!important; }

.address-select-menu-button { max-width: 346px; width: 346px; margin-right: 10px; }
.address-select-menu-button .popover-trigger { padding: 8px 6px 6px 0px; }
.address-select-menu-button .popover-trigger span { white-space: nowrap; text-overflow: ellipsis; max-width: 310px; overflow: hidden;  }
.address-select-menu-button a { width: 100%; }
.address-select-menu-button .ac_popover-menu { width: 355px; }
.address-select-menu-button ul.popover-menu{ width: 355px; }
.address-select-menu-button .ac_popover-menu > ul > li > a { max-width: 353px !important; }
.address-select-menu-button .ac_popover-menu .popover-footer input[type=submit] { width: 100% !important; }

.country-select-dd { width: 100%; }
.country-select-dd .popover-trigger { width: 100%; }
.country-select-dd .ac_popover-menu { width: 100%; }
.country-select-dd .ac_popover-menu > ul > li > a { width: 100%; }

#address-fs label { margin-top: 10px; }
.address-flex .ac_flex-col { padding-right: 10px; }
.address-flex .ac_flex-col small { color: var(--slate-600); font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; text-align: left; }

/* MFA */
.mfa-container { font-family: 'IBM Plex Sans', sans-serif; background-color: white; padding: 25px; border-radius: 5px; font-size: 14px; line-height: 18px; letter-spacing: 0.0px; color: #1f2129; }
.mfa-container img { display: block; border: none; margin: auto; padding: 15px; width: 120px; height: 120px; }
.mfa-container .mfa_lock_icon { display:block; padding-bottom: 20px; margin: auto; width: 64px; height: 64px; background-image:url('https://d226aj4ao1t61q.cloudfront.net/6qa3wwjn9_lock-and-key.png'); background-size:64px; background-position:0; background-repeat:no-repeat; }
.ac_login_box .mfa-container .ac_input { border-color: var(--slate-200) !important; }
.ac_login_box .mfa-container h1 { font-family: 'IBM Plex Sans', sans-serif; font-size: 16px; font-weight: 600; }
.mfa-container .recovery-mfa-form { display: none }
.mfa-header { text-align: center; }
.mfa-header span { display: block; }
ul.mfa-recovery-codes { columns: 2; -webkit-columns: 2; -moz-columns: 2;}
.mfa-container img.mfa-check-mark {
	width: 20px;
	height: 20px;
	display: inline-block;
	margin: 0;
	padding: 0;
}

.mfa-container input[type="radio"] {
	margin-bottom: 3px;
	vertical-align: middle;
}

.mfa-pick-phone {
	width: 100%;
	height: 45px;
	padding-bottom: 0px;
}

.mfa-select {
	height: 100%;
	width: 100%;
	text-align: center;
	display: inline;
}

.mfa-pick-phone .mfa-input {
	width: 220px;
}

.mfa-container .mfa-pick-phone select.prefix-dropdown {
	height: 40px;
	width: 100px;
	padding: 4px 30px 0 10px !important;
}

.ac_side-menu .dot {
	display: inline-block;
	margin-right: 6px;
	margin-left: 2px;
	background: var(--mint-500);
	width: 9px;
	height: 9px;
	border-radius: 100%;
}

.learn-content { background: var(--lavender-100); border-left: 4px solid var(--lavender-500); border-radius: 4px; padding: 12px 16px; }
.learn-content.destruction { background: var(--strawberry-100); border-left: 4px solid var(--strawberry-500); border-radius: 4px; padding: 12px 16px; }
.learn-content p:first-child { margin-top: 0; margin-bottom: 4px; font-size: 14px; font-weight: 500; }
.learn-content p:first-child:before { content: ""; display: block; background: url("https://d226aj4ao1t61q.cloudfront.net/y0k71lyoi_learning_content_lightbulb.svg") no-repeat; width: 16px; height: 16px; float: left; margin: 2px 12px 0 12px; }
.learn-content .buttons { margin-left: 40px; }
.learn-content p:nth-child(2n) { font-size: 16px; margin: 0 0 10px 40px;}
.learn-content a:not(.overview-banner-button) { font-size: 14px; color: var(--slate-600) !important; background: #fff; border: var(--slate-200) 1px solid; padding: 8px 16px; margin-right: 8px; min-width: 66px; }
.learn-content camp-text.community a { color: var(--ocean-600) !important; background: none !important; border: 0 !important; padding: 0 !important; margin-right: 0 !important; min-width: 0 !important; }
.learn-content .button:active { padding: 8px 20px; margin-right: 8px; min-width: 66px; }
.learn-content .close { position: absolute; right: 16px; top: 16px; cursor: pointer; }
.learn-content .hover-close { position: absolute; right: 8px; top: 8px; cursor: pointer; }

#learn-content-overview { position: relative; margin: 24px 24px 0 24px; align-items: flex-start; }
#learn-content-overview > div.flex { align-items: flex-start; }
#learn-content-overview img { margin-top: 4px; margin-right: 8px; }
#learn-content-design { margin-top: 12px; }

#learn-content-overview.tag-banner { margin: 0; }
#learn-content-overview.tag-banner .banner-remove { top: 4px; right: 4px; font-size: 20px; display: none; z-index: 1000; position: absolute; padding: 6px; line-height: 0; background: transparent; border: none; margin: 0; min-width: auto; }
#learn-content-overview.tag-banner .banner-remove:hover { text-decoration: none; }
#learn-content-overview.tag-banner:hover .banner-remove { display: block; }
#learn-content-overview.tag-banner[data-state="hidden"] { display: none; }

#learn-content-scoring { background: var(--ocean-150); border-left: 4px solid var(--ocean-500);}
#learn-content-scoring img { margin-top: 4px; margin-right: 8px; height: 20px;}

#learn-content-tracking-required { background: var(--banana-100); border-left: 4px solid var(--banana-600); margin-top: 16px;}
#learn-content-tracking-required img { margin-top: 4px; margin-right: 8px; height: 20px;}

.campaign-email-auth-notify { display:flex; align-items:flex-start; gap:8px; border-left: 6px solid; color:var(--slate-600); font-weight: 600; position: relative; margin: 0 0 20px; padding: 14px; font-size: 14px; line-height: 20px; border-radius: 5px; overflow: hidden; }
.campaign-email-auth-notify.warning { background: var(--banana-100); border-left-color: var(--banana-500); }
.campaign-email-auth-notify.danger { background: var(--strawberry-200);border-left-color: var(--strawberry-500) }

/**
  * "Campaign First Send" Tool Tips
  */
/* general first-send tooltip styles*/
[class^="first-send-tooltip__"] { background-color: #fff; border: 1px solid #CED3E0; box-shadow: 0 4px 4px rgba(31, 33, 41, 0.12); border-radius: 4px; width: 400px; padding: 12px 36px 16px 49px; text-align: left; box-sizing: border-box; }
[class^="first-send-tooltip__"]::after, [class^="first-send-tooltip__"]::before { content: ''; display: block; position: absolute; bottom: 100%; width: 0; height: 0; }
[class^="first-send-tooltip__"]::after { border: 9px solid transparent; border-bottom-color: #FFF; }
[class^="first-send-tooltip__"]::before { border: 10px solid transparent; border-bottom-color: #CED3E0; }
[class^="first-send-tooltip__"] h2 { color: #1F2129; font-size: 14px; font-weight: 500px; line-height: 20px; margin-bottom: 4px; }
[class^="first-send-tooltip__"] p { color: #1F2129; font-size: 14px; line-height: 20px; margin: 4px 0 0; }
[class^="first-send-tooltip__"] .ac_button { margin-top: 12px; }
.first-send-tooltip-dismiss { padding: 0; border: none; position: absolute; right: 12px; top: 16px; width: 12px; height: 12px; }
.first-send-tooltip-dismiss:before, .first-send-tooltip-dismiss:after { position: absolute; left: 5px; top: 0; content: ' '; height: 13px; width: 2px; background-color: #000; }
.first-send-tooltip-dismiss:before { transform: rotate(45deg); }
.first-send-tooltip-dismiss:after { transform: rotate(-45deg); }
.first-send-tooltip-icon { position: absolute; top: 12px; left: 12px; width: 24px; height: 24px; }

/* first-send tooltip arrow positions */
[class^="first-send-tooltip__"].top-left::before { left: 18px; }
[class^="first-send-tooltip__"].top-left::after { left: 19px; }
[class^="first-send-tooltip__"].top-right::before { right: 18px; }
[class^="first-send-tooltip__"].top-right::after { right: 19px;}
[class^="first-send-tooltip__"].bottom-left::before { transform: rotate(180deg); bottom: -19px; left: 18px; }
[class^="first-send-tooltip__"].bottom-left::after { transform: rotate(180deg); bottom: -17px; left: 19px; }
[class^="first-send-tooltip__"].bottom-right::before { transform: rotate(180deg); bottom: -19px; right: 18px; }
[class^="first-send-tooltip__"].bottom-right::after { transform: rotate(180deg); bottom: -17px; right: 19px;}

/* specific first-send tooltip positioning */
.first-send-tooltip__segmentation { transform: translate(-10px, 5px);}
.first-send-tooltip__account-email { position: fixed; right: 25px; top: 59px; z-index: 999; }

#account-email-modal input[name='accountEmail'] { width: 100%; }
#account-email-modal .error-msg { background-color: var(--strawberry-40); padding: 6px 12px; border-left: 4px solid var(--strawberry-120); border-radius: 4px; width: auto; margin-top: 12px;}
#account-email-modal .error-msg p { margin: 0; }

#campaign_list .education-container { margin: -23px -23px 24px -22px; }
#campaign_list .education-container:not(.on-welcome){ border-bottom: 1px solid var(--slate-200); background-color: var(--ocean-100); }
#campaign_list .education-guide-container { border: 1px solid var(--slate-200); overflow: hidden; }
#campaign_list .education-guide-content { flex-direction: column; justify-content: space-between; }
#campaign_list .education-links { border: 1px solid var(--slate-200); }
#campaign_list .education-link { flex-direction: column; align-items:flex-start; }
#campaign_list .education-link:not(:first-child) div { border-left: 1px solid var(--slate-200); }
#campaign_list .education-link div { flex-direction: column; flex-grow: 1; justify-content: space-between; }
#campaign_list .education-link camp-button { align-self: end; }

.slide-toggle .checkbox-container { vertical-align: middle; cursor: pointer; }
.slide-toggle .visually-hidden { -webkit-clip: rect(0px,0px,0px,0px); clip: rect(0px,0px,0px,0px); height: 1px; width: 1px; margin: -1px; position: absolute; }
.slide-toggle input ~ .checkbox-toggle { height: 16px; width: 32px; border-radius: 99rem; position: relative; background-color: #f3376b; padding: 2px; overflow: hidden; }
.slide-toggle input ~ .checkbox-toggle .checkbox-checked { opacity: 0; }
.slide-toggle input ~ .checkbox-toggle .checkbox-unchecked { opacity: 100%; }
.slide-toggle input:hover ~ .checkbox-toggle { box-shadow: 0 0 0 0.14285714285714285rem #fcdee7; }
.slide-toggle input:checked ~ .checkbox-toggle { background-color: #19cca3; }
.slide-toggle input:checked ~ .checkbox-toggle .checkbox-checked { opacity: 100%; }
.slide-toggle input:checked ~ .checkbox-toggle .checkbox-unchecked { opacity: 0; }
.slide-toggle input:checked:hover ~ .checkbox-toggle { box-shadow: 0 0 0 0.14285714285714285rem #b6f2e4; }
.slide-toggle .checkbox-icon { position: absolute; background-color: #fff; padding: 4px; border-radius: 99rem; display: block; box-shadow: 0 0.2857142857142857rem 0.5714285714285714rem -0.14285714285714285rem rgba(31,33,41,0.3); transform: translateX(0); transition: transform 150ms;}
.slide-toggle input:checked ~ .checkbox-toggle .checkbox-icon { transform: translateX(16px); }

/* fix for search text and icon overlapping in popover */
.modal-body .ac_popover-search .ac_popover-search-input { padding:7px 7px 7px 28px!important; width: 100%!important;}
.modal-body .ac_popover-search .ac_popover-search-icon { top: 17px!important;}
.modal-body .ac_popover-search .ac_popover-search-icon-automation { top: 12px!important;} 
/* security */
a.password-docs { margin-top:30px; display: flex; line-height: 20px; align-items: center;}
.password-docs span { color: #FFFFFF; font-family: 'IBM Plex Sans'; font-size: 16px; font-weight: 500;}
.password-docs svg {text-align:center; margin: 0 0 -4px 8px;}

/* OTP */

.otp-container {
	font-family: var(--ff-standard);
	background-color: var(--white);
	padding: 25px;
	border-radius: 5px;
	font-size: var(--fs-200);
	line-height: 18px;
	letter-spacing: 0.0px;
	color: var(--slate-600);
}

.otp-container .otp_globe_icon {
	display: block;
	padding-bottom: 20px;
	margin: auto;
	width: 64px;
	height: 64px;
	background-image: url('https://d226aj4ao1t61q.cloudfront.net/sm6m7uxqb_otp-globe.png');
	background-size: 64px;
	background-position: 0;
	background-repeat: no-repeat;
}

.otp-container p {
	color: var(--slate-600);
	font-family: var(--ff-standard);
	font-size: var(--fs-200);
	font-weight: var(--fw-regular);
	line-height: var(--lh-200);
}

.otp-container .gray-text {
	color: var(--slate-400);
	font-family: var(--ff-standard);
	font-size: var(--fs-100);
	font-weight: var(--fw-regular);
	line-height: var(--lh-100);
}

.otp-container a {
	cursor: pointer;
	font-family: var(--ff-standard);
	font-size: var(--fs-200);
	font-weight: var(--fw-medium);
	line-height: var(--lh-200);
	text-decoration: none;
}

.otp-container a.blue-link {
	color: var(--ocean-500);
	float: right;
}

.otp-container a.article-link, .otp-container a.article-link:visited {
	color: var(--ocean-500);
	float: left;
}

.otp-container .ac_input.red-border {
	border-color: var(--strawberry-500) !important;
}

.otp-container .red-text {
	color: var(--strawberry-600);
	font-family: var(--ff-standard);
	font-size: var(--fs-100);
	font-weight: var(--fw-regular);
	line-height: var(--lh-100);
}

.otp-container input[type=checkbox] {
	bottom: 1px;
	position: relative;
	vertical-align: middle;
}

.otp-container input[type=checkbox]:hover {
	box-shadow: 0 0 0 var(--b-200) var(--ocean-200);
}
.otp-container label {
	color: var(--slate-600);
	font-family: var(--ff-standard);
	font-size: var(--fs-200);
	font-weight: var(--fw-medium);
	line-height: var(--lh-200);
}
.otp-container label.otpRadio {
	line-height: 25px;
}
.otp-container .otpSplitButton {
	width: calc(50% - 12px);
}
.otp-container .otpWhiteButton {
	border: 0;
	color: var(--ocean-500);
}
.otp-container .otpDisclaimer {
	border-top: 1px solid var(--slate-200);
	font-size: var(--fs-100);
	margin-top: 10px;
	padding: 5px;
	text-align: center;
}
#otpValue {
	border-color: var(--slate-200) !important;
}

.ac_login_box input#otpValue:focus {
	border-color: var(--ocean-500) !important;
	box-shadow: 0 0 0 var(--b-200) var(--ocean-200);
}

#otpValue::-webkit-inner-spin-button, #otpValue::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

#codeSentContainer {
	color: var(--mint-600);
	float: right;
}