@CHARSET "UTF-8";

/*
=================================================
  normalize.css overrides
=================================================
*/

b, strong {
	font-weight: 500;
}

table {
	border-collapse: separate;
}

table[cellpadding="1"] > tr > td,
table[cellpadding="1"] > tr > th,
table[cellpadding="1"] > tbody > tr > td,
table[cellpadding="1"] > tbody > tr > th,
table[cellpadding="1"] > thead > tr > td,
table[cellpadding="1"] > thead > tr > th {
	padding: 1px;
}

table[cellpadding="2"] > tr > td,
table[cellpadding="2"] > tr > th,
table[cellpadding="2"] > tbody > tr > td,
table[cellpadding="2"] > tbody > tr > th,
table[cellpadding="2"] > thead > tr > td,
table[cellpadding="2"] > thead > tr > th {
	padding: 5px;
}

table[cellpadding="3"] > tr > td,
table[cellpadding="3"] > tr > th,
table[cellpadding="3"] > tbody > tr > td,
table[cellpadding="3"] > tbody > tr > th,
table[cellpadding="3"] > thead > tr > td,
table[cellpadding="3"] > thead > tr > th {
	padding: 3px;
}

table[cellpadding="4"] > tr > td,
table[cellpadding="4"] > tr > th,
table[cellpadding="4"] > tbody > tr > td,
table[cellpadding="4"] > tbody > tr > th,
table[cellpadding="4"] > thead > tr > td,
table[cellpadding="4"] > thead > tr > th {
	padding: 4px;
}

table[cellpadding="5"] > tr > td,
table[cellpadding="5"] > tr > th,
table[cellpadding="5"] > tbody > tr > td,
table[cellpadding="5"] > tbody > tr > th,
table[cellpadding="5"] > thead > tr > td,
table[cellpadding="5"] > thead > tr > th {
	padding: 5px;
}

table[cellpadding="6"] > tr > td,
table[cellpadding="6"] > tr > th,
table[cellpadding="6"] > tbody > tr > td,
table[cellpadding="6"] > tbody > tr > th,
table[cellpadding="6"] > thead > tr > td,
table[cellpadding="6"] > thead > tr > th {
	padding: 6px;
}

table[cellpadding="10"] > tr > td,
table[cellpadding="10"] > tr > th,
table[cellpadding="10"] > tbody > tr > td,
table[cellpadding="10"] > tbody > tr > th,
table[cellpadding="10"] > thead > tr > td,
table[cellpadding="10"] > thead > tr > th {
	padding: 10px;
}

/*
	Until .rounded_table cells can be converted
	from <cell class="rounded_table"></cell>
	to <cell><div class="rounded_table"></div></cell>
*/
table[cellpadding="1"] > tr > td.rounded_table,
table[cellpadding="1"] > tr > th.rounded_table,
table[cellpadding="1"] > tbody > tr > td.rounded_table,
table[cellpadding="1"] > tbody > tr > th.rounded_table,
table[cellpadding="1"] > thead > tr > td.rounded_table,
table[cellpadding="1"] > thead > tr > th.rounded_table,
table[cellpadding="2"] > tr > td.rounded_table,
table[cellpadding="2"] > tr > th.rounded_table,
table[cellpadding="2"] > tbody > tr > td.rounded_table,
table[cellpadding="2"] > tbody > tr > th.rounded_table,
table[cellpadding="2"] > thead > tr > td.rounded_table,
table[cellpadding="2"] > thead > tr > th.rounded_table,
table[cellpadding="3"] > tr > td.rounded_table,
table[cellpadding="3"] > tr > th.rounded_table,
table[cellpadding="3"] > tbody > tr > td.rounded_table,
table[cellpadding="3"] > tbody > tr > th.rounded_table,
table[cellpadding="3"] > thead > tr > td.rounded_table,
table[cellpadding="3"] > thead > tr > th.rounded_table,
table[cellpadding="4"] > tr > td.rounded_table,
table[cellpadding="4"] > tr > th.rounded_table,
table[cellpadding="4"] > tbody > tr > td.rounded_table,
table[cellpadding="4"] > tbody > tr > th.rounded_table,
table[cellpadding="4"] > thead > tr > td.rounded_table,
table[cellpadding="4"] > thead > tr > th.rounded_table,
table[cellpadding="5"] > tr > td.rounded_table,
table[cellpadding="5"] > tr > th.rounded_table,
table[cellpadding="5"] > tbody > tr > td.rounded_table,
table[cellpadding="5"] > tbody > tr > th.rounded_table,
table[cellpadding="5"] > thead > tr > td.rounded_table,
table[cellpadding="5"] > thead > tr > th.rounded_table,
table[cellpadding="10"] > tr > td.rounded_table,
table[cellpadding="10"] > tr > th.rounded_table,
table[cellpadding="10"] > tbody > tr > td.rounded_table,
table[cellpadding="10"] > tbody > tr > th.rounded_table,
table[cellpadding="10"] > thead > tr > td.rounded_table,
table[cellpadding="10"] > thead > tr > th.rounded_table {
	padding: 5px;
}


/*
=================================================
  Primary Elements
=================================================
*/

body {
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
}
.imageAndText a {
	display: flex;
	align-items: center;
}
.imageAndText span a {
	display: inline;
}
span + i.material-icon,
i.material-icons + span:not(.mdc-list-item__text) {
	display: inline-flex;
	align-items: center;
	margin-left: .5rem;
}

.alert .imageAndText {
	display: flex;
	align-items: flex-start;
}

.alert > .user_prompts > .imageAndText > i.material-icons + span {
	display: inline;
}

.fd-link-button {
	background-color: transparent;
	border: none;
	cursor: pointer;
	display: inline;
	margin: 0;
	padding: 0;
	font-size: inherit;
}

.fd-link-button:focus {
	text-decoration: none;
}

a, .fd-link-button {
	color: #1a73e8;
	text-decoration: none;
}

a:hover, .fd-link-button:hover {
	text-decoration: underline;
}

a.noUnderline:hover,
a.mdc-list-item:hover {
	text-decoration: none;
}

a i.material-icons,
a span.fa {
	color: rgba(0,0,0,.87);
}

a.lightbox:hover,
a.lightbox:hover,
a.material-icons:hover,
a.mdc-button:hover {
	text-decoration: none;
}

a[disabled], .fd-link-button[disabled] {
	color: inherit;
	text-decoration: none;
}

h3, h4, th {
	font-weight: 500;
}

.panel > h2, .panel > .panel-heading {
	margin: 0;
	text-align: left;
	padding: 1rem 1rem 0;
	vertical-align: middle;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	letter-spacing: 0em;
	font-size: 20px;
	font-weight: 500;
	color: #000;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	min-height: 25px;
	line-height: 25px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
}

.panel > h2 .heading_with_sub_heading {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.panel > h2 .heading_with_sub_heading span:first-child,
.panel > h2 .heading_with_sub_heading span:last-child {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.panel > h2 .heading_with_sub_heading span:last-child {
	font-size: .875rem;
	letter-spacing: .0071428571em;
}

.panel_rounded_legend > h2, .panel_rounded_legend > .panel-heading {
	margin: 0;
	text-align: left;
	line-height: 24px;
	padding-left: 7px;
	white-space: nowrap;
	font-family: Roboto,sans-serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
	font-weight: 500;
}

#mainBody {
	visibility: visible;
	margin-left: auto;
	margin-right: auto;
	max-width: 1280px;
	width: 100%;
	box-sizing: border-box;
}

html.embedded #mainBody,
html.react #mainBody {
	max-width: 100%;
}

html.react .mainLayoutContent {
	padding: 0
}

#mainBody.mainBody2 {
	padding-top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 1280px;
}

#mainBody > table > tr > td,
#mainBody > table > tr > th,
#mainBody > table > tbody > tr > td,
#mainBody > table > tbody > tr > th,
#mainBody > table > thead > tr > td,
#mainBody > table > thead > tr > th {
	padding-top: 5px;
}

#mainPage > table > tr > td,
#mainPage > table > tr > th,
#mainPage > table > tbody > tr > td,
#mainPage > table > tbody > tr > th,
#mainPage > table > thead > tr > td,
#mainPage > table > thead > tr > th {
	padding-top: 5px;
}

form {
	margin: 0;
}

input[type="file"] {
	height: 0;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	width: 0;
}

ul {
	list-style-type: disc;
	list-style-position: outside;
}

ol {
	list-style-position: outside;
}

.changelog ol,
.changelog ul {
	line-height: 18px;
}

button {
	white-space: nowrap;
}

.disabled {
	background-color: threedface;
	color: graytext;
}

img.disabled, .imageAndText.disabled {
	background-color: inherit;
	opacity: .5;
}


/*
=================================================
  Basic Layout
=================================================
*/

span.truncated {
	text-overflow: ellipsis;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	vertical-align: middle;
	min-width: 50px;
	max-width: 100%;
}
/* Legacy style -- main decorator uses .mainLayoutWrapper instead */
.table01 {
	border-top: 0;
	border-right: 0px solid #e0e1db;
	border-bottom: 0;
	border-left: 0px solid #e0e1db;
}

/* Legacy style -- main decorator uses .mainLayoutContent instead */
.mainbody {
	font-family: Roboto,sans-serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
	background-color: #FFFFFF;
	padding: 9px;
	border-top: 0;
	border-right: 1px solid #e0e1db;
	border-bottom: 0;
	border-left: 1px solid #e0e1db;
}

/* Body tag of main layout */
.mainLayout {

}

/* Wraps all contents (header, menus, content, footer) within the body of the main layout */
.mainLayoutWrapper {
	margin: 0 auto;
	text-align: left;
}

/* Wraps the non-template content portion in the main layout */
.mainLayoutContent {
	min-height: 500px;
	margin: 0 auto;
	padding: 9px;
	border-top: 0;
	border-bottom: 0;
	box-sizing: border-box;
}


/*
=================================================
  Header
=================================================
*/
#header {
	margin: 0 auto;
	padding: 5px 10px 15px;
}

#header.header {
	display: block;
}

/*
=================================================
  Menus
=================================================
*/

/* Brands differ on their menu overall and non-selected item and its submenu color */

.menu li {
	font-family: Roboto,sans-serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
	font-weight: 500;
}

.menu-inner-container {
	margin-left: auto;
	margin-right: auto;
}

.sf-menu {
	display: flex;
	float: none;
}

.sf-menu > li {
	flex: 1;
	text-align: center;
	float: none;
}

.sf-menu ul {
	text-align: left;
	left: 50%;
	transform: translateX(-50%);
}

/*
	Vertically aligns the main navigation image with its paired text and puts some space between the image and text.
	This could be replaced later by the generic imageAndText class.
 */
.menu img {
	vertical-align: middle;
	padding-right: 3px;
}

/* Space out the primary items */
.menuitem {
	padding: 1em 0;
}

/* Size the submenu items */
.menuitem ul li {
	padding: .6em 1em;
}

/* Round the bottom edge of the submenu, not the top */
.menuitem ul {
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.menuitem ul li {
	border-radius: 4px;
}

/* Admin menu has more items so they need to be tighter */
.menu-admin .menuitem {
	padding-left: 28px;
	padding-right: 28px
}

/* Non-selected submenu item hover - Similar across brands */
.menuitem ul li:hover {
	background-color: #d8d8d8;
}

/* Non-selected item links - Similar across brands */
.menu .menuitem a:link,
.menu .menuitem a:visited,
.menu .menuitem a:hover,
.menu .menuitem a:active {
	color: #ffffff;
	font-weight: 500;
}

/* selected item - Similar across brands */
.menuitem.menuitem-selected {
	background-color: #e5e5e5;
}

/* selected item submenu - Similar across brands */
.menuitem.menuitem-selected ul {
	background-color: #e5e5e5;
}

/* selected item submenu items */
.menuitem.menuitem-selected ul li:hover {
	background-color: #fafafa;
}

/* selected item links - Similar across brands */
.menu .menuitem.menuitem-selected a:link,
.menu .menuitem.menuitem-selected a:visited,
.menu .menuitem.menuitem-selected a:hover,
.menu .menuitem.menuitem-selected a:active {
	color: #377bb3;
}

.loginPanel input[name="password"] {
	background-image: none !important;
	cursor: auto !important;
}

/* @HACK: Stop the last pass icons from being shown when they detect the background-image setting on our password field above! */
#__lpform_password,
#__lpform_password_numspan {
	display: none !important;
}

/*
	menuLogin indicates a main nav bar with the login link.
	used for unauthenticated pages that need to take the user to the login page (e.g. error pages).
*/
.menu.menuLogin {
	height: 22px;
	line-height: 22px;
	padding: 4px 10px;
	background-color: #F9F9F9;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #e0e1db;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #e0e1db;
	vertical-align: middle;
	text-align: right;
}

/* Assists in vertically aligning the login image with its text */
.menu.menuLogin img {
	margin-top: -4px;
	vertical-align: middle;
}

.menu_item_signup {
	padding-right: 151px;
	margin-right: 0px;
}

.dropdown {
	position: relative;
}

.dropdown > ul {
	min-width: 112px;
	display: none;
	position: absolute;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	max-width: calc(100vw - 32px);
	max-height: calc(100vh - 32px);
	margin: 0;
	padding: 0;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	opacity: 0;
	overflow: auto;
	will-change: transform,opacity;
	z-index: 1002;
	-webkit-transition: opacity .03s linear,-webkit-transform .12s cubic-bezier(0,0,.2,1);
	transition: opacity .03s linear,-webkit-transform .12s cubic-bezier(0,0,.2,1);
	-o-transition: opacity .03s linear,transform .12s cubic-bezier(0,0,.2,1);
	transition: opacity .03s linear,transform .12s cubic-bezier(0,0,.2,1);
	transition: opacity .03s linear,transform .12s cubic-bezier(0,0,.2,1),-webkit-transform .12s cubic-bezier(0,0,.2,1);
	-webkit-box-shadow: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12);
	box-shadow: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12);
	background-color: #fff;
	color: #000;
	border-radius: 4px;
	transform-origin-left: top left;
	transform-origin-right: top right;
	font-family: Roboto,sans-serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-size: 1rem;
	line-height: 1.75rem;
	font-weight: 400;
	letter-spacing: .009375em;
	text-decoration: inherit;
	text-transform: inherit;
	line-height: 1.5rem;
	margin: 0;
	padding: 8px 0;
	list-style-type: none;
	color: rgba(0,0,0,.87);
}

.dropdown:hover ul {
	display: inline-block;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.dropdown > ul > li {
		display: -ms-flexbox;
		display: flex;
		position: relative;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: start;
		justify-content: flex-start;
		height: 48px;
		padding: 0 16px;
		overflow: hidden;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		white-space: nowrap;
}

.dropdown > ul > li:not([disabled]) {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
  will-change: transform,opacity;
}

.dropdown > ul > li:not([disabled]):before,
.dropdown > ul > li:not([disabled]):after {
		position: absolute;
	border-radius: 50%;
	opacity: 0;
	pointer-events: none;
	content: "";
		-webkit-transition: opacity 15ms linear,background-color 15ms linear;
	-o-transition: opacity 15ms linear,background-color 15ms linear;
	transition: opacity 15ms linear,background-color 15ms linear;
	z-index: 1;
		top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
		background-color: #000;
}
.dropdown > ul > li:not([disabled]):hover:before {
	opacity: .04;
}

.dropdown > ul > li[disabled] {
	color: rgba(0,0,0,.38);
	cursor: auto;
}

/* @HACK: Until we remove the use of a tags for dropdown menus, or convert to MDCMenus */
.dropdown > ul > li > a {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	color: rgba(0,0,0,.87);
}

.ui-widget .ui-dialog-content .dropdown > ul > li > a span,
.dropdown > ul > li > a span {
	margin-right: 8px;
}
.ui-widget .ui-dialog-content .dropdown > ul > li > a,
.ui-widget .ui-dialog-content .dropdown > ul > li > a span:hover,
.dropdown > ul > li > a,
.dropdown > ul > li > a span:hover{
	text-decoration: none;
	color: rgba(0,0,0,.87);
}

/*
=================================================
  Icons and Links

	The following section handles proper alignment, spacing, and underlining of image and text pairings
	(e.g. [a][img][span]text[/span][/a]).

	Normally, when hovering over a link that wraps both an image and text,
	the image would end up getting underlined along with the text.  These styles are part of a solution (the
	rest is handled in the jquery utils) that underlines only the text when either the text or image is hovered over.

=================================================
*/

.iconLinkBlock {
	white-space: nowrap;
	float: left;
	margin-right: 5px;
}

.iconLinkBlockContent {
	float: left;
	margin-right: 5px;
}

.iconLinkBlockHeaderContent {
	font-size: 15px;
	color: #CC0000;
	float: left;
	margin-right: 5px;
}

a.imageAndText:link,
a.imageAndText:visited,
a.imageAndText:hover,
a.imageAndText:active {
	text-decoration: none;
}

a.imageAndText img:hover + span,
a.imageAndText span:hover,
.menu a img:hover + span,
.menu a span:hover,
.imageAndTextHover {
	text-decoration: underline;
}

.imageAndText {
	line-height: 24px;
	align-items: center;
}

.loading span {
	padding-left: 8px;
}

.user_prompts span {
	vertical-align: middle;
}

.error_prompt span {
	display: inline-block;
}
	
.user_prompts .imageAndText div {
	white-space: normal;
}

.userSearchDescription {
	display: block;
}

.userSearchDescription span {
	margin-top: 5px;
	min-height: 32px;
}

.imageAndText i.material-icons {
	vertical-align: middle;
}

.imageAndText img {
	vertical-align: middle;
	padding-right: 5px;
}

.imageAndText.multiline img {
	vertical-align: top;
}

.imageAndText.multiline .text {
	display: inline-block;
	vertical-align: middle;
}

.imageAndText.multilines {
	position: relative;
	white-space: normal;
}

.imageAndText.multilines img {
	position: absolute;
}

.imageAndText.multilines .text {
	display: inline-block;
	margin-left: 1em;
}

.iconLinkBlock img {
	vertical-align: middle;
	padding-right: 5px;
}

.smallest_icon {
	width: 16px;
	height: 16px;
}

.small_icon {
	width: 22px;
	height: 22px;
}

.medium_icon {
	width: 26px;
	height: 26px;
}

.large_icon {
	width: 32px;
	height: 32px;
}

.larger_icon {
	width: 34px;
	height: 34px;
}

.largerer_icon {
	width: 40px;
	height: 40px;
}

.largest_icon {
	width: 48px;
	height: 48px;
}

.giant_icon {
	width: 64px;
	height: 64px;
}

.thumbnail-container a:focus {
	border: 0;
	outline: 0;
}

.thumbnail {
	background-size: cover;
	background-repeat: no-repeat;
	background-position-x: 50%;
	outline: 1px solid #d9d9d9;
}

.thumbnail_row {
 height:70px;
}

a[href] .thumbnail {
	cursor: -moz-zoom-in;
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
}

.thumbnail-small {
	width: 56px;
	height: 56px;
}

.thumbnail-medium {
	width: 100px;
	height: 100px;
}

.thumbnail-large {
	width: 168px;
	height: 168px;
}

.thumbnail-larger {
	width: 220px;
	height: 220px;
}

.chevron {
  cursor: pointer;
}


/*
=================================================
  Member List
  (used by other pages as well)
=================================================
*/

.data-row {
	border-bottom: 1px solid grey;
}

.member_list_header_vertical {
	font-family: Roboto,sans-serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
	font-weight: 500;
	padding: 2px 2px 4px 2px;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #000000;
	border-left: 0;
	vertical-align: text-bottom;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
}

.member_list_header_bottom {
	font-family: Roboto,sans-serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
	font-weight: 500;
	padding: 4px 4px 4px 4px;
	border-top: 1px solid #000000;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
}

.member_list_menu_bar {
	font-weight: 500;
}

/*
=================================================
  Panel widgets
=================================================
*/

.panel {
	background-color: #FFF;
	text-align: left;
	width: 100%;
	margin: 0 auto;
	/* Triggers hasLayout for IE7 */
	min-height: 0;
	border-radius: 4px;
	-webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0,0,0,.12);
	box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0,0,0,.12);
}

.halfPanel {
	text-align: left;
	width: 50%;
	margin: 0;
	/* Triggers hasLayout for IE7 */
	min-height: 0;
}

.panel .panel {
	width: 100%;
}

.panelContent .panelActions {
	position: relative;
	/* Compensate for panelContent padding-top */
	top: -25px;
	margin-bottom: -25px;
	display: flex;
	justify-content: flex-end;
	min-height: 25px;
}

.panelContent .panelActions button:not(.MuiButtonBase-root) {
	/* 12px base font x 120% body line height, overrides the panelAction 32px line height */
	line-height: 14.4px;
}

.panelContent .panelBottomActions,
.panelContent .panelBottomButtons,
.panelContent .panelBottomIcons {
	display: flex;
	flex-direction: row;
	align-items: center;
	box-sizing: border-box;
}

.panelContent .panelBottomActions {
	min-height: 48px;
}

.panelContent .panelBottomIcons {
	color: rgba(0,0,0,.6);
	flex-grow: 1;
	justify-content: flex-end;
}

.panelContent .panelBottomButtons + .panelContent .panelBottomIcons {
	margin-left: 16px;
	margin-right: 0;
}

.pastIssuesContainer .panelContent .panelActions,
.campaignForm .panelContent .panelActions {
	position: static;
	justify-content: flex-start;
	top: 0;
	margin-bottom: 0;
	margin-top: 8px;
}

h2 img {
	padding-right: 4px;
	vertical-align: middle;
}

.panel .panelContent {
	border-top: 0;
	min-height: 0;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	padding: 0 1rem 1rem;
}

.panelContentRoundedLegend {
	padding-top: 5px;
	padding-left: 6px;
	padding-right: 5px;
	padding-bottom: 5px;
	border-top: 0;
	/*
	border-right: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	border-left: 1px solid #d4d4d4;
	min-height: 0;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	*/
}

.panelSpecialAction {
	text-align: right;
}

.panelSpecialAction img {
	vertical-align: middle;
}

/* Rounded Bottom for panels and formtable */
.formtable {
	background-color: #f9f9f9;
	color: #333333;
	border-left: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
}

.formtable {
	background-color: #f9f9f9;
	color: #333333;
	border: 1px solid #d4d4d4;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.formtable th {
	text-align: left;
	padding: 0px;
	border-top: 1px solid #FFFFFF;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
}

.legend {
	background-color: #f9f9f9;
	color: #333333;
	border: 1px solid #d4d4d4;
	/* Triggers hasLayout for IE7 */
	min-height: 0;
}

.legend .legendHeading {
	background-color: #E5E5E5;
	font-weight: 500;
	padding: 2px;
}

.legendItem {
	float: left;
	width: 48%;
	padding: .2em 0;
}

.legendInline .legendItem {
	width: auto;
	padding: .4em;
}

.legendItem img, .legendIcon {
	vertical-align: middle;
	padding-right: .5em;
}

.expandableSection {
	border: 1px solid #d4d4d4;
	border-radius: 4px;
}

.expandableSection .expandableSection-heading {
	cursor: pointer;
	background-color: #e5e5e5;
	border-radius: 4px;
	padding: .5em .5em .5em .8em;
	font-weight: 500;
	line-height: 1.9em;
	display: flex;
	align-items: center;
}
.expandableSection .expandableSection-heading .pull-left {
	float: none;
	flex: 1;
}

.expandableSection.expandableSection-disabled .expandableSection-heading {
	cursor: default;
}

.expandableSection.expanded .expandableSection-heading {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom: 1px solid #d4d4d4;
}

.expandableSection .expandableSection-heading .collapseButton {
	display: none;
}

.expandableSection.expanded .expandableSection-heading .collapseButton {
	display: inline;
}

.expandableSection.expanded .expandableSection-heading .expandButton {
	display: none;
}

.expandableSection .expandableSection-content {
	padding: .8em;
}


/*
=================================================
  Prompts and Message Blocks
=================================================
*/

.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

.rounded_table {
	padding: 8px;
	border-bottom: 1px solid #d4d4d4;
	font-weight: 500;
	font-size: 16px;
}

.changelog .rounded_table {
	font-size: 14px;
}

.rounded_table2 {
	font-family: Roboto,sans-serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	
	font-size: 14px;
	background-color: #E5E5E5;
	margin: 0 auto;
	padding: 5px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.rounded_table3 {
	font-family: Roboto,sans-serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
	margin: 0 auto;
	padding: 5px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.rounded_wrapper {
	width: 99%;
	margin: 0 auto;
	padding: 4px;
}

.public_noscript_message_block {
	border: 1px solid #d4d4d4;
	background-color: #F7F7F7;
	color: #333333;
}

.user_prompts, .rounded_formtable {
	padding: 4px;
	text-align: left;
	min-height: 24px;
}

.user_prompts_info_saved {
	background-color: #c8e2d5;
	font-weight: 500;
}

.user_prompts_error {
	background-color: #eac8c8;
	font-weight: 500;
}

.rounded_top {
	padding: 4px;
	font-weight: 500;
	background: #E5E5E5;
	border-left: 1px solid #D4D4D4;
	border-top: 1px solid #D4D4D4;
	border-right: 1px solid #D4D4D4;
	border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
}

.rounded_top a,
.rounded_table a {
	font-size: 14px;
	margin-right: .25rem;
}
.rounded_top a:first-of-type,
.rounded_table a:first-of-type {
	margin-right: 0;
}

.rounded_top_left, .rounded_top_right, .rounded_top_middle {
	font-weight: 500;
	line-height: 1.8em;
	background: #F2F2F2;
	border-bottom: 1px solid #d4d4d4;
	color: #777777;
	margin-top: 1em;
	margin-bottom: .8125em;
}

/* combined .rounded_top_left2, .rounded_top_right2, .rounded_top_middle2   these replace .rounded_top2 */
.rounded_top_left2 {
	padding: 4px;
	font-weight: 500;
	height: 24px;
	background: #E5E5E5;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #D4D4D4;
	border-left: 1px solid #D4D4D4;
	border-right: 0px;
	border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
}

.rounded_top_right2 {
	padding: 4px;
	font-weight: 500;
	height: 24px;
	border-bottom: 1px solid #000000;
	background: #E5E5E5;
	border-top: 1px solid #D4D4D4;
	border-right: 1px solid #D4D4D4;
	border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	padding: 4px;
}

.rounded_top_middle2 {
	border-bottom: 1px solid #000000;
	padding: 4px;
	font-weight: 500;
	height: 24px;
	background: #E5E5E5;
	border-top: 1px solid #D4D4D4;
}

table td.rounded_table_cell_left2 {
	padding: 4px;
	padding-left: 4px;
}

.rounded_table_cell_left2 {
	padding: 4px;
	padding-left: 8px;
	font-weight: 500;
	color: #FFFFFF;
	height: 24px;
	background: #738999;
	border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
}

table td.rounded_table_cell_right {
	padding: 4px;
	padding-right: 6px;
}

.rounded_table_cell_right {
	padding: 4px;
	padding-right: 6px;
	height: 24px;
	background: #E5E5E5;
	border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
}

table td.rounded_table_cell_center {
	padding: 4px;
}

.rounded_table_cell_center {
	padding: 4px;
	height: 24px;
	background: #E5E5E5;
}

table td.rounded_table_cell_left {
	padding: 4px;
	padding-left: 6px;
}

.rounded_table_cell_left {
	padding: 4px;
	padding-left: 6px;
	height: 24px;
	background: #E5E5E5;
	border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
}

.table-heading {
	line-height: 1.8em;
	font-weight: 500;
	background: #F2F2F2;
	border-bottom: 1px solid #d4d4d4;
	color: #777777;
	margin-top: 1em;
	margin-bottom: .8125em;
}

tr.table-heading {
	margin: 0;
	border-bottom: none;
}

tr.table-heading > th,
tr.table-heading > td {
	border-bottom: 1px solid #d4d4d4;
}

.report_generating {
	border: 1px solid #d4d4d4;
	background-color: #F7F7F7;
	color: #333333;
	padding: 0px;
	margin: 4px 0px;
}

.user_prompts_sign_up {
	border: 1px solid #d4d4d4;
	background-color: #F7F7F7;
	color: #4285f4;
	padding: 0px;
	margin: 4px 0px;
}

.sign_up_row {
	color: #f47423;
	font-size: 16px;
}

.infoMessage {
	margin: 5px;
}

.alertMessage {
	border: 1px solid #DD010B;
}

.infoMessage .messageIcon {
	vertical-align: middle;
	padding-right: .5em;
}

.user_prompts.infoMessage {
	padding: 5px;
}
.alert {
	display: flex;
	align-items: flex-start;
}

.alert {
	margin-bottom: 0.75em;
}

.alert > img,
.alert.alertWithLink > a > img {
	display: block;
	float: left;
	margin-right: 6px;
	margin-left: 2px;
}

.alert > div,
.alert.alertWithLink > a > div {
	overflow-x: hidden;
	line-height: 24px;
	padding-left: 1em;
}


/*
=================================================
  General
=================================================
*/

.togglerIcon {
	vertical-align: middle;
	/* spacing between image and text */
	padding-right: 0px;
}

.togglerIcon.hide {
	height: 26px;
	position: relative;
	top: -1px;
}

.togglerImageAndText img {
	vertical-align: middle;
	padding-right: 0px;
}

.togglerIcon.show {
	height: 26px;
	position: relative;
	top: -1px;
}

.togglerText {
	font-style: italic;
	font-weight: normal;
	color: #CC0000;
	margin-left: -7px;
	padding-right: 5px;
	text-decoration: none;
}

.all_categories {
	font-style: italic;
	font-weight: 500;
}

.inputlabel {
	font-size: .875rem;
	line-height: 1.25rem;
	font-weight: 400;
	letter-spacing: .0178571429em;
	text-decoration: inherit;
	text-transform: inherit;
}

.button {
	font-size: 14px;
	background-color: #FFFFFF;
	border: 1pt solid #333333;
	color: #000000;
}

.boldlabel {
	font-size: 14px;
	font-weight: 500;
}

.viewmembers {
	font-size: 14px;
	font-weight: 500;
	color: #000000;
}

.listtable {
	padding: 0px;
	border: 1px solid #FFFFFF;
}

.sub_item {
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

.actionIcon {
	padding: 1px;
}

.actionIconGroup {
	padding-right: 10px;
}

#htmlContentFrame {
	width: 100%;
	min-height: 400px;
	margin-bottom: .8125em;
	background-color: white;
}

.errorContainer {
	margin-bottom: .8125em;
}

.errorContainer ul {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: .5em;
	padding-bottom: .5em;
}

/* Clears floats on both sides across the entire width and doesn't take up space */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before, .clearfix:after {
	/* 1 */
	content: " ";
	/* 2 */
	display: table;
}

.clearfix:after {
	clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
	*zoom: 1;
}

.full-width {
	width: 100%;
}

.center {
	margin-left: auto;
	margin-right: auto;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

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

.capitalized {
	text-transform: capitalize;
}

.table {
	display: table;
}

.inline-block {
	display: inline-block;
}

.logoContainer {
	margin: 1em auto;
}

.userLogo {
	max-width: 100%;
	max-height: 380px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.appLogo {
	max-width: 300px;
	max-height: 132px;
}


/*
=================================================
  Input
=================================================
*/

.emojionearea[role=application],
.emojionearea.emojionearea-inline[role=application] {
	box-shadow: none;
	height: auto;
	min-height: 56px;
	overflow: visible;
	font-size: inherit;
}

.mo .emojionearea[role=application],
.mo .emojionearea.emojionearea-inline[role=application] {
	padding: 4px 6px;
	min-height: 30px;
}

.emojionearea[role=application] > .emojionearea-editor,
.emojionearea.emojionearea-inline[role=application] > .emojionearea-editor {
	color: inherit;
	width: 100%;
	line-height: 30px;
	max-height: none;
}

.emojionearea[role=application] > .emojionearea-button,
.emojionearea.emojionearea-inline[role=application] > .emojionearea-button {
	bottom: 2px;
	z-index: 3;
}

.emojionearea.focused[role=application],
.emojionearea.emojionearea-inline.focused[role=application] {
	border-color: #DDD;
	box-shadow: none;
	outline: none;
}

input[type=text].datePicker:not(.mdc-text-field__input) {
	width: 156px;
	min-width: 156px;
}

input[type=file] {
	border: 0px;
}

input[type=submit], input[type=reset], input[type=button] {
	background-color: #4285f4;
}

.mainLayoutWrapper input[type=image]:focus,
.publicContainer input[type=image]:focus {
	outline: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
	margin-right: 0px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	margin-bottom: 4px;
	margin-top: 6px;
}

.select2-container--default .select2-selection--multiple .select2-search__field {
	line-height: 18px;
	width: auto !important;
}

.select2-container--default {
	min-width: 165px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 4px;
  line-height: 25px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {
  border: 1px solid #DDD;
  border-radius: 5px;
  min-width: 165px;
  outline: none;
}


/*
=================================================
  Common Widgets
=================================================
*/

.iSM {
	padding: 0;
	height: 24px;
	display: flex;
	align-items: center;
}

.iSM ul {
	border: 0;
	margin: 0 8px 0 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	display: inline-block;
	font-size: 0;
}

.iSM ul li {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	line-height: 24px;
	font-weight: 500;
	padding: 0px 8px;
	margin: 0;
	width: 55px;
}

.form-value .iSM ul li {
	 padding: 4px;
}

.iSM.narrow ul li {
	width: 72px;
}

.iWeak, .iMedium, .iStrong {
	width: 55px;
	color: #adadad;
	text-align: center;
	padding: 2px;
	background-color: #F1F1F1;
	display: block;
}

.iWeak, .iMedium {
	border-right: solid 1px #DEDEDE;
}

.iMedium {
	width: 84px;
}

.iMedium, .iStrong {
	border-left-width: 0;
}

.iWeak {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.iStrong {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.placeholder {
	color: #aaaaaa;
}

[role="abIndicator"] {
	cursor: pointer;
}

.abIndicator,
.ab-winner-indicator {
	border-radius: 50%;
	display: inline-block;
	min-width: 24px;
	min-height: 24px;
	text-align: center;
	font-weight: 400;
	font-size: 12px;
	line-height: 24px;
	box-sizing: border-box;
}

.dropdown > ul > li > a span.abIndicator:hover,
.dropdown > ul > li > a span.ab-winner-indicator:hover {
	color: #FFF;
}

.abIndicator + .ab-winner-indicator {
	margin-top: 4px;
}

li .abIndicator + .ab-winner-indicator {
	margin-top: 0;
}
.showMore-container {
	margin-bottom: 0;
	margin-top: 1em;
	display: flex;
	align-items: center;
	justify-content: center;
}

.showMore-container.panel_rounded_legend {
	display: block;
}

.showMore-container.panel_rounded_legend.hidden {
	display: none;
}

.showMore-container .panelContentRoundedLegend {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}

.showMore-container .chevron {
	padding-left: 2em;
	padding-right: 2em;
	height: 40px;
	width: 40px;
}


/*
=================================================
  Template Library
=================================================
*/

.templateLibrary {

}

.templateLibrary .loadingMessage img {
	vertical-align: middle;
	padding-right: 5px;
}

.templateLibrary .templateLibraryAccesseeHeading {
	padding: 5px;
}

.templateLibrary .lastPanel {
	margin-bottom: 12px;
}

.templateLibraryBookmarks, .templateLibraryUserTemplates, .templateLibrarySystemTemplates {
	margin-top: 8px;
	margin-bottom: 16px;
}

.templateLibraryBookmarks .loadingMessage, .templateLibraryUserTemplates .loadingMessage, .templateLibraryBookmarksNone, .templateLibraryUserTemplatesNone, .templateLibrarySystemTemplatesNone {
	margin-top: 8px;
}

.templateLibraryBookmarksNone img, .templateLibraryUserTemplatesNone img, .templateLibrarySystemTemplatesNone img {
	vertical-align: middle;
}

.templateLibrary .systemTemplateCategoryQuickJumpContainer {
	margin: 8px 0;
}

.templateLibrarySendingDateFilterContainer {
	margin: 8px 0;
	width: 450px;
}

.templateLibrarySendingDateFilterContainer table {
	width: 100%;
}

.templateLibrary .systemTemplateCategory {
	padding-right: 0px;
	margin-top: 8px;
	margin-bottom: 8px;
}

.templateLibrary .systemTemplateCategoryHeading {
	cursor: pointer;
	font-weight: 500;
	padding: 4px 0;
	border-radius: 4px;
	background-color: #E5E5E5;
}

.templateLibrary .systemTemplateCategoryHeading button.expandButton:not(.MuiButtonBase-root) {
	float: right;
	margin: 5px;
	width: 8em;
}

.templateLibrary .systemTemplateCategory .loadingMessage {
	margin: 12px 0;
}

.templateLibrary .systemTemplateCategoryName {
	padding-left: 1em;
	padding-top: .7em;
}

.templateLibrary .cellGrid {
	margin-bottom: 16px;
	/* Triggers hasLayout */
	min-height: 0px;
}

.templateGridCell {
	float: left;
	margin: 16px 0 0px 8px;
	width: 170px;
}

.templateGridCell .templateSelectButtonContainer {
	padding: 3px;
	height: 34px;
}

.templateGridCell .templateActionSelect, .templateGridCell .templateActionAssign {
	padding: 3px;
	text-align: center;
	height: 34px;
}

.templateGridCell .templateActionSelect button:not(.MuiButtonBase-root), .templateGridCell .templateActionAssign button:not(.MuiButtonBase-root) {
	width: 150px;
}

.templateGridCell .templateContentContainer {
	border-radius: 4px;
	border: 1px solid #d4d4d4;
	background: white;
}

.templateGridCell .templateNameContainer {
	height: 45px;
	padding: 3px;
	background-color: #E5E5E5;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom: 1px solid #d4d4d4;
}

.templateGridCell .templateName {
	font-weight: 500;
	text-align: center;
	height: 45px;
	vertical-align: middle;
	line-height: 16px;
}

.templateGridCell .templateThumbnailContainer {
	width: 168px;
	height: 168px;
	text-align: center;
}

.templateGridCell .templateThumbnailContainer a img {
	border: 0;
	max-width: 168px;
	max-height: 168px;
}

.templateGridCell .loadingThumbnail {
	width: 168px;
	height: 168px;
	background: url(../images/icon-loop-white.gif) no-repeat center center;
}

.non_css3 .templateGridCell .loadingThumbnail {
	background: none;
}

.templateGridCell .noTemplateFileMessage, .templateGridCell .noThumbnailFileMessage, .templateGridCell .thumbnailErrorMessage {
	padding-top: 30%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 60%;
}

.templateGridCell .noTemplateFileMessage, .templateGridCell .noThumbnailFileMessage {
	font-size: 1.5em;
	font-weight: 500;
	line-height: 1.5em;
}

.templateGridCell .templateType {
	font-weight: 500;
	text-align: center;
	padding: 5px;
	padding-top: 0;
}

.templateGridCell .templateSendingDateRestriction {
	height: 43px;
}

.templateGridCell .templateSendingDateRestriction table {
	font-weight: 500;
	padding: 5px;
	padding-top: 0;
}

.templateGridCell.systemTemplate .templateType {
	display: none;
}

.templateGridCell .templateActionContainer {
	margin: 0 auto;
	padding: 8px 0;
}

.templateGridCell .templateActionContainer.actions0 {
	display: none;
}

.templateGridCell .templateActionContainer.actions1 {
	height: 25px;
}

.templateGridCell .templateActionContainer.actions2 {
	height: 50px;
}

.templateGridCell .templateActionContainer.actions3 {
	height: 75px;
}

.templateGridCell .templateActionContainer.actions4 {
	height: 100px;
}

.templateGridCell .templateActionContainer.actions5 {
	height: 125px;
}

.templateGridCell .templateAction {
	margin-top: 3px;
	height: 22px;
}

.templateGridCell .templateAction img {
	vertical-align: middle;
	padding-right: 5px;
}

.templateGridCell .bookmarkRemove label {
	position: relative;
	top: 3px;
}

.templateLibrary .templateLibraryBookmarks .templateGridCell .icon_templateActionBookmarkRemove {
	margin-right: 5px;
	display: block;
	float: left;
	height: 22px;
	width: 22px;
}

.templateLibrary .templateLibrarySystemTemplates .templateGridCell .icon_templateActionBookmarkRemove {
	margin-right: 5px;
	display: block;
	float: left;
	height: 22px;
	width: 22px;
}


/*
=================================================
  User List
=================================================
*/
.userList input::-ms-clear {
	display: none;
}

.userList .userCountContainer,
.userList .userCountContainer .showAllResultsContainer {
	display: flex;
	align-items: center;
	justify-content: center;
}

.userList .userCountContainer .showAllResultsContainer,
.userList .userCountContainer .showAllResultsContainer a {
	margin: 0 1em;
}

.userList .clearUserListFiltersContainer {
	text-align: center;
}

.userList .userGridContainer {
	margin-top: 1em;
}

.userList .userGrid {
	width: 100%;
}

.userList .userGrid td {
	padding: 3px 5px;
	white-space: nowrap;
	height: 35px;
}

.userList .userGrid .userRow {
	cursor: pointer;
}

.userList .userGrid .businessName {
	white-space: normal;
}

.userList .userGrid .userRow:hover {
	background-color: #f5f5f5;
}

.userActions-subUsers,
.userActions-active,
.userActions-settings,
.userActions-configure,
.userActions-campaigns,
.userActions-login,
.userActions-delete {
	width: 40px;
}

.userActions-settings {
	cursor: pointer;
}

.userList .userGrid .userRow.hasSubUsers .noSubUsers,
.userList .userGrid .userRow.hasSubUsers .subUsersNotAllowed,
.userList .userGrid .userRow.noSubUsers .hasSubUsers,
.userList .userGrid .userRow.noSubUsers .subUsersNotAllowed,
.userList .userGrid .userRow.subUsersNotAllowed .hasSubUsers,
.userList .userGrid .userRow.subUsersNotAllowed .noSubUsers,
.userList .userGrid .userRow.activeUser .deactivatedUser,
.userList .userGrid .userRow.deactivatedUser .activeUser,
.userList .userGrid .userRow.archived .userActions-campaigns a,
.userList .userGrid .userRow.archived .userActions-login a,
.userList .userGrid .userRow.archived .hasSubUsers,
.userList .userGrid .userRow.archived .noSubUsers,
.userList .userGrid .userRow.archived .userActions-active span {
	display: none;
}

.userList .userGrid .userActions-subUsers,
.userList .userGrid .userActions-campaigns,
.userList .userGrid .userActions-configure,
.userList .userGrid .userActions-login,
.userList .userGrid .userActions-delete,
.userList .userGrid .userActions-active,
.userList .userGrid .userActions-settings {
	text-align: center;
}

.userList .userGrid .userDetails {
	margin: .5em 0 2em 0;
}

.userList .userGrid .userDetailsTableContainer.hasParent-false .parentName {
	display: none;
}

.userList .userGrid .userDetailsTableContainer.automatedBillingSystemEnabled-false .signupType {
	display: none;
}

.userList .userGrid .userDetailsTableContainer.automatedBillingSystemEnabled-false .billingId {
	display: none;
}

.userList .userGrid .userDetailsTableContainer.hasDomains-false .domain {
	display: none;
}

.userList .userGrid .userDetailsTableContainer.supportLevelEnabled-false .supportLevel {
	display: none;
}

.userList .userGrid .userDetailsTableContainer.abuseMonitoringEnabled-false .deactivationReason,
.userList .userGrid .userDetailsTableContainer.active-true .deactivationReason {
	display: none;
}

.userList .userGrid .userDetailsTableContainer.billingType-manual .billingId .online,
.userList .userGrid .userDetailsTableContainer.billingType-online .billingId .manual {
	display: none;
}

.userList .userGrid .userDetails .userLoginContainer {
	margin: .5em 1em;
}

.userList .userGrid .detailsRow img {
	height: 1em;
}

.userList .userGrid .detailsRow td {
}

.userList .userGrid .detailsRow.archived .userLoginContainer {
	display: none;
}

.userList .userGrid .detailsRow .detailsLabel {
	min-width: 120px;
	font-weight: 500;
}

.userList .userGrid .userDetailsTableContainer table {
	border-spacing: 3px;
}

.userList .userGrid .userDetailsTablePrimary .detailsValue {
	min-width: 300px;
}

.userList .userGrid .userDetailsTableSecondary .detailsValue {
	min-width: 100px;
	position: relative;
}

.userList .userDetailsTableSecondary .supportLevel .detailsValue .mdc-circular-progress,
.userList .userDetailsTablePrimary .qualityScore .detailsValue .mdc-circular-progress {
	left: 0;
	transform: translateZ(0);
	height: 16px;
	width: 16px;
}


/*
=================================================
  Category List
=================================================
*/

.categoryListItemPlaceholder {
	border: 1px solid #D4D4D4;
	background-color: #F2F2F2;
	height: 24px;
}


/*
=================================================
  Campaign List
=================================================
*/
.campaignList {
}


/*
=================================================
  Stick footer to bottom of page
=================================================
*/

html, body {
	margin: 0;
	padding: 0;
}

html.embedded {
	overflow: auto;
}

html.embedded, html.embedded body {
	box-sizing: border-box;
}

html.embedded body {
	font-family: Roboto,sans-serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

html.embedded body > .panel {
	margin-top: 1em;
	margin-bottom: .8125em;
}

.mainLayoutWrapper {
	/* needed for footer positioning */
	position: relative;
	min-height: 100%;
	width: 100%;
}

.footer_bar {
	width: 100%;
	position: fixed;
	/* stick to bottom */
	bottom: 0;
	left: 0;
	/* Fixes some elements sliding over */
	z-index: 64000;
}

.sortHeading i,
.sortFieldContainer i,
.sortingArrow {
	vertical-align: middle;
	font-size: 16px;
	line-height: 17px;
}
/*
=================================================
  Special Layouts
=================================================
*/

.report_revenue_by_source #mainLayoutContent,
.report_abuse #mainLayoutContent,
.report_mta_sending_stats #mainLayoutContent {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.report_revenue_by_source #mainBody,
.report_abuse #mainBody,
.report_mta_sending_stats #mainBody,
.reports_page #mainBody {
	max-width: 100%;
}


/*
=================================================
  For Print Media
=================================================
*/

@media print {
	.header_wrapper, #header.header, .footer_bar, .menu, #menu-sticky-wrapper {
		display: none;
	}
}


/*
=================================================
  Possible Branding

  These definitions are so far the same across all branded stylesheets, but are possibilities for branding.
=================================================
*/

#mainBody .panel_rounded_legend > h2, #mainBody .panel_rounded_legend > .panel-heading {
	background-color: #e5e5e5;
	color: #000000;
	padding: 8px 0 8px 8px;
	vertical-align: middle;
	border-radius: 4px;
}

.member_list_menu_bar {
	background-color: #efefef;
}

.templateGridCell .templateNameContainer, .templateCard .templateNameContainer {
	background-color: #efefef;
}


/*
=================================================
  User Report - for user suggestions
=================================================
*/


/* Base styles */
/* Match z-index to .aboveStickyMenus */
.usrp-fb-1 {
  position: fixed;
  top: 50px;
  right: 0;
  z-index: 100000;
  max-width: 50px;
  overflow: hidden;
  cursor: pointer;
  font-size: 14px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Icon background */
.usrp-fb-1 i {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
}

/* Transitions */
.usrp-fb-1 i,
.usrp-fb-1 .usrp-fb-title {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

/* Icon */
.usrp-fb-1 svg {
  width: 100%;
  height: 100%;
}

.usrp-fb-1 svg .fill {
  fill: #ffffff;
}

/* Text */
.usrp-fb-1 .usrp-fb-title {
  display: block;
  height: 50px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  color: rgba(255, 255, 255, 0);
  line-height: 50px;
  padding: 0 15px 0 65px;
  white-space: nowrap;
  background: #FF7421;
}

/* Hover / Slide in */
.usrp-fb-1:hover,
.usrp-fb-1.slide-in {
  max-width: 200px;
}

.usrp-fb-1:hover i,
.usrp-fb-1.slide-in i {
  background: rgba(0, 0, 0, 0.2);
}

.usrp-fb-1:hover .usrp-fb-title,
.usrp-fb-1.slide-in .usrp-fb-title {
  color: #ffffff;
}

/* Mosaico export frame */
#exportframe, #variation-0_exportframe, #variation-1_exportframe {display: none;}

.mosaicoNoticeTitlebar, .mosaicoNotice, .mosaicoNotice label {
  font-size: 14px;
}
.mosaicoNotice div {
  padding: 12px 12px 12px 0;
  text-align: center;
}
.mosaicoNotice div .templateCard {
  width: auto;
  margin: 0;
}
.mosaicoNotice div .templateCard .templateEditorType {
  position: relative;
  width: auto;
  height: auto;
  font-size: inherit;
  border-radius: 6px;
  padding: 3px;
}
.mosaicoNotice img {
  margin-bottom: 12px;
}
.mosaicoNoticeRemember {
  display: block;
}

.backgrid-paginator ul>li>a:not(.ui-tabs-anchor):not([disabled]):hover, .backgrid-paginator ul>.active>a:not(.ui-tabs-anchor):not([disabled]), .backgrid-paginator ul>.active>span {
  background-color: #DDDDDD;
}
.backgrid-paginator ul>li>a:not(.ui-tabs-anchor):not([disabled]):hover {
  text-decoration: none;
}

.highcharts-range-selector.hasDatepicker{
	border: 1px solid #cccccc !important;
	padding: -3px !important;
	box-sizing: border-box;
	min-height: 22px;
	border-radius: 0;
	min-width: 95px;
	line-height: 20px;
}

.header_bar.system_notification {
	position: relative;
	border: none;
	height: 3em;
	line-height: 3em;
	vertical-align: middle;
	text-align: center;
	font-weight: 500;
	z-index: 6;
}
.header_bar.system_notification .system_notification_close_button {
	display: flex;
	align-items: center;
	height: 100%;
	float: right;
	margin-right: 1em;
	cursor: pointer;
}

.header_bar.system_notification.informational {
	background: #4BB543;
	color: #FFF;
}
.header_bar.system_notification.warning {
	background: #F7CA18;
	color: #000;
}
.header_bar.system_notification.critical {
	background: #800000;
	color: #FFF;
}


@keyframes slideDown{
	0% {
		opacity: 0;
		transform: translate(0px,-25px);
	}
	100% {
		opacity: 1;
		transform: translate(0px,0px);
	}
}

@-moz-keyframes slideDown{
	0% {
		opacity: 0;
		-moz-transform: translate(0px,-25px);
	}
	100% {
		opacity: 1;
		-moz-transform: translate(0px,0px);
	}
}

@-webkit-keyframes slideDown {
	0% {
		opacity: 0;
		-webkit-transform: translate(0px,-25px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0px,0px);
	}
}

@-o-keyframes slideDown {
	0% {
		opacity: 0;
		-o-transform: translate(0px,-25px);
	}
	100% {
		opacity: 1;
		-o-transform: translate(0px,0px);
	}
}

@-ms-keyframes slideDown {
	0% {
		opacity: 0;
		-ms-transform: translate(0px,-25px);
	}
	100% {
		opacity: 1;
		-ms-transform: translate(0px,0px);
	}
}


@keyframes slideUp{
	0% {
		opacity: 1;
		transform: translate(0px,0px);
	}
	99% {
		opacity: 0;
		transform: translate(0px,-25px);
	}
	100% {
		min-height: 0;
		padding: 0;
		height: 0;
		margin: 0;
	}
}

@-moz-keyframes slideUp{
	0% {
		opacity:1;
		-moz-transform: translate(0px,0px);
	}
	99%, 100% {
		opacity:0;
		-moz-transform: translate(0px,-25px);
	}
	100% {
		min-height: 0;
		padding: 0;
		height: 0;
		margin: 0;
	}
}

@-webkit-keyframes slideUp {
	0% {
		opacity:1;
		-webkit-transform: translate(0px,0px);
	}
	99%, 100% {
		opacity:0;
		-webkit-transform: translate(0px,-25px);
	}
	100% {
		min-height: 0;
		padding: 0;
		height: 0;
		margin: 0;
	}
}

@-o-keyframes slideUp {
	0% {
		opacity:1;
		-o-transform: translate(0px,0px);
	}
	99%, 100% {
		opacity:0;
		-o-transform: translate(0px,-25px);
	}
	100% {
		min-height: 0;
		padding: 0;
		height: 0;
		margin: 0;
	}
}

@-ms-keyframes slideUp {
	0% {
		opacity:1;
		-ms-transform: translate(0px,0px);
	}
	99%, 100% {
		opacity:0;
		-ms-transform: translate(0px,-25px);
	}
	100% {
		min-height: 0;
		padding: 0;
		height: 0;
		margin: 0;
	}
}

.slideDown, .slideUp{
	animation-iteration-count: 1;
	transform-origin: 50% 50%;
	animation-fill-mode:forwards; /*when the spec is finished*/
	animation-timing-function: ease;
	animation-duration: 0s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 50% 50%;
	-webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/
	-webkit-animation-timing-function: ease;
	-webkit-animation-duration: 0s;
	-moz-animation-iteration-count: 1;
	-moz-transform-origin: 50% 50%;
	-moz-animation-fill-mode:forwards; /*FF 5+*/
	-moz-animation-timing-function: ease;
	-moz-animation-duration: 0s;
	-o-animation-iteration-count: 1;
	-o-transform-origin: 50% 50%;
	-o-animation-fill-mode:forwards; /*Not implemented yet*/
	-o-animation-timing-function: ease;
	-o-animation-duration: 0s;
	-ms-animation-iteration-count: 1;
	-ms-transform-origin: 50% 50%;
	-ms-animation-fill-mode:forwards; /*IE 10+*/
	-ms-animation-timing-function: ease;
	-ms-animation-duration: 0s;
}


.slideDown {
	animation-name: slideDown;
	-webkit-animation-name: slideDown;
	-moz-animation-name: slideDown;
	-o-animation-name: slideDown;
	-ms-animation-name: slideDown;
}

.slideUp {
	animation-name: slideUp;
	-webkit-animation-name: slideUp;
	-moz-animation-name: slideUp;
	-o-animation-name: slideUp;
	-ms-animation-name: slideUp;
}

.animated.slideDown, .animated.slideUp {
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	-ms-animation-duration: 1s;
}

#errorHeading {
	margin-top: 5px;
	font-weight: 500;
	font-size: 16px;
}

#errorContainer li label {
	font-size:16px;
}

.newTemplateLibrary .ui-widget.ui-widget-content {
	border: 0px; 
}

.newTemplateLibrary .panel {
	margin-top: 25px; 
}

.userSearchDescription span {
	display: inline-block;
}

.userLogoPanelContainer .user_prompts span {
	display: inline-block;
}

#downloadLink {
	display: inline-block;
}

/* Begin Needed Edits */

/* Table Styles */

.tablesorter thead tr,
.memberListTable thead tr {
	position: relative;
	height: 57px;
}

.tablesorter tbody tr,
.memberListTable tbody tr {
	position: relative;
	height: 49px;
	overflow: hidden;
}

.tablesorter thead th:after,
.tablesorter tbody td:after,
.memberListTable thead th:after,
.memberListTable tbody td:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	border-bottom: 1px solid rgba(0,0,0,0.12);
}

.tablesorter td,
.tablesorter th,
.memberListTable td,
.memberListTable th {
	position: relative;
	height: 48px;
	font-size: 16px;
	text-align: left;
	padding: 0 56px 0 0;
	transition: background-color 0.15s linear;
	box-sizing: border-box;
	vertical-align: middle;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.tablesorter td.numeric,
.tablesorter th.numeric,
.memberListTable td.numeric,
.memberListTable th.numeric {
	text-align: right;
}

.tablesorter th,
.memberListTable th {
	position: sticky;
	top: 0;
	height: 25px;
	z-index: 2;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: 0;
	font-size: 12px;
	color: rgba(0, 0, 0, 0.54);
	color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54));
	background-color: #fff !important;
}

.tablesorter th a,
.memberListTable th a {
	color: rgba(0, 0, 0, 0.54);
	color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54));
}

.tablesorter td:first-of-type,
.memberListTable td:first-of-type {
	position: sticky;
	left: 0;
	z-index: 1;
	background-color: #fff !important;
}

.tablesorter tr:hover tbody td:first-of-type,
.memberListTable tr:hover td:first-of-type {
	background-color: #eee !important;
}

.memberListTable td:first-of-type,
.memberListTable th:first-of-type {
	padding: 0 0 0 4px;
	width: 66px;
}
.memberListTable td:nth-child(2),
.memberListTable th:nth-child(2) {
	left: 44px;
}
.memberListTable tbody tr,
.tablesorter tbody tr {
	transition: background-color 0.15s linear;
}

.memberListTable tbody tr:hover,
.tablesorter tbody tr:hover,
.memberListDataRow:hover,
.rowHighlight,
.highlight-on-hover:hover {
	background-color: rgba(0, 0, 0, 0.07);
}

.tablesorter td:first-of-type,
.tablesorter th:first-of-type,
.sent-users-domain-table.tablesorter td:nth-child(2),
.sent-users-domain-table.tablesorter th:nth-child(2),
#sourceMediumTable.tablesorter td:nth-child(2),
#sourceMediumTable.tablesorter th:nth-child(2),
#dataTable.tablesorter td:nth-child(6),
#dataTable.tablesorter th:nth-child(6),
.userTable.tablesorter td:nth-child(5),
.userTable.tablesorter th:nth-child(5),
.memberListTable td:nth-child(2),
.memberListTable th:nth-child(2) {
	position: sticky;
	z-index: 1;
	padding-left: 12px;
	background-color: #fff !important;
}

.memberListTable td:nth-child(2),
.memberListTable th:nth-child(2) {
	padding-left: 4px;
}

.tablesorter th:first-of-type,
.memberListTable th:first-of-type {
	left: 0;
	z-index: 3;
}

.sent-users-domain-table.tablesorter th:nth-child(2),
#sourceMediumTable.tablesorter th:nth-child(2),
#dataTable.tablesorter th:nth-child(6),
.userTable.tablesorter th:nth-child(5),
.memberListTable th:nth-child(2) {
	z-index: 3;
}

.tablesorter tbody tr:hover td:first-of-type,
.sent-users-domain-table.tablesorter tbody tr:hover td:nth-child(2),
#sourceMediumTable.tablesorter tbody tr:hover td:nth-child(2),
#dataTable.tablesorter tbody tr:hover td:nth-child(6),
.userTable.tablesorter tbody tr:hover td:nth-child(5),
.memberListTable tr:hover td:nth-child(2) {
	background-color: #eee !important;
}

.tablesorter td:first-of-type:before,
.tablesorter th:first-of-type:before,
.sent-users-domain-table.tablesorter td:nth-child(2):before,
.sent-users-domain-table.tablesorter th:nth-child(2):before,
#sourceMediumTable.tablesorter td:nth-child(2):before,
#sourceMediumTable.tablesorter th:nth-child(2):before,
#dataTable.tablesorter td:nth-child(6):before,
#dataTable.tablesorter th:nth-child(6):before,
.userTable.tablesorter td:nth-child(5):before,
.userTable.tablesorter th:nth-child(5):before,
.memberListTable td:nth-child(2):before,
.memberListTable th:nth-child(2):before {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	border-right: 1px solid rgba(0,0,0,0.12);
}

.tablesorter td:nth-child(2),
.tablesorter th:nth-child(2),
.sent-users-domain-table.tablesorter td:nth-child(3),
.sent-users-domain-table.tablesorter th:nth-child(3),
#sourceMediumTable.tablesorter td:nth-child(3),
#sourceMediumTable.tablesorter th:nth-child(3),
#dataTable.tablesorter td:nth-child(7),
#dataTable.tablesorter th:nth-child(7),
.userTable.tablesorter td:nth-child(6),
.userTable.tablesorter th:nth-child(6),
.memberListTable td:nth-child(3),
.memberListTable th:nth-child(3) {
	padding-left: 16px;
}

#sourceMediumTable.tablesorter td:first-of-type:before,
#sourceMediumTable.tablesorter th:first-of-type:before,
#dataTable.tablesorter td:first-of-type:before,
#dataTable.tablesorter th:first-of-type:before,
.sent-users-domain-table.tablesorter td:first-of-type:before,
.sent-users-domain-table.tablesorter th:first-of-type:before,
.userTable.tablesorter td:first-of-type:before,
.userTable.tablesorter th:first-of-type:before {
	border-right: none;
}


#dataTable.tablesorter td:nth-child(2),
#dataTable.tablesorter th:nth-child(2),
#dataTable.tablesorter td:nth-child(3),
#dataTable.tablesorter th:nth-child(3),
#dataTable.tablesorter td:nth-child(4),
#dataTable.tablesorter th:nth-child(4),
#dataTable.tablesorter td:nth-child(5),
#dataTable.tablesorter th:nth-child(5),
.userTable.tablesorter td:nth-child(2),
.userTable.tablesorter th:nth-child(2),
.userTable.tablesorter td:nth-child(3),
.userTable.tablesorter th:nth-child(3),
.userTable.tablesorter td:nth-child(4),
.userTable.tablesorter th:nth-child(4) {
	position: sticky;
	z-index: 1;
	padding-left: 24px;
	background-color: #fff !important;
}

#dataTable.tablesorter tbody tr:hover td:nth-child(2),
#dataTable.tablesorter tbody tr:hover td:nth-child(3),
#dataTable.tablesorter tbody tr:hover td:nth-child(4),
#dataTable.tablesorter tbody tr:hover td:nth-child(5),
.userTable.tablesorter tbody tr:hover td:nth-child(2),
.userTable.tablesorter tbody tr:hover td:nth-child(3),
.userTable.tablesorter tbody tr:hover td:nth-child(4) {
	background-color: #eee !important;
}

.report_revenue_by_source .fd-scrollable,
.report_mta_sending_stats_container .fd-scrollable,
.report_abuse .fd-scrollable,
.report_user_signups .fd-scrollable {
	max-height: 300px;
	margin-bottom: 2em;
}

.dashboard .leftColumn,
.seamlessmemberform .leftColumn,
.generate_api_member_add .leftColumn {
	float: left;
}

.dashboard .rightColumn,
.seamlessmemberform .rightColumn,
.generate_api_member_add .rightColumn {
	float: right;
}

.dashboard .leftColumn, 
.dashboard .rightColumn,
.seamlessmemberform .leftColumn,
.seamlessmemberform .rightColumn,
.generate_api_member_add .leftColumn,
.generate_api_member_add .rightColumn {
	width: 49.5%;
	box-sizing: border-box;
}

.dashboard .leftColumn .panel, 
.dashboard .rightColumn .panel,
.seamlessmemberform .leftColumn .panel,
.seamlessmemberform .rightColumn .panel,
.generate_api_member_add .leftColumn .panel,
.generate_api_member_add .rightColumn .panel {
	margin-bottom: .8125em;
}

.importantStatsContainer {
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	height: 100%;
}

.importantStatContainer {
	display: flex;
	margin-bottom: .75em;
}

.importantStatDescription {padding-top: 4px;}

/* Disclaimer modal */
.ui-dialog .ui-dialog-content > pre {
	display: inline-block;
}

/*
=================================================
  Effects
=================================================
*/

.hidden {
	display: none;
}

.invisible {
	visibility: hidden;
}

.highlight {
	background-color: #FAFFA4;
}

/* Triggers hasLayout for IE7 */
.gainLayout {
	min-height: 0;
}

.highlighted-panel {
	-webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0,0,0,.12);
	box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0,0,0,.12);
	border-radius: 4px;
}

.desaturated {
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
	opacity: 0.5;
}

.mdc-switch + label {
	margin-left: 10px
}

.ui-widget-content[aria-describedby="featureNotificationsContent"] {
	background-color: whitesmoke;
}

#featureNotificationsContent {
	display: none;
	overflow-y: auto;
	background-color: whitesmoke;
}

#featureNotificationsContent > .panel:first-child .panelContent {
	display: flex;
	align-items: center;
	height: 40px;
	padding: 1rem;
}

#featureNotificationsContent .panelActions {
	line-height: 25px;
}

@media screen and (max-width: 1279px) {
	#mainBody,
	#mainBody.mainBody2,
	.menu-inner-container {
		max-width: 980px;
	}
}

@media screen and (max-width: 1123px) {
	.dashboard .leftColumn,
	.dashboard .rightColumn,
	.seamlessmemberform .leftColumn,
	.seamlessmemberform .rightColumn,
	.generate_api_member_add .leftColumn,
	.generate_api_member_add .rightColumn {
		width: 100%;
	}
}