/* ui-x-class-name {} */


/*body, html {
	height: 100%;
	overflow: hidden;
}*/

img { -ms-interpolation-mode: bicubic; }

/* fix added for scaling issues */

#ng-app {
	/*overflow-y: scroll;
	overflow-x: hidden;
	height: 100%;*/
	-webkit-overflow-scrolling: touch;
	/*position: relative;*/
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/*overflow-y: scroll;*/
	overflow-x: hidden;
}

/*#ng-app.noScroll {
	overflow: hidden;
	overflow-y: hidden;
}*/

/*#ng-app.noScroll.leftMenuOpen {
	margin-right: 0;
}*/

	ul, p {
	margin: 0;
	padding: 0;
}

ul { list-style-type: none; }

.ui-x-loading-icn {
	margin: 0 auto;
	position: absolute;
	left: 50%;
}

.ui-x-container-loading { height: 1px; }

.ui-x-explore-hidden,
.ui-x-explore-hidden * { visibility: hidden !important; }

.ui-x-clickable { cursor: pointer; }

.ui-x-not-editable label,
.ui-x-not-editable .ui-x-inputContainer { opacity: 0.5; }

.ui-x-container-loading .ui-x-loading-icn { margin-top: 85px; }


.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
	line-height: 0;
}

input::-ms-clear { display: none; }

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

.ui-x-modal-mask {
	background-color: rgba(0, 0, 0, 0.4);
	height: 100%; /* ios 5 safari */
	height: 100vh;
	position: fixed;
	width: 100%; /* ios 5 safari */
	width: 100vw;
	z-index: 11; /* PM - was 5 but changed due to new feed item indexing (12/12/14) */
	/*-webkit-transform: translateZ(1100px);*/
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.ui-x-modal-mask--on-top {
	z-index: 1000; /* just huge z-index to be above right menu */
	/*-webkit-transform: translateZ(100000px);*/
}

.ui-x-deletedMask {
	background-color: rgba(255, 255, 255, 0.95);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 5; /* PM - was 5 but changed due to new feed item indexing (12/12/14) */
	text-align: center;
	cursor: default;
}

.ui-x-deletedMask span {
	color: #999999;
	position: absolute;
	top: 42%;
	width: 50%;
	left: 25%;
	display: block;
	/*margin: 0 auto;
    margin-top: -21px;*/
	font-weight: 400;
	line-height: 1.6;
}

.ui-x-deletedMask span.ui-x-tile {
	margin: -30px auto auto;
	width: 75%;
	left: 15%;
	top: 50%;
	line-height: 1.4;
}

.ui-x-deletedMask span.ui-x-interest {
	margin: -30px auto auto;
	width: 50%;
	left: 27%;
	top: 58%;
	line-height: 1.4;
}

.ui-x-deletedMask span.ui-x-removed { top: 36%; }



.app-above__left-bar-holder {
	display: none;
}

@media (min-width: 601px) {
	/* @left-bar-visibility-min + 1 */
	.app-above__left-bar-holder { display: block; }
}

.ui-x-body-container { position: relative; }

.ui-x-noHeaderMargin { margin-top: 50px; }

.wi-app.ui-x-state-loading,
.wi-app.ui-x-state-loading * { cursor: wait !important; }

.ui-x-fixed {
	position: fixed;
	width: 100%;
	/*width:100vw;*/
		height: 100%;
		/*height:100vh;*/
	}

.ui-x-floatLeft { float: left; }

.ui-x-floatRight { float: right; }

.ui-x-wi-auth {
	min-height: 100vh;
	display: flex;
	align-items: center;
}

/* LOGIN PAGE / PASS FORGOT / REGISTRATION */

.ui-x-login-card {
	width: 320px;
	background-color: #ffffff;
	overflow: hidden;
	border: 1px solid #EAEAEA;
	border-width: 1px 1px 2px;
	border-radius: 2px;
	box-shadow: rgba(0, 0, 0, 0.498039) 0 1px 3px;
	position: relative;
	margin: 0 auto;
}






.ui-x-login-card.ui-x-login-card-hasInner {
	background: none;
	border: none;
	box-shadow: none;
}

.ui-x-login-card-inner {
	background-color: #ffffff;
	border: 1px solid #EAEAEA;
	border-width: 1px 1px 2px;
	border-radius: 2px;
	box-shadow: rgba(0, 0, 0, 0.498039) 0 1px 3px;
}

.ui-x-login-menu-links {
	margin-top: 10px;
	text-align: center;
	margin-bottom: 20px;
}

	.ui-x-login-menu-links ul {
		font-size: 0;
	}
		.ui-x-login-menu-links ul li {
			display: inline-block;
			color: #ffffff;
			padding-right: 5px;
			font-size: 13px;
			line-height: 20px;
		}

			.ui-x-login-menu-links ul li + li:before {
				content: " \2022 ";
				padding: 0;
				position: relative;
				font-weight: bold;
				top: 1px;
			}

	.ui-x-login-menu-links ul li em {
		position: relative;
		top: 2px;
	}

a.ui-x-login-menu-link {
	font-size: 13px;
	color: #ffffff;
}




.ui-x-login-card-header {
	background-color: #fcfcfc;
	border-bottom: 1px solid #f0f0f0;
	position: relative;
	padding: 15px 0;
}

.ui-x-login-card-header-text {
	padding: 0 48px 0 26px;
	color: #333;
	font-size: 18px;
	font-weight: 300;
}

.ui-x-login-card-image-container {
	height: 115px;
	width: 100%;
	border-bottom: 1px solid #f1f1f1;
}

.ui-x-login-card-close-icon {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 15px;
	top: 17px;
	cursor: pointer;
}

.ui-x-login-card-image {
	height: 115px;
	width: 100%;
}

.ui-x-login-card-content {
	margin: 30px 30px 0;
	position: relative;
}

.ui-x-login-card-loading.ui-x-login-card-info {
	height: 75px;
	left: 50%;
	position: absolute;
	text-align: center;
	top: 67px;
	width: 270px;
}

.ui-x-login-card-loading-inner {
	height: 75px;
	left: -50%;
	position: absolute;
	top: -50%;
	width: 270px;
}

.ui-x-login-card-info-abs .ui-x-login-buttons {
	position: absolute;
	bottom: 0px;
	width: 100%;
}

.ui-x-login-card-info-abs p { margin-bottom: 7%; }

.ui-x-login-card-loading.ui-x-login-card-info p { margin-bottom: 0; }

.ui-x-login-menu { }

.ui-x-login-menu .ui-x-login-menu-item {
	display: block;
	text-align: center;
	border-top: 1px solid #f1f1f1;
	color: rgb(93, 93, 93);
	text-decoration: none;
	padding: 9px 32px 10px;
	font-size: 14px;
	font-weight: 300;
	cursor: pointer;
}

.ui-x-login-menu .ui-x-login-menu-item:hover { color: #000; }

.ui-x-login-card-info p {
	font-size: 14px;
	font-weight: 300;
	color: #333;
	line-height: 1.45;
}

.ui-x-login-card-info p.ui-x-login-card-info-error {
	color: #f00;
	padding-bottom: 22px;
}

.ui-x-login-buttons { padding: 0 0 20px; }

.ui-x-login-card-button {
	float: right;
	margin-left: 10px;
}

.ui-x-login-card-button--fullwidth {
	float: none;
	margin-left: 0;
}

.ui-x-login-card-button.ui-x-fullwidth { width: 100%; }

.ui-x-login-card-button.ui-x-disabled { background-color: #aeaeae; }

.ui-x-login-card-button.ui-x-login-card-button-secondary {
	background-color: #fff;
	color: rgb(54, 151, 219);
	border: 2px solid rgb(54, 151, 219);
    border-radius: 3px;
}

a.ui-x-login-card-button {
	display: inline-block;
	line-height: 38px;
	text-align: center;
	text-decoration: none;
}

.ui-x-login-buttons hr {
	border: none;
	border-top: 1px solid rgb(241, 241, 241);
	margin: 20px 0;
}

.ui-x-login-card-button-list-item {
	display: block;
	color: rgb(255, 255, 255);
	text-decoration: none;
	text-align: center;
	border-radius: 3px;
	font-weight: 500;
	font-size: 14px;
	padding: 12px 14px;
	margin-bottom: 10px;
	border: 0 solid rgb(113, 113, 113);
}

.ui-x-login-card-button-list-item.--alt {
	background-color: #fff;
	color: rgb(54, 151, 219);
	border: 2px solid rgb(54, 151, 219);
	border-radius: 3px;
}

.ui-x-login-card-button-list-item.ui-x-blue {
	background-color: rgb(54, 151, 219);
	color: #fff;
	border: none;
}

.ui-x-browserError .ui-x-login-card-button-list-item { margin-bottom: 10px; }

.ui-x-login-card-fields input.ui-x-datapanel-field-text {
	margin: 2% 0 7%;
	width: 95%
}

.ui-x-login-card-fields input.ui-x-datapanel-field-text.ui-x-invalid {
	background-color: rgba(255, 0, 0, 0.0980392);
	border: 1px solid #d4d4d4;
}

.ui-x-login-card-fields .ui-x-has-rules { margin-bottom: 7%; }

.ui-x-login-card-fields .ui-x-has-rules input.ui-x-datapanel-field-text {
	margin: 2% 0 0;
	width: 95%
}

.ui-x-login-password-req {
	width: 95%;
	color: rgb(113, 113, 113);
	border: 1px solid #d4d4d4;
	border-width: 0 1px 1px;
	background-color: rgb(248, 248, 248);
	padding: 4% 5px 3%;
	font-size: 75%;
	font-weight: 400;
	line-height: 1.8;
}

.ui-x-login-password-req-item { padding: 0 2%; }

.ui-x-login-card-button {
	border: medium none;
	border-radius: 3px;
	color: #FFFFFF;
	float: right;
	font-size: 88%;
	font-weight: 500;
	height: 40px;
	min-width: 34%;
	padding: 0 14px;
}

.ui-x-login-card-button--fullwidth {
	float: none;
	margin-left: 0;
}

.ui-x-forgot-password-form .ui-x-login-card-fields { padding: 36px 0 30px; }

/* ERROR PAGE BOX */

.ui-x-error .ui-x-login-card { overflow: visible; }

.ui-x-error p {
	font-weight: 300;
	margin-bottom: 25px;
	font-size: 15px;
	color: #333333;
	line-height: 1.8;
}

.ui-x-error .ui-x-browserError p {
	font-size: 14px;
	line-height: 21px;
	min-height: 135px;
}

.ui-x-error-Msg-Container {
	margin: 30px 30px;
	position: relative;
}

.ui-x-error .ui-x-error-msg-toggle {
	font-size: 12px;
	color: #999;
	cursor: pointer;
	display: inline-block;
	margin: 0;
}

.ui-x-error-msg {
	display: none;
	width: 320px;
	background-color: #ffffff;
	overflow: hidden;
	border: 1px solid #EAEAEA;
	border-width: 1px 0;
	border-radius: 2px;
	box-shadow: rgba(0, 0, 0, 0.498039) 0 1px 3px;
	position: absolute;
	margin: 0 auto;
	top: 70px;
}

.ui-x-error-msg div { padding: 5px 15px; }

/* MSG BOX */

.ui-x-msg-box {
	position: fixed;
	left: 50%;
	margin-left: -238px;
	width: 476px;
	/* min-height: 200px; Commented out because it doesn't need to be there */
	top: 50%;
	margin-top: -125px;
	background-color: #ffffff;
	z-index: 12; /* PM - was 10 but changed due to new feed item indexing (12/12/14) */
	-moz-box-shadow: 0 0 10px #333333;
	-webkit-box-shadow: 0 0 10px #333333;
	box-shadow: 0 0 10px #333333;
	/*-webkit-transform: translateZ(1200px);*/
}

.ui-x-msg-box--on-top {
	z-index: 1001; /* just huge z-index to be above right menu */
	/*-webkit-transform: translateZ(100100px);*/
}

.ui-x-system-action-modal.ui-x-msg-box { min-height: 200px; }

.ui-x-msg-header {
	background-position: 50% center;
	background-size: cover;
	width: 100%;
}

.ui-x-msg-box-close {
	float: right;
	cursor: pointer;
	height: 45px;
	width: 45px;
	margin-top: 9px;
	margin-right: 20px;
}

.ui-x-msg-box-close svg { margin: 10px; }

.ui-x-msg-box-title {
	float: left;
	max-width: 360px;
	overflow: hidden;
	padding: 15px 20px 16px 30px;
}

.ui-x-system-action-modal .ui-x-msg-box-title {
	width: 100%;
	text-align: center;
	max-width: none;
	padding: 30px 0;
}

.ui-x-login-card .ui-x-msg-header { height: 65px; }

.ui-x-login-card .ui-x-msg-box-title { padding: 0 15px 0 28px; }

.ui-x-change-password .ui-x-login-card .ui-x-msg-box-title { padding: 15px 20px 16px 30px; }

.ui-x-msg-box-title p {
	color: rgb(93, 93, 93);
	font-size: 150%;
	font-weight: 400;
	line-height: 30px;
}

.ui-x-msg-box-content {
	padding: 0 35px 25px;
	/*min-height: 114px; Don't know why we need this and it was screwing up a msgBox I was using, hopefully it doesn't break anything else (Iain) */
}

.ui-x-tag-level-select-popup .ui-x-msg-box-content {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 20px;
	border-top: 1px solid rgb(234, 234, 234);
}

.ui-x-select-option-popup .ui-x-msg-box-content {
	padding-bottom: 20px;
	padding-left: 0;
	padding-right: 0;
}

.ui-x-select-option-popup .ui-x-msg-box-message { padding: 0 0 25px; }

.ui-x-msg-box-message {
	font-size: 88%;
	font-weight: 400;
	line-height: 1.8;
	color: #333333;
}

.ui-x-msg-box-message.ui-x-scrollable {
	max-height: 325px;
	overflow-x: hidden;
	overflow-y: scroll;
	position: relative;
}

.ui-x-msg-box-buttons {
	margin-top: 30px;
	text-align: right;
}

.ui-x-select-option-popup .ui-x-msg-box-buttons { margin: 30px 30px 0; }

.ui-x-tag-level-select-popup .ui-x-msg-box-buttons {
	padding: 20px 30px 0;
	border-top: 1px solid rgb(234, 234, 234);
	margin: 0;
}

.ui-x-msg-btn-cancel {
	border: 1px solid rgb(186, 186, 186);
	border-radius: 2px;
	color: #5D5D5D;
	display: inline-block;
	font-size: 90%;
	font-weight: 300;
	height: 38px;
	line-height: 38px;
	margin-right: 5px;
	padding: 0 10px;
	min-width: 100px;
	text-align: center;
	cursor: pointer;
}

.ui-x-msg-btn-ok {
	border: 1px solid transparent;
	border-radius: 2px;
	display: inline-block;
	font-size: 90%;
	font-weight: 300;
	min-height: 38px;
	line-height: 38px;
	margin: 0 auto;
	padding: 0 10px;
	cursor: pointer;
	background-color: #3697db;
	min-width: 100px;
	text-align: center;
	color: #ffffff;
}

.ui-x-msg-btn-discard {
	border: 1px solid transparent;
	border-radius: 2px;
	display: inline-block;
	font-size: 90%;
	font-weight: 300;
	min-height: 38px;
	line-height: 38px;
	margin: 0 5px 0 0;
	padding: 0 10px;
	cursor: pointer;
	background-color: rgb(226, 38, 30);
	min-width: 100px;
	text-align: center;
	color: #ffffff;
}

.ui-x-msg-btn-ok.ui-x-disabled {
	background-color: rgb(113, 113, 113);
	cursor: default;
}

.ui-x-msg-btn-delete {
	background-color: #E2261E;
	border: 1px solid transparent;
	border-radius: 2px;
	color: #FFFFFF;
	display: inline-block;
	font-weight: 300;
	min-height: 38px;
	line-height: 38px;
	padding: 0 30px;
	cursor: pointer;
}

/* over ride for msg box alignment */

.ui-x-msg-box-content .ui-x-msg-box-buttons div {
	/*display: block;
    float: right;*/
	margin: 0 3px 10px;
}




.ui-x-modal-list-item,
.ui-x-modal-list-item--new {
	cursor: pointer;
	padding: 10px 35px;
}

.ui-x-modal-list-item--new {
	display: flex;
	align-items: center;
}

.ui-x-select-option-popup .ui-x-modal-list-item,
.ui-x-select-option-popup .ui-x-modal-list-item--new { padding-left: 29px; }

.ui-x-modal-list-item > div,
.ui-x-modal-list-item--new > div {
	white-space: nowrap;
	overflow: hidden;
}

.ui-x-modal-list-item--new > div {
	text-overflow: ellipsis;
}

.ui-x-modal-list-item:hover,
.ui-x-modal-list-item--new:hover { background-color: #f1f1f1; }

.ui-x-modal-list-item .ui-x-tick {
	float: left;
	height: 24px;
	margin-right: 20px;
	width: 24px;
}

.ui-x-modal-list-item--new .ui-x-tick {
	margin-right: 20px;
	display: flex;
	flex: 0 0 auto;
}

.ui-x-modal-list-item.ui-x-selected .ui-x-tick svg path,
.ui-x-modal-list-item--new.ui-x-selected .ui-x-tick { fill: green; }

/* Mobile select overlay */

.ui-x-select-options ul li {
	position: relative;
	cursor: pointer;
}

.ui-x-select-options ul li:hover { background-color: #f1f1f1; }

.ui-x-select-options ul li.ui-x-selected .ui-x-select-options-tick svg path { fill: green; }

.ui-x-select-options .ui-x-select-options-tick {
	height: 30px;
	margin: 7px 3px 8px 13px;
	position: absolute;
	width: 30px;
}

.ui-x-select-options .ui-x-select-options-name {
	float: left;
	height: 45px;
	margin-left: 60px;
	overflow: hidden;
	text-align: left;
	width: auto;
}

/*    HEADER    */

/*   HEADER > HEADER BAR    */

.ui-x-header-bar {
	position: fixed;
	width: 100%;
	height: 53px;
	top: 0;
	z-index: 4; /* PM - was 3 but changed due to new feed item indexing (12/12/14) */
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(top, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(top, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0)); /* Standard syntax */
	background: linear-gradient(to bottom, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0)); /* IE ? */
	background: -ms-linear-gradient(top, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0)); /* IE11 syntax */
}


.ui-x-touch .ui-x-header-bar { margin-left: 0; }

.ui-x-header-bar.ui-x-scrolled {
	background: #3697db none repeat scroll 0 0;
	height: 50px;
	top: -55px; /* -55px */
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);

	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: transform 0.3s;
	-ms-transition: transform 0.3s;
	-o-transition: transform 0.3s;
	transition: transform 0.3s;
	will-change: transform;
	top: 0;
	left: 0;
	-webkit-transform: translateY(-55px);
	transform: translateY(-55px);
}

.ui-x-header-bar.ui-x-scrolled.ui-x-active {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.ui-x-header-bar > div {
	position: absolute;
	top: 6px;
}

.ui-x-header-bar.ui-x-scrolled > div { top: 0; }

.ui-x-header-bar.ui-x-scrolled div.ui-x-addEdit-close { top: 3px; }

/*   HEADER > HEADER BAR > MENU   */

.ui-x-header-bar-menu { left: 15px; }

.ui-x-touch .ui-x-header-bar-menu { left: 15px; }

.ui-x-menu-options {
	z-index: 10; /* PM - was 10 but changed due to new feed item indexing */
	position: fixed;
	top: 8px;
	width: 230px;
	-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
	/*-webkit-transform: translateZ(600px); fix for iOS safari when card flipping */
}

.ui-x-menu-options.ui-x-scrolled { top: 0; }

.ui-x-menu-options ul { background-color: #FFFFFF; }

.ui-x-menu-options ul li {
	background-repeat: no-repeat;
	list-style-type: none;
	overflow: hidden;
}

.ui-x-menu-options ul li.noM { margin: 0; }

.ui-x-menu-options ul li a,
.ui-x-menu-options ul li button {
	display: block;
	height: 44px;
	padding: 0 0 0 30px;
	text-decoration: none;
}

.ui-x-menu-options ul li a:hover,
.ui-x-menu-options ul li button:hover {
	background-color: #F5F5F5;
}

.ui-x-menu-options ul li a span.ui-x-lnkIcn,
.ui-x-menu-options ul li button span.ui-x-lnkIcn {
	display: inline-block;
	height: 22px;
	vertical-align: middle;
	width: 21px;
}

.ui-x-menu-options ul li a span.ui-x-lnkTxt,
.ui-x-menu-options ul li button span.ui-x-lnkTxt {
	color: #737373;
	display: inline-block;
	font-size: 88%;
	margin-bottom: 2px;
	margin-left: 8px;
	max-width: 138px;
	overflow: hidden;
	padding-top: 12px;
	text-overflow: ellipsis;
	vertical-align: bottom;
	white-space: nowrap;
}

.ui-x-menu-options ul li a:hover span.ui-x-lnkTxt,
.ui-x-menu-options ul li button:hover span.ui-x-lnkTxt {
	color: #262626;
}

.ui-x-filters-inner-content { margin-bottom: 25px; }

/*   HEADER > HEADER BAR > TITLE   */

.ui-x-header-bar-title { left: 68px; }

.ui-x-touch .ui-x-header-bar-title { left: 75px; }

.ui-x-title {
	position: relative;
	height: 50px;
	overflow: hidden;
}

.ui-x-title img {
	margin-left: 12px;
	cursor: pointer;
}

.ui-x-title div {
	/*position: absolute;
					left: 0;
					top: 0;*/
	margin: 0 12px;
	height: 50px;
	line-height: 50px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block; /* added for beta flag */
}

.ui-x-header-bar.ui-x-scrolled .ui-x-title div {
	font-size: 18px;
	line-height: 50px;
	margin: 0;
}

.ui-x-header-bar.ui-x-scrolled .ui-x-header-bar-menu { left: 11px; }

.ui-x-touch .ui-x-header-bar.ui-x-scrolled .ui-x-header-bar-menu { left: 12px; }




.ui-x-addEdit-close {
	cursor: pointer;
	height: 45px;
	left: 17px;
	position: absolute;
	top: 5px;
	width: 45px;
	line-height: 21px;
}

.ui-x-addEdit-close:hover {
	background-color: rgba(186, 186, 186, 0.25);
	border-radius: 100%;
}

.ui-x-addEdit-close span {
	display: block;
	height: 24px;
	margin: 10px;
	width: 24px;
}



/*   HEADER > HEADER BAR > SEARCHBOX (mobile)   */

.ui-x-header-bar .ui-x-header-bar-searchBox {
	/*right: 45px;
            top: 14px;
            width: 60%;*/

	position: absolute;
	right: 45px;
	top: -2px;
	width: 45vw; /* used to be 60*/
}

/*   HEADER > HEADER BAR > OPTIONS   */

.ui-x-header-bar .ui-x-header-bar-options { right: 20px; }

.ui-x-header-bar.ui-x-scrolled .ui-x-header-bar-options { top: 5px; }

.ui-x-header-bar-options ul {
	/*margin-top: 6px;*/
	min-height: 45px;
	float: right;
}

.ui-x-header-bar.ui-x-scrolled .ui-x-header-bar-options ul { min-height: 40px; }

.ui-x-header-bar-options ul li {
	float: left;
	margin-left: 3px;
}

.ui-x-header-bar-options a {
	min-width: 45px;
	height: 45px;
	cursor: pointer;
	display: block;
	text-align: center;
	text-decoration: none;
	outline: none;
	white-space: nowrap;
	/*overflow: hidden;*/
	float: left;
}


.ui-x-header-bar-options a.ui-x-option-button:hover {
	background-color: rgba(186, 186, 186, 0.25);
	border-radius: 100%;
}

.ui-x-header-bar-options a svg {
	margin: 12px 0 0;
	width: 21px;
	height: 21px;
}

.ui-x-header-bar:not(.ui-x-scrolled) .ui-x-header-bar-options > a {
	filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#000')";
	-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#000')";
	-webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 1));
	filter: drop-shadow(0 0 2px rgba(0, 0, 0, 1));
}

.ui-x-header-bar.ui-x-scrolled .ui-x-header-bar-options a {
	height: 40px;
	min-width: 40px;
	border-radius: 100%;
}

.ui-x-header-bar.ui-x-scrolled .ui-x-header-bar-options .ui-x-textOnlyMode {
	border: 1px solid rgb(255, 255, 255);
	border-radius: 2px;
	height: 37px;
	padding: 0 15px;
	text-align: center;
	margin: 1px 6px 0;
	min-width: 100px;
	background: transparent;
}

.ui-x-header-bar.ui-x-scrolled .ui-x-header-bar-options .ui-x-alertMode { background-color: rgb(226, 38, 30); }

.ui-x-header-bar.ui-x-scrolled .ui-x-header-bar-options li.ui-x-disabled .ui-x-textOnlyMode { border: 1px solid rgba(255, 255, 255, 0.5); }

.ui-x-header-bar.ui-x-scrolled .ui-x-header-bar-options li.ui-x-disabled .ui-x-alertMode { background-color: rgba(226, 38, 30, 0.5); }

.ui-x-header-bar.ui-x-scrolled .ui-x-header-bar-options .ui-x-option-button.ui-x-textOnlyMode.ui-x-alertMode:hover,
.ui-x-header-bar.ui-x-scrolled .ui-x-header-bar-options .ui-x-option-button.ui-x-textOnlyMode:hover { background-color: rgba(255, 255, 255, 1); }

.ui-x-header-bar.ui-x-scrolled .ui-x-header-bar-options li.ui-x-disabled .ui-x-option-button.ui-x-textOnlyMode:hover { background-color: rgba(255, 255, 255, 0.5); }


.ui-x-header-bar.ui-x-scrolled .ui-x-header-bar-options svg {
	height: 20px;
	margin: 10px;
	width: 20px;
}



.ui-x-header-bar.ui-x-scrolled .ui-x-header-bar-options .ui-x-textOnlyMode span {
	height: 35px;
	margin: 0;
	line-height: 35px;
	font-size: 14px;
}
.ui-x-header-bar.ui-x-scrolled .ui-x-header-bar-options .ui-x-option-button.ui-x-textOnlyMode.ui-x-alertMode:hover span,
.ui-x-header-bar.ui-x-scrolled .ui-x-header-bar-options .ui-x-option-button.ui-x-textOnlyMode:hover span {
	color: #000;
}

/* HEADER > HEADER BAR > OPTIONS (WHEN SCROLLED OPTIONS) */

.ui-x-header-bar-options ul.ui-x-header-bar-page-options { margin: 0; }

.ui-x-header-bar-options ul.ui-x-header-bar-page-options li {
	height: 40px;
	margin-left: 4px;
	/*height: 34px;*/
	/*margin-left: 7px;*/
}

.ui-x-header-bar-options ul.ui-x-header-bar-page-options.ui-x-showBorder li.ui-x-lastItem {
	border-right: 1px solid rgba(255, 255, 255, 0.5);
	margin-right: 7px;
	padding-right: 12px;
}

.ui-x-header-bar-options ul.ui-x-header-bar-page-options li .ui-x-dropdown-container ul li {
	margin-left: 0;
	float: left;
	height: auto;
}

.ui-x-header-bar-page-options li a { cursor: default; }

.ui-x-header-bar-page-options li a.ui-x-option-button {
	cursor: pointer;
	position: relative;
}

.ui-x-header-bar-page-options li a.ui-x-option-button:hover { background-color: rgba(186, 186, 186, 0.25); }

.ui-x-header-bar-page-options li.ui-x-background-colour-0 a.ui-x-option-button { background-color: rgb(204, 50, 50); }

.ui-x-header-bar-page-options li.ui-x-background-colour-1 a.ui-x-option-button { background-color: rgb(35, 142, 35); }

.ui-x-header-bar-page-options li span {
	display: inline-block;
	height: 45px;
	line-height: 45px;
	margin-right: 15px;
	vertical-align: middle;
}

.ui-x-header-bar-page-options li a.ui-x-textOnlyMode span {
	font-size: 14px;
	height: 35px;
	line-height: 35px;
	margin: 0;
}

.ui-x-header-bar-page-options li a.ui-x-textOnlyMode:hover span { color: #000; }


.ui-x-header-bar-page-options li a.ui-x-option-dropdown span { margin: 0 5px 0 0; }

.ui-x-header-bar-page-options li a.ui-x-option-dropdown span.ui-x-dropdown-icn {
	height: 41px;
	margin: 0 10px 0 0;
}

.ui-x-header-bar-page-options span.ui-x-option-overlay-value {
	right: 10px;
	bottom: 10px;
	font-size: 9px;
    font-weight: 800;
	line-height: 10px;

	width: auto;
	min-width: 8px;
	height: 9px;
	padding: 1px 2px;

	border-radius: 50px;
	background: white;

	position: absolute;
	margin-right: 0;
	text-align: center;
}

.ui-x-header-bar-page-options span.ui-x-option-overlay-value.ui-x-2-char { right: 9px; }

.ui-x-header-bar-page-options span.ui-x-option-overlay-value.ui-x-3-char { right: 6px; }

.ui-x-feed-item-options .ui-x-option--highlight .ui-x-option-overlay-value,
.ui-x-header-options .ui-x-option--highlight .ui-x-option-overlay-value,
.ui-x-header-options .ui-x-option--highlight .ui-x-option-overlay-value,
.ui-x-header-bar-page-options .ui-x-option--highlight .ui-x-option-overlay-value,
.ui-x-right-menu-options .ui-x-mobile-options .ui-x-option--highlight .ui-x-option-overlay-value,
.ui-x-asset-content-options .ui-x-option--highlight .ui-x-option-overlay-value {
	background: #3697DB;
	color: white;
}

.ui-x-feed-item-options .ui-x-option--highlight:focus-visible .ui-x-option-overlay-value,
.ui-x-header-options .ui-x-option--highlight:focus-visible .ui-x-option-overlay-value,
.ui-x-header-options .ui-x-option--highlight:focus-visible .ui-x-option-overlay-value,
.ui-x-header-bar-page-options .ui-x-option--highlight:focus-visible .ui-x-option-overlay-value,
.ui-x-asset-content-options .ui-x-option--highlight:focus-visible .ui-x-option-overlay-value {
	background: white;
	color: #717171;
}

.ui-x-header-bar-page-options li span.ui-x-icn {
	background-image: none;
	height: 40px;
	margin: 0;
	text-align: center;
	width: 40px;
}

/*.ui-x-header-bar-options ul li a span.ui-x-option-text-only { line-height: 41px; }*//*#23315 removed*/


/*   HEADER > HEADER   */
.ui-x-header {
	/*height: 299px;*/
	width: 100%;
	background-position: center center;
	background-attachment: scroll;
	background-size: cover;
	padding-top: 1px;
	/* z-index: 3; /* PM - was 3 but changed due to new feed item indexing (12/12/14) */
	position: relative;
}

.quick-view .ui-x-header {
	padding-top: 53px;
}

@media (max-width: 600px) {
	.ui-x-header {
		padding-top: 103px;
	}

	.quick-view .ui-x-header {
		padding-top: 103px;
	}
}

/* added for new state changes to be smoother etc*/

.ui-x-header-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
	will-change: opacity;
	background-position: center center;
	background-size: cover;
}

.ui-x-header.ui-x-scrolled { padding-top: 50px; }

/*   HEADER > TITLE   */

.ui-x-header-title {
	margin: 0 auto;
	width: 79%;
}

.ui-x-scrolled .ui-x-header-title { visibility: hidden }

.ui-x-header-title-container {
	float: left;
	/*min-width: 273px;*/
	width: auto;
	/*min-height: 84px;*/
	margin-left: 55px;
	/*margin-right:32px;*/
}

.ui-x-header-content-fixed .ui-x-header-title-container { margin: 0 }

.ui-x-title-titleSm,
.ui-x-title-title {
	line-height: 1.3;
	/*padding: 0 0 0 20px;*/
	overflow: hidden;
}

.ui-x-title-title-container {
	float: left;
	/*max-width: 650px;*/
}

.ui-x-title-title {
	float: left;
	font-size: 190%;
	max-width: 650px;
}

.ui-x-header-title--data .ui-x-title-title,
.ui-x-header-title--content .ui-x-title-title{
	max-width: none;
}

.ui-x-title-title.ui-x-readonly { color: #c4c4c4; }


.ui-x-title-titleSm h1,
.ui-x-title-title h1,
.ui-x-title-titleSm p,
.ui-x-title-title p {
	display: table-cell;
	line-height: normal;
	vertical-align: middle;
	color: #fff;
	margin:0;
	font-weight: normal;
}


/*.ui-x-title-titleSm {
			padding: 0 0 0 20px;
		}*/

.ui-x-title-subtitle {
	padding: 15px 0 0;
	line-height: normal;
	color: #F1F1F1;
}

/*   HEADER > CONTENT   */

.ui-x-header-content { max-width: 1188px; }

.ui-x-header-content-fixed {
	margin: 0 auto;
	max-width: 1188px;
}

.ui-x-header-title--data {
	max-width: 1248px; /* @header-content-inner-min-width */
}

.ui-x-header-content.ui-x-header-content-fluid .ui-x-header-content-fixed {
	max-width: none;
	margin: 0;
}

.ui-x-header-content-fixed.ui-x-header-content-fluid {
	margin: 0 auto;
	max-width: 94%;
}
.ui-x-header-content-fixed.ui-x-header-content-middle {
	margin: 0 auto;
	max-width: 862px;
}

.ui-x-header-content-fixed.ui-x-header-title--mobileFluid {
	width: 100%;
}

@media (min-width: 601px) {
	/*@left-bar-visibility-min*/
	.ui-x-header-content-fixed.ui-x-header-title--mobileFluid {
		width: 94%; /*@large-screen-content-container-rules();*/
	}
}

@media (min-width: 1330px) { /* @data-content-wide-breakpoint*/
	.ui-x-header-content-fixed.ui-x-header-title--data {
		width: 100%;
	}
}

.ui-x-header-content-fixed.ui-x-header-content--narrow { max-width: 798px; }

@media (min-width: 1270px) {
	.ui-x-header-content-fixed.ui-x-header-content--narrow { max-width: 1090px; }
}

.ui-x-header-content-inner {
	padding: 20px 0 15px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
	border-radius: 2px 2px 0 0;
	background-color: rgba(0, 0, 0, 0.5);
	position: relative;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
	will-change: opacity;
}

.ui-x-header-title--data .ui-x-header-content-inner,
.ui-x-header-title--content .ui-x-header-content-inner {
	background-color: #FFFFFF;
	border-radius: 5px 5px 0 0;
	box-shadow: none;
	padding-bottom: 0;
}

.ui-x-header-title--data .ui-x-header-title,
.ui-x-header-title--data .ui-x-header-optionsbar {
	width: auto;
	margin: 0 20px;
}

@media (min-width: 601px) {
	/*@left-bar-visibility-min*/

	.ui-x-header-title--data .ui-x-header-title,
	.ui-x-header-title--data .ui-x-header-optionsbar {
		margin: 0 30px;
	}
}

.ui-x-header-title--data .ui-x-header-info,
.ui-x-header-title--content .ui-x-header-info{
	min-height: 29px;
}

.ui-x-header-title--data .ui-x-header-info ul,
.ui-x-header-title--content .ui-x-header-info ul{
	padding: 1px 0;
}

.ui-x-header-title--data .ui-x-title-title h1,
.ui-x-header-title--content .ui-x-title-title h1,
.ui-x-header-title--data .ui-x-title-title p,
.ui-x-header-title--content .ui-x-title-title p {
	font-size: 32px;
	font-weight: bold;
	color: #000000;
}

.ui-x-header-title--data .ui-x-header-info ul li,
.ui-x-header-title--content .ui-x-header-info ul li{
	font-size: 13px;
	color: #717171;
}

.ui-x-header-content.ui-x-header-content-fluid .ui-x-header-content-inner {
	padding: 20px 60px 15px;
}

.ui-x-header-content.ui-x-header-content-fluid .ui-x-header-content-inner.ui-x-hideTitle { padding: 8px 60px; }

.ui-x-header-content.ui-x-header-content-fluid .ui-x-header-title {
	width: auto;
	margin: 0;
}

.ui-x-header-content .ui-x-header-title.ui-x-noInfoBar {
	float: left;
	padding-left: 60px;
	width: auto;
	margin: 6px 0;
}

.ui-x-header-content.ui-x-header-content-fluid .ui-x-header-title.ui-x-noInfoBar {
	float: left;
	padding: 0;
	margin-bottom: 12px;
}

.ui-x-header-content.ui-x-header-content-fluid .ui-x-header-title--no-margin.ui-x-noInfoBar { margin: 0; }

.ui-x-header-optionsbar {
	/*height: 45px;*/
	width: 79%;
	margin: 0 auto;
	/*background-color: rgba(0, 0, 0, 0.33);*/
}

.ui-x-header-optionsbar.ui-x-noInfoBar {
	float: right;
	width: inherit;
	margin: 6px 0;
}

.ui-x-header-optionsbar.ui-x-noInfoBar .ui-x-header-options { padding-right: 60px; }

.ui-x-header-content.ui-x-header-content-fluid .ui-x-header-optionsbar.ui-x-noInfoBar .ui-x-header-options { padding: 0; }


.ui-x-scrolled .ui-x-header-optionsbar { background-color: transparent; }

.ui-x-header-content.ui-x-header-content-fluid .ui-x-header-optionsbar {
	width: 100%;
	float: left;
}

.ui-x-header-content.ui-x-header-content-fluid .ui-x-header-optionsbar.ui-x-noInfoBar {
	width: inherit;
	float: right;
}

.ui-x-header-content-fixed .ui-x-header-info, .ui-x-header-content-fixed .ui-x-header-options { margin: 0 }

/*   HEADER > MULTIPLEVIEWS   */

div.ui-x-multipleViews-menu ul { padding: 5px 0; }

.ui-x-multipleViews-menu ul li { line-height: normal; }

.ui-x-multipleViews-menu ul li a {
	color: #737373;
	cursor: pointer;
	display: inline-table;
	font-size: 113%;
	font-weight: 400;
	height: 45px;
	line-height: normal;
	padding: 0;
	text-align: left;
	text-decoration: none;
	width: 100%;
}

a.ui-x-hover-active .ui-x-multipleViews-menu ul li a:hover {
	color: #262626;
	background-color: #f5f5f5;
}

.ui-x-multipleViews-menu ul li a span {
	display: table-cell;
	padding: 5px 20px 8px;
	vertical-align: middle;
}

/*   HEADER > INFO   */

.ui-x-header-info {
	/*background-color: rgba(158, 158, 158, 0.2);*/
	/*box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);*/
	float: left;
	min-height: 45px;
	/*line-height: 45px;*/
	padding: 0;
	position: relative;
	margin-left: 55px;
	/*opacity: 0.75;*/
}

.ui-x-header-info.ui-x-hideTitle { /*opacity: 1;*/ }

.ui-x-header-info ul { padding: 11px 0; }

.ui-x-scrolled .ui-x-header-info { visibility: hidden }

.ui-x-header-info ul li {
	display: inline-block;
	margin-right: 3px;
	white-space: nowrap;
}

.ui-x-header-info ul li + li:before {
	content: " \2022 ";
	padding: 0;
}

.ui-x-header-info ul li + li.ui-x-item--action:before {
	font-weight: normal;
	color: #bab9b5;
}

.ui-x-header-info ul li span.ui-x-loading-icn { padding: 0 10px; }

.ui-x-header-info ul li .ui-x-loading-icn {
	height: 25px;
	left: 0;
	margin-left: 0 !important;
	position: absolute;
	top: 5px;
	width: 25px;
}

/*   HEADER > OPTIONS   */

.ui-x-header-options {
	/*right: 0;*/
	/*bottom: 0;*/
	/*float: right;*/
	margin-right: 55px;
}

.ui-x-scrolled .ui-x-header-options { visibility: hidden }

.ui-x-header-options ul { float: right; }

.ui-x-header-options .ui-x-floatRight { margin-left: 6px; }

.ui-x-header-options ul li {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	/*min-height: 87px;*/
}

.ui-x-header-options ul li.ui-x-showBorder {
	border-right: 1px solid rgba(255, 255, 255, 0.5);
	margin-right: 7px;
	padding-right: 12px;
}

.ui-x-header-options ul li a {
	min-width: 45px;
	height: 45px;
	display: block;
	cursor: default;
	text-align: center;
}

/*.ui-x-header-options ul li button:not(.wi-option-dropdown__list-item) {*/
.ui-x-header-options ul li > .ui-x-option-button,
.ui-x-header-options ul li .ui-x-option-dropdown {
	min-width: 45px;
	height: 45px;
	text-align: center;
	cursor: default;
	border: none;
	background: none;
	position: relative;
	padding: 0;
}

.ui-x-header-options .ui-x-background { background-color: rgba(0, 0, 0, 0.25); }

.ui-x-header-options ul li .ui-x-option-button {
	cursor: pointer;
	position: relative;
}

.ui-x-header-options ul li.ui-x-background-colour-0 .ui-x-option-button {
	background-color: rgb(204, 50, 50);
}

.ui-x-header-options ul li.ui-x-background-colour-1 .ui-x-option-button {
	background-color: rgb(35, 142, 35);
}



.ui-x-header-options .ui-x-option-button.ui-x-textOnlyMode {
	border: 1px solid rgb(255, 255, 255);
	border-radius: 2px;
	height: 35px;
	padding: 0 15px;
	text-align: center;
	margin-top: 1px;
	margin-right: 6px;
	min-width: 68px;
}
.ui-x-header-options button.ui-x-option-button.ui-x-textOnlyMode {
	min-width: 100px;
}


.ui-x-header-options .ui-x-disabled .ui-x-textOnlyMode {
	border: 1px solid rgba(255, 255, 255, 0.5);
}

.ui-x-header-options ul li button.ui-x-alertMode { background-color: rgb(226, 38, 30); }
.ui-x-header-options ul li a.ui-x-alertMode { background-color: rgb(226, 38, 30); }


.ui-x-header-options ul li .ui-x-option-button.ui-x-hover-active:hover {
	background-color: rgba(186, 186, 186, 0.25);
	border-radius: 100%;
}
.ui-x-header-options ul li .ui-x-option-button.ui-x-hover-active:focus-visible {
	background-color: #3697DB;
	border-radius: 100%;
}

.ui-x-header-options ul li button.ui-x-option-button.ui-x-hover-active.ui-x-textOnlyMode:hover,
.ui-x-header-options ul li a.ui-x-option-button.ui-x-hover-active.ui-x-textOnlyMode:hover {
	background-color: rgba(255, 255, 255, 1);
	border-radius: 2px;
}
.ui-x-header-options ul li .ui-x-option-button.ui-x-hover-active.ui-x-textOnlyMode:focus-visible {
	background-color: #3697DB;
	border-radius: 2px;
}

.ui-x-header-options ul li.ui-x-disabled button.ui-x-option-button.ui-x-hover-active.ui-x-textOnlyMode:hover,
.ui-x-header-options ul li.ui-x-disabled a.ui-x-option-button.ui-x-hover-active.ui-x-textOnlyMode:hover { background-color: rgba(255, 255, 255, 0.5); }

.ui-x-header-options span:not(.em360-sr-only) {
	display: inline-block;
	height: 45px;
	line-height: 45px;
	vertical-align: middle;
	margin-right: 15px;
}

.ui-x-header-options span.ui-x-icn {
	background-image: none;
	height: 45px;
	width: 45px;
	margin: 0;
	text-align: center;
}

.ui-x-header-options .ui-x-textOnlyMode span {
	height: 35px;
	margin: 0;
	line-height: 35px;
	font-size: 14px;
}

.ui-x-header-options ul li .ui-x-option-button.ui-x-hover-active.ui-x-textOnlyMode:hover span { color: #000000; }

.ui-x-header-options span.ui-x-option-overlay-value {
	position: absolute;
	bottom: 10px;
	right: 12px;

	font-size: 9px;
    font-weight: 800;
	line-height: 10px;

	width: auto;
	min-width: 8px;
	height: 9px;
	padding: 1px 2px;

	border-radius: 50px;
	background: white;
	color: rgb(113, 113, 113);

	margin-right: 0;
	text-align: center;
}

.ui-x-header-options span.ui-x-icn.ui-x-loading-icn { left: 0; }

.ui-x-header-options span.ui-x-icn.ui-x-loading-icn svg {
	height: 37px;
	margin: 4px 0;
	width: 37px;
}

.ui-x-header-options span.ui-x-icn.ui-x-loading-icn svg path { stroke: #fff !important; }

.ui-x-header-options li.ui-x-disabled .ui-x-option-button span.ui-x-loading-icn, .ui-x-header-bar-options li.ui-x-disabled .ui-x-option-button span.ui-x-loading-icn { opacity: 1; }

.ui-x-option-text-only {
	line-height: 45px;
	padding: 0 15px;
}

.ui-x-header-options svg {
	width: 24px;
	height: 24px;
	margin: 11px 0;
	display: inline-block;
	background-image: none;
}

/*.ui-x-header-options svg path {
	fill: white;
}*/
.ui-x-header-options .ui-x-option-button.ui-x-hover-active:focus-visible svg path {
	fill: white !important;
}

.ui-x-header-options ul li a.ui-x-option-dropdown span { /*margin: 0 5px 0 0;*/ }

.ui-x-header-options ul li a.ui-x-option-dropdown span.ui-x-dropdown-icn {
	height: 41px;
	margin: 0 15px 0 0;
}


.ui-x-header-options li.ui-x-disabled .ui-x-option-button,
.ui-x-header-bar-options li.ui-x-disabled .ui-x-option-button { cursor: default; }

.ui-x-header-options ul li.ui-x-disabled .ui-x-option-button:hover,
.ui-x-header-bar-options ul li.ui-x-disabled .ui-x-option-button:hover { background: none; }

.ui-x-header-options ul li.ui-x-disabled .ui-x-option-button.ui-x-alertMode:hover,
.ui-x-header-bar-options ul li.ui-x-disabled .ui-x-option-button.ui-x-alertMode:hover {
	background-color: #e2261e;
}

.ui-x-header-options li.ui-x-disabled .ui-x-option-button span,
.ui-x-header-bar-options li.ui-x-disabled .ui-x-option-button span {
	opacity: 0.5;
	-moz-opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
}

/*.ui-x-feed-container h2 {
	color: #333;*/ /*5D5D5D*/
	/*font-family: var(--em360-font-family);
	font-size: 138%;
	font-weight: 400;
	margin: 0 32px;
	line-height: 1;
	min-height: inherit;
}*/

.ui-x-flex-feed .ui-x-feed-container h2,
.ui-x-floated-feed .ui-x-feed-container h2 { margin: 0; }

.ui-x-option-dropdown { position: relative; }

.ui-x-feed-type-rows .ui-x-feed-container h2 { margin-left: 7px; }

/* DROP DOWN STYLING */

.ui-x-dropdown-container {
	position: absolute;
	top: 40px;
	right: 0;
	width: 393px;
	/*padding:0 5px;*/
	/*border: 1px solid transparent;*/
	border-radius: 2px;
	text-align: left;
	font-size: 88%;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
	background-color: #ffffff;
	color: #27282C;
	z-index: 10; /* PM - was 10 but changed due to new feed item indexing */
	cursor: default;
}






/* moreOpts specific */

.ui-x-dropdown-container.ui-x-moreOpts-menu {
	width: auto;
	padding: 0;
}

.ui-x-moreOpts-menu ul { padding: 5px 0 5px; }

.ui-x-moreOpts-menu ul li { float: none; }

.ui-x-moreOpts-menu ul li button,
.ui-x-moreOpts-menu ul li a {
	background-color: transparent;
	border: none;
	color: #737373;
	font-size: 97%;
	height: 35px;
	line-height: 35px;
	font-weight: 400;
	text-decoration: none;
	display: block;
	padding-left: 30px;
	padding-right: 30px;
	cursor: pointer;
	width: auto;
	text-align: left;
	text-transform: uppercase;
}

.ui-x-moreOpts-menu ul li button:hover,
.ui-x-moreOpts-menu ul li a:hover {
	color: #262626;
	background-color: #F5F5F5;
}

.ui-x-moreOpts-menu ul li button:focus-visible {
	background-color: #3697DB;
	color: #fff;
}
.ui-x-moreOpts-menu ul li button:focus-visible path {
	fill: #fff !important
}

.ui-x-moreOpts-menu ul li.ui-x-moreOpts-menu__item--disabled button,
.ui-x-moreOpts-menu ul li.ui-x-moreOpts-menu__item--disabled a {
	opacity: 0.5;
}

.ui-x-moreOpts-menu ul li.ui-x-moreOpts-menu__item--disabled button:hover,
.ui-x-moreOpts-menu ul li.ui-x-moreOpts-menu__item--disabled a:hover {
	color: #737373;
	background-color: transparent;
	cursor: default;
}

.ui-x-moreOpts-menu ul li.ui-x-moreOpts-menu__item--disabled button:focus-visible {
	color: #737373;
	background-color: #3697DB;
	cursor: default;
}


/* MOBILE VERSION */
.ui-x-mobile-options .ui-x-dropdown-container {
	border: 1px solid #EAEAEA;
	box-shadow: none;
	margin: 2px 0 6px;
	/*padding: 5px 10px;*/
	padding: 0;
	position: relative;
	top: 2px;
	width: 92%;
}

/* subscribe specific */

.ui-x-mobile-options .ui-x-dropdown-container.ui-x-subscribe-menu { padding: 10px; }

.ui-x-dropdown-container ul {
	width: 100%;
	margin: 0;
}

.ui-x-dropdown-container ul li {
	margin: 0;
	width: 100%;
	display: block;
	white-space: nowrap;
}

.ui-x-right-menu-options ul.ui-x-header-bar-page-options li .ui-x-dropdown-container ul li { margin: 0; }

/*    CONTENT EDIT    */

.ui-x-content-container {
	width: 1188px;
	margin: 0 auto;
	padding: 15px;
}

.ui-x-content-container__widget-panels {
	display: block;
	margin: 0 80px;
	text-align: left;
}

/*    CONTENT VIEW   */

.ui-x-content-container-view {
	max-width: 862px;
	margin: 0 auto;
	padding: 0 0 15px;
}

.ui-x-edge-browser .ui-x-content-container-view--with-creation-button {
	margin-bottom: 100px;

	
}

@media (max-width: 600px) {
	.ui-x-edge-browser .ui-x-content-container-view--with-creation-button {
		margin-bottom: 140px;
	}
}

.ui-x-content-container-view.ui-x-content-container-loading {
	visibility: hidden;
}

/* ACCORDIAN WIDGET*/

.ui-x-accordion { padding: 10px 0; }

.ui-x-accordion-item {
	/*padding: 20px;*/
	margin: 0 0 10px;
	min-height: 34px;
	position: relative;
}

.ui-x-accordion-item.ui-x-active,
.ui-x-accordion-item.ui-x-whiteBackground {
	border: 1px solid #d8d8d8;
	overflow: hidden;
}

/* REMOVING BORDERS DUE TO RENDERING ISSUE */

/*.ui-x-touch .ui-x-accordion-item.ui-x-active,
.ui-x-ismac .ui-x-accordion-item.ui-x-active,
.ui-x-touch .ui-x-accordion-item.ui-x-whiteBackground,
.ui-x-ismac .ui-x-accordion-item.ui-x-whiteBackground { border: none; }*/

.ui-x-accordion-item.ui-x-whiteBackground.ui-x-complete:not(.ui-x-active),
.ui-x-accordion-item.ui-x-whiteBackground.ui-x-invalid:not(.ui-x-active),
.ui-x-accordion-item.ui-x-complete + .ui-x-accordion-item:not(.ui-x-active) {
	cursor: pointer;
	background-color: #ffffff;
}

.ui-x-accordion-item.ui-x-invalid ~ .ui-x-accordion-item:not(.ui-x-active) {
	cursor: default !important;
	background-color: #eaeaea;
}

.ui-x-non-clickable {
	cursor: default !important;
	background-color: #eaeaea !important;
}

.divider ~ li { background-color: green; }

.ui-x-accordion-header > div {
	/*float: left;*/
	display: inline-block;
}

.ui-x-accordion-header > div.ui-x-accordion-detail { display: none; }

.ui-x-accordion-item.ui-x-non-clickable .ui-x-accordion-detail { display: inline-block; }

.ui-x-accordion-item.ui-x-whiteBackground .ui-x-accordion-detail { display: inline-block; }

.ui-x-accordion-item.ui-x-whiteBackground .ui-x-accordion-title .ui-x-accordion-detail { display: inline-block; }

.ui-x-accordion-item.ui-x-non-clickable .ui-x-accordion-title .ui-x-literal,
.ui-x-accordion-item.ui-x-whiteBackground .ui-x-accordion-title .ui-x-literal { margin-right: 20px; }

.ui-x-accordion-header {
	-webkit-transition: opacity ease-in-out 500ms;
	-moz-transition: opacity ease-in-out 500ms;
	-ms-transition: opacity ease-in-out 500ms;
	transition: opacity ease-in-out 500ms;
	-webkit-transform: translate3d(0, 0, 0);
}

.ui-x-accordion-content {
	-webkit-transition: opacity ease-in-out 100ms;
	-moz-transition: opacity ease-in-out 100ms;
	-ms-transition: opacity ease-in-out 100ms;
	transition: opacity ease-in-out 100ms;
	-webkit-transform: translate3d(0, 0, 0);
}

.ui-x-accordion-content {
	height: 0;
	overflow: hidden;
	position: relative;
	opacity: 0;
}

.ui-x-accordion-header {
	opacity: 1;
	-moz-opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
	position: absolute;
	width: 87%;
	z-index: 1;
	left: inherit;
	padding: 20px;
	overflow: hidden; /* added for really long detail titles etc*/
}

.ui-x-accordion-item.ui-x-active .ui-x-accordion-header {
	opacity: 0;
	-moz-opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	height: 0;
	left: -99999px;
}

.ui-x-accordion-item.ui-x-active .ui-x-accordion-content {
	height: auto;
	opacity: 1;
	-moz-opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
	margin: 20px;
	overflow: hidden;
}


.ui-x-accordion-item.ui-x-active.ui-x-title-banner-container .ui-x-accordion-content {
	padding: 0;
	margin: 0;
}

.ui-x-accordion-item.ui-x-content-about-container .ui-x-accordion-content {
	padding: 0;
	margin: 0;
}

.ui-x-accordion-content.ui-x-heightHack,
.ui-x-accordion-content.ui-x-accordion-heightHack {
	overflow: visible;
	display: block;
	position: absolute;
	left: -40000px;
	visibility: hidden;
	height: auto;
}

.ui-x-accordion-content-inner {
	width: 80%;
	margin: 0 auto;
	text-align: center;
}

.ui-x-accordion-footer { text-align: center; }

.ui-x-accordion-btn {
	border-radius: 2px;
	overflow: hidden;
	text-align: center;
	white-space: pre-wrap;
	min-width: 232px;
	padding: 0 10px;
	/*height: 40px;*/
	line-height: 40px;
	display: inline-block;
	cursor: pointer;
	float: right;
	text-overflow: ellipsis;
}

.ui-x-accordion-btn-inActive { cursor: default; }

.ui-x-validationbar {
	position: absolute;
	left: 0;
	top: 0;
	width: 7px;
	height: 100%;
	background-color: #e2261e; /*@invalid-marker-color*/
	z-index: 1;
	display: none;
}

.ui-x-accordion-footer .ui-x-stepInfo {
	color: #333;
	font-size: 100%;
	font-weight: 300;
	min-height: 40px;
	line-height: 40px;
	float: right;
	margin-right: 3%;
}

.ui-x-validationmsg {
	color: #FE4C4C;
	font-size: 100%;
	font-weight: 300;
	display: none;
}

.ui-x-accordion-header .ui-x-validationmsg {
	display: none;
	float: none;
	height: 0;
}

/* exception for banner variation in creation process*/

.ui-x-accordion-title .ui-x-validationmsg { font-size: 70%; }

.ui-x-accordion-footer .ui-x-validationmsg {
	/*height: 40px;*/
	min-height: 40px;
	line-height: 40px;
	float: right;
	margin-right: 3%;
}

.ui-x-whiteBackground .ui-x-accordion-header .ui-x-validationmsg,
.ui-x-active .ui-x-accordion-header .ui-x-validationmsg { height: auto; }

.ui-x-whiteBackground.ui-x-invalid .ui-x-validationmsg,
.ui-x-active.ui-x-invalid .ui-x-validationmsg,
.ui-x-whiteBackground.ui-x-invalid .ui-x-validationbar,
.ui-x-active.ui-x-invalid .ui-x-validationbar { display: block; }

/* FORM WIDGETS */

.ui-x-widget-title {
	line-height: 1.45;
	margin-bottom: 5px;
}

.ui-x-widget-forms-text-options { padding: 20px 0 55px; }

.ui-x-widget-forms-text-options--center { text-align: center; }

.ui-x-widget-forms-text-options.ui-x-grid { padding: 20px 0 40px; }

.ui-x-no-pad .ui-x-widget-forms-text-options { padding: 0 0 55px; }

/* modifier for if multiple questions in an item*/

.ui-x-widget-subTitle { margin-bottom: 3.5%; }

.ui-x-widget-optionsList {
	width: 80%;
	margin: 0 auto;
	text-align: center;
}

.ui-x-widget-optionsList.ui-x-grid { width: 100%; }

.ui-x-widget-optionsList span {
	margin: 0 15px 1%;
	cursor: pointer;
	display: inline-block;
}

.ui-x-widget-optionsList.ui-x-grid div {
	width: 630px;
	margin: 0 auto;
}

.ui-x-widget-optionsList.ui-x-grid span {
	/*width: 180px;*/
	margin: 0 15px 4%;
	float: left;
}


/* interest creation - tag explorer widget */

.ui-x-widget-forms-tag-explorer {
	text-align: center;
	padding: 20px 0;
	width: 1060px;
	margin: 0 auto;
}

.ui-x-widget-forms-tag-explorer.ui-x-empty { padding: 0 0 50px; }

.ui-x-widget-forms-tag-explorer-inner {
	text-align: left;
	margin-bottom: 25px;
}

.ui-x-widget-forms-tag-explorer h2 { margin-top: 0; }

.ui-x-widget-forms-tag-explorer h2.ui-x-no-margin { margin: 0; }

.ui-x-widget-forms-tag-explorer .ui-x-loading-icn { position: relative; }

.ui-x-widget-forms-tag-explorer-clear {
	-moz-box-shadow: 0 0 0 1px #f1f1f1 inset;
	-webkit-box-shadow: 0 0 0 1px #f1f1f1 inset;
	box-shadow: 0 0 0 1px #f1f1f1 inset;
	cursor: pointer;
	float: right;
	font-size: 60%;
	padding: 8px 12px;
}

.ui-x-widget-forms-tag-explorer-minmax-selection {
	font-size: 13px;
	color: #f6b516;
	margin-bottom: 15px;
	display: inline-block;
}

.ui-x-widget-forms-tag-explorer-minmax-selection.ui-x-invalid { color: #fe4c4c; }

.ui-x-widget-forms-tag-explorer-cont {
	/*border: 1px solid #f1f1f1;*/
	box-shadow: 0 0 0 1px #f1f1f1 inset;
	min-height: 267px;
	background: transparent url('/BaseTheme/tagExplorer.png') repeat scroll 0 0;
	margin-bottom: 50px;
}

.ui-x-widget-forms-tag-explorer-cont-single { min-height: 134px; }

.ui-x-widget-forms-tag-explorer-gridItem-your-data { font-weight: 300; }

.ui-x-widget-forms-tag-explorer-gridItem-your-data .ui-x-your-data-icon {
	margin-top: 36px;
	margin-bottom: 11px;
}

.ui-x-widget-forms-tag-explorer-gridItem-your-data .ui-x-your-data-icon svg {
	width: 28px;
	height: 28px;
}

.ui-x-widget-forms-tag-explorer-gridItem {
	height: 132px;
	width: 263px;
	border: 1px solid transparent;
	float: left;
	text-align: center;
	cursor: pointer;
	position: relative;
}

.ui-x-widget-forms-tag-explorer-gridItem-icon {
	text-align: center;
	display: inline-block;
	height: 24px;
	margin: 0px auto;
	width: 24px;
	padding: 44px 0 11px;
}

.ui-x-widget-forms-tag-explorer-gridItem div { font-weight: 300; }

.ui-x-widget-forms-tag-explorer-gridItem > div > div:not(.ui-x-show-Search-Status) {
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 10px;
}

.ui-x-widget-forms-tag-explorer-gridItem > div > div.ui-x-icn {
	padding: 24px 0 6px;
}

.ui-x-widget-forms-tag-explorer-gridItem div.ui-x-tags-explorer-name {
	overflow: hidden;
	margin: 0 15px;
}

.ui-x-widget-forms-tag-explorer-gridItem div.ui-x-tag-explorer-tag-name {
	max-height: 47px;
	overflow: hidden;
	margin: 0 15px;
}


.ui-x-widget-forms-tag-explorer-gridItem.ui-x-tag-required { border-color: #F6B516; }

.ui-x-widget-forms-tag-explorer-gridItem.ui-x-secondary-tag { cursor: default; }

.ui-x-widget-forms-tag-explorer-gridItem.ui-x-secondary-tag svg path {
	opacity: 0.5;
}

.ui-x-tag-disabled { cursor: default; }

.ui-x-tags-explorer-locked-msg,
div.ui-x-tags-explorer-required-msg,
.ui-x-tags-explorer-unavailable-msg {
	color: #F6B516;
	font-size: 80%;
	position: absolute;
	top: 5px;
	left: 50%;
	margin-left: -40%;
	width: 80%;
	font-weight: normal;
}

.ui-x-widget-forms-tag-explorer-gridItem-your-data div.ui-x-tags-explorer-required-msg {
	top: auto;
	bottom: 9px;
}

.ui-x-tags-explorer-locked-msg {
	color: #C4C4C4;
	text-align: left;
}

.ui-x-tags-explorer-unavailable-msg { color: #f00; }

.ui-x-widget-forms-tag-explorer-search { position: relative; }

.ui-x-tag-explorer-search {
	left: 70px;
	position: absolute;
	top: 55px;
	z-index: 1;
}

.ui-x-tag-explorer-search.ui-x-tag-explorer-search-active {
	left: 0;
	top: 45px;
	width: 100%;
}

.ui-x-tag-explorer-search .ui-x-autoComplete {
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.05);
	border: 0;
}

.ui-x-tag-explorer-search .ui-x-autoComplete input {
	border: 0 none;
	height: 45px;
	margin: 1% 20%;
	width: 60%;
	padding: 0;
	background: transparent;
	outline: none;
}

.ui-x-svg-holder {
	height: 100%;
	overflow: hidden;
	position: absolute;
	width: 100%;
}

.ui-x-svg-holder svg {
	left: -63px;
	position: relative;
	top: -175px;
	opacity: 0.15;
	-moz-opacity: 0.15;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.15)";
}

.ui-x-widget-forms-tag-explorer-nav > div {
	float: left;
	height: 100%;
	box-sizing: border-box;
	width: 131px;
}
	.ui-x-widget-forms-tag-explorer-nav > div.ui-x-widget-forms-tag-explorer-explore {
		width: 132px;
	}

.ui-x-widget-forms-tag-explorer-explore {
	border: 1px solid #F1F1F1;
	border-width: 0 1px 0 0;
	padding: 22px 0;
}

.ui-x-widget-forms-tag-explorer-previous { padding: 22px 0; }

.ui-x-widget-forms-tag-explorer-noSel {
	width: 43%;
	margin: 66px auto;
	text-align: center;
}

.ui-x-tag-selected .ui-x-tick svg path {
	fill: green;
	stroke: green;
}

.ui-x-tag-selected .ui-x-all-tick svg path#alltick {
	fill: green;
	stroke: green;
}

.ui-x-tag-disabled svg path { fill: #F1F1F1; }

.ui-x-widget-forms-tag-explorer-summ {
	border: 1px solid #f1f1f1;
	min-height: 177px;
	position: relative;
	/*margin-bottom: 50px;*/
}

.ui-x-tag-explorer-summ-count {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 168px;
	text-align: center;
}

.ui-x-tag-explorer-summ-title {
	margin-bottom: 10px;
	padding: 10px 10px 0;
	cursor: pointer;
}

.ui-x-tag-explorer-summ-title.ui-x-disabled { cursor: default; }

.ui-x-tag-explorer-summ-title em { display: block; }

.ui-x-tag-explorer-summ-count span.ui-x-tag-explorer-summ-for {
	display: block;
	height: 64px;
	line-height: 64px;
	position: absolute;
	right: -20px;
	top: 0;
	width: 40px;
	z-index: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ui-x-tag-explorer-summ-arrow {
	border-bottom: 25px solid rgba(0, 0, 0, 0);
	border-left: 25px solid #EAEAEA;
	border-top: 25px solid rgba(0, 0, 0, 0);
	font-size: 0;
	height: 0;
	line-height: 0;
	position: absolute;
	width: 0;
	right: -25px;
	top: 10px;
}

.ui-x-tag-explorer-summ-list {
	margin-left: 171px; /*168px*/
	min-height: 177px;
}

.ui-x-define-tags .ui-x-tag-explorer-summ-list,
.ui-x-tag-explorer-summ-list-full { margin: 0; }

.ui-x-tag-explorer-summ-row { border-top: 1px solid #F1F1F1; }

.ui-x-tag-explorer-summ-row .ui-x-tag-first .ui-x-tag-explorer-summ-and { background: transparent; }

.ui-x-tag-explorer-summ-row .ui-x-tag-explorer-summ-arrow-left { display: none }

.ui-x-tag-explorer-summ-row .ui-x-tag-first .ui-x-tag-explorer-summ-arrow-left {
	border-bottom: 25px solid rgba(0, 0, 0, 0);
	border-right: 25px solid #FAFAFA;
	border-top: 25px solid rgba(0, 0, 0, 0);
	display: block;
	font-size: 0;
	height: 0;
	left: -5px;
	line-height: 0;
	position: absolute;
	top: -10px;
	width: 0;
	z-index: 0;
}

.ui-x-tag-explorer-summ-item {
	float: left;
	width: 176px; /*168px*/
	min-height: 177px;
	position: relative;
	text-align: center;
	border-left: 1px solid #F1F1F1;
}

.ui-x-tag-explorer-summ-list-full .ui-x-tag-explorer-summ-item { width: 175px; }

.ui-x-tag-explorer-summ-item.ui-x-tag-first { border: none; }

.ui-x-define-tags .ui-x-tag-explorer-summ-item { width: 210px; }

.ui-x-tag-explorer-summ-and {
	height: 26px;
	left: -20px;
	line-height: 26px;
	position: absolute;
	top: 19px;
	width: 41px;
}

.ui-x-tag-explorer-summ-and span {
	display: block;
	position: relative;
	z-index: 0;
}

.ui-x-tag-explorer-secondary-tag,
.ui-x-tag-explorer-summ-tag {
	border: 1px solid #F1F1F1;
	margin: 0 auto 5px;
	/*overflow: hidden;*/
	padding: 6px 10px;
	position: relative;
	text-align: left;
	width: 70%;
}

.ui-x-tag-explorer-secondary-tag div { overflow: hidden; }

.ui-x-tag-explorer-summ-tag.ui-x-unavailable { border-color: #f00; }

.ui-x-tag-explorer-summ-tag.ui-x-unavailable span { color: #f00; }

.ui-x-tag-explorer-summ-tag .ui-x-tag-explorer-summ-item-info {
	width: 18px;
	height: 18px;
	position: absolute;
	top: 7px;
	right: 7px;
}

/* We need some specific overrides for jQuery UI because these elements implement draggable */

.ui-x-tag-explorer-summ-tag { display:block }
.ui-x-tag-explorer-summ-tag.ui-state-disabled { opacity: 1; }


.ui-x-tag-explorer-summ-tag.ui-x-tag-required {
	border-color: #F6B516;
	color: #F6B516;
	text-align: center;
	font-size: 85%
}

.ui-x-tag-explorer-summ-tag span.ui-x-tag-explorer-summ-tag-name {
	display: block;
	width: 75%;
	overflow: hidden;
}

.ui-x-tag-explorer-summ-tag span.ui-x-tag-explorer-remove {
	position: absolute;
	top: 6px;
    right: 6px;
    height: 100%;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.ui-x-secondary-items-title {
	background-color: #FAFAFA;
	color: #A3A3A3;
	font-size: 75%;
	font-weight: 300;
	left: 26px;
	padding: 0 10px;
	position: absolute;
	text-align: left;
	top: -10px;
	white-space: nowrap;
	z-index: 1;
}

.ui-x-tag-explorer-secondary-item {
	margin: 45px 0 16px;
	padding-top: 16px;
	border-top: 1px solid #f1f1f1;
	position: relative;
}

.ui-x-secondary-tag-container { padding: 5%; }

.ui-x-tag-explorer-secondary-tag {
	margin: 0 auto;
	color: #9B9B9B;
	border-width: 0 1px 1px 1px
}

.ui-x-tag-explorer-secondary-tag span.ui-x-tag-explorer-secondary-tag-name { font-size: 85%; }

.ui-x-tag-explorer-secondary-tag.ui-x-tag-first { border-width: 1px; }

.ui-x-widget-forms-tag-explorer-summ.ui-x-widget-forms-tag-explorer-min-max {
	margin-top: 10px;
	min-height: inherit;
}

.ui-x-widget-forms-tag-explorer-summ.ui-x-widget-forms-tag-explorer-min-max.ui-x-disabled .ui-x-widget-forms-tag-explorer-min-max-item { opacity: 0.5; }

.ui-x-widget-forms-tag-explorer-min-max-item {
	border-top: 1px solid #f1f1f1;
	padding: 16px 18px;
}

.ui-x-widget-forms-tag-explorer-min-max-item.ui-x-first { border-top: 0 none; }

.ui-x-checkbox-num-mask {
	display: inline-block;
	height: 24px;
	width: 24px;
	margin-right: 12px;
	cursor: pointer;
	float: left;
}

.ui-x-widget-forms-tag-explorer-summ.ui-x-widget-forms-tag-explorer-min-max.ui-x-disabled .ui-x-checkbox-num-mask { cursor: default; }

.ui-x-checkbox-num-mask svg {
	width: 24px;
	height: 24px;
}

.ui-x-checkbox-num label {
	vertical-align: top;
	padding-top: 2px;
	line-height: 22px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
	color: #333;
	float: left;
}

.ui-x-widget-forms-tag-explorer-summ.ui-x-widget-forms-tag-explorer-min-max.ui-x-disabled .ui-x-checkbox-num label { cursor: default; }

.ui-x-checkbox-num input.ui-x-checkbox-num-input {
	background: transparent none repeat scroll 0 0;
	border: medium none;
	float: right;
	padding: 0;
	text-align: center;
	width: 45px;
	font-size: 14px;
	color: #5d5d5d;
	font-weight: 400;
	line-height: 24px;
}

.ui-x-checkbox-num .ui-x-checkbox-num-chk {
	position: absolute;
	left: -40000px;
}

.ui-x-tag-explorer-priority-item {
	/*border-right: 1px solid #f1f1f1;*/
	float: left;
	min-height: 90px;
	position: relative;
	text-align: center;
	width: 150px;
	cursor: move;
}

.ui-x-tag-explorer-priority-item .ui-x-tag-explorer-summ-title { cursor: move; }

/* sortable widget */

.ui-x-sortable-placeholder {
	border-right: 1px solid transparent;
	float: left;
}

/* interest creation - banner widget & asset creation - content widget */

.ui-x-accordion-item.ui-x-title-banner-container { padding: 0; }

.ui-x-accordion-item.ui-x-content-about-container {
	padding: 0;
	min-height: 74px;
}

.ui-x-title-banner-container .ui-x-accordion-title,
.ui-x-content-about-container .ui-x-accordion-title {
	/*padding:20px 0 20px 20px;*/
	margin-right: 0;
}

.ui-x-title-banner-container .ui-x-accordion-title .ui-x-accordion-detail,
.ui-x-content-about-container .ui-x-accordion-title .ui-x-accordion-detail { display: none; }

.ui-x-title-banner-container .ui-x-accordion-footer,
.ui-x-content-about-container .ui-x-accordion-footer { padding: 20px; }

.ui-x-widget-forms-title-banner {
	float: left;
	padding-top: 50px;
	position: relative;
	width: ~'calc(100% - 277px)';
}

.ui-x-widget-forms-title-banner.ui-x-noCardView { width: 100%; }

.ui-x-widget-forms-title-banner.ui-x-slideActive {
	width: ~'calc(100% - 57px)';
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	-ms-transition: width 0.3s;
	-o-transition: width 0.3s;
	transition: width 0.3s;
}

.ui-x-widget-forms-title-banner .ui-x-banner-mask {
	background-color: rgba(0, 0, 0, 0.5);
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	display: none
}

.ui-x-widget-forms-title-banner.ui-x-slideActive.ui-x-slideOpen .ui-x-banner-mask {
	display: block;
	z-index: 1;
}

.ui-x-widget-forms-title-banner:not(.ui-x-publishMode) .ui-x-header-optionsbar {
	top: 0;
	position: absolute;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	height: 50px;
}

.ui-x-title-banner-content-thumb .ui-x-header-optionsbar .ui-x-header-options,
.ui-x-widget-forms-title-banner .ui-x-header-optionsbar .ui-x-header-options {
	float: right;
	margin: 3px 10px 0;
}

.ui-x-title-banner-content-thumb .ui-x-header-optionsbar .ui-x-header-options ul li,
.ui-x-widget-forms-title-banner .ui-x-header-optionsbar .ui-x-header-options ul li { float: left; }

.ui-x-title-banner-content-thumb .ui-x-header-optionsbar .ui-x-header-options-title,
.ui-x-widget-forms-title-banner .ui-x-header-optionsbar .ui-x-header-options-title {
	float: left;
	margin: 0 0 0 25px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ui-x-title-banner-content-thumb .ui-x-header-optionsbar .ui-x-header-options-title { max-width: 120px; }

.ui-x-title-banner-content-thumb .ui-x-header-optionsbar .loaderContainer,
.ui-x-widget-forms-title-banner .ui-x-header-optionsbar .loaderContainer {
	position: relative;
	left: inherit;
	top: 12px;
}

.ui-x-title-banner-content-thumb .ui-x-header-optionsbar .ui-x-loading-icn svg,
.ui-x-widget-forms-title-banner .ui-x-header-optionsbar .ui-x-loading-icn svg {
	width: 32px;
	height: 32px;
	margin: 6px 0;
}

.ui-x-title-banner-content-thumb .ui-x-header-optionsbar .ui-x-loading-icn svg path,
.ui-x-widget-forms-title-banner .ui-x-header-optionsbar .ui-x-loading-icn svg path { stroke: #FFFFFF !important; }

.ui-x-title-banner-content {
	top: 116px;
	width: 100%;
}

.ui-x-title-banner-content-thumb .ui-x-title-banner-content { min-height: 85px; }

.ui-x-widget-forms-title-banner .ui-x-title-banner-content {
	min-height: 85px;
	background-color: rgba(0, 0, 0, 0.5);
}

.ui-x-title-banner-content-thumb {
	position: absolute;
	right: 0;
	padding-top: 50px;
	width: 275px;
	border-left: 2px #fff solid;
}

.ui-x-title-banner-content-thumb.ui-x-slideActive {
	right: -220px;
	-webkit-transition: right 0.3s;
	-moz-transition: right 0.3s;
	-ms-transition: right 0.3s;
	-o-transition: right 0.3s;
	transition: right 0.3s;
}

.ui-x-title-banner-content-thumb.ui-x-slideActive.ui-x-slideOpen {
	right: 0;
	z-index: 2;
}

.ui-x-title-banner-content-thumb .ui-x-thumbnail-view-control {
	position: absolute;
	left: -23px;
	top: 50%;
	margin-top: -22px;
	height: 45px;
	width: 45px;
	border-radius: 100%;
	background-color: #fff;
	cursor: pointer;
	text-align: center;
}

.ui-x-title-banner-content-thumb .ui-x-thumbnail-view-control span {
	height: 24px;
	margin: 10px;
	width: 24px;
	display: block;
}

.ui-x-title-banner-content-thumb .ui-x-header-optionsbar {
	background-color: rgba(0, 0, 0, 0.5);
	height: 50px;
	position: absolute;
	top: 0;
	width: inherit;
}

.ui-x-widget-forms-title-banner .ui-x-title-title-container { max-width: 700px; }

.ui-x-widget-forms-title-banner .ui-x-title-title-container.ui-x-no-thumb-admin { margin-left: 25px; }

.ui-x-widget-forms-title-banner:not(.ui-x-publishMode) .ui-x-title-title {
	color: #ffffff;
	float: none;
	margin: 0 auto;
	max-width: inherit;
	padding: 22px 0;
	width: 77%;
}

.ui-x-widget-forms-title-banner.ui-x-slideActive:not(.ui-x-publishMode) .ui-x-title-title { width: 81%; }

.ui-x-widget-forms-title-banner .ui-x-title-title .ui-x-countdown,
.ui-x-widget-forms-title-banner .ui-x-title-titleSm .ui-x-countdown {
	font-size: 27.174%;
	line-height: 1.0;
	color: #FFF;
	display: block;
	clear: both;
	height: auto;
	padding: 0;
}

.ui-x-widget-forms-title-banner .ui-x-title-subtitle .ui-x-countdown { font-size: 61.728%; }

.ui-x-widget-forms-title-banner .ui-x-title-title div,
.ui-x-widget-forms-title-banner .ui-x-title-titleSm div:first-child {
	color: #ffffff;
	display: table-cell;
	line-height: normal;
	/*min-width: 645px;*/
	outline: medium none;
	vertical-align: middle;
	word-wrap: break-word;
}

.ui-x-widget-forms-title-banner .ui-x-title-titleSm .ui-x-title-subtitle div {
	padding: 0;
	height: auto;
	max-width: 620px;
	min-width: 615px;
}

.ui-x-widget-forms-title-banner .ui-x-title-title div.ui-x-placeholder-val,
.ui-x-widget-forms-title-banner .ui-x-title-titleSm div.ui-x-placeholder-val {
	/*color: #D4D4D4;*/
	/*color: #EEECEC;*/
	color: #C4C4C4;
	min-width: 645px;
}

.ui-x-thumb-unedited {
	width: 100%;
	height: 100%;
	opacity: 0.75;
	-moz-opacity: 0.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.75)";
}

.ui-x-click-edit-input { width: 100%; }

.ui-x-unedited {
	opacity: 0.5;
	-moz-opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
}

/* auto complete widget */

.ui-x-autoComplete {
	position: relative;
	border: 1px solid #D6D6D6;
	background-color: rgba(255, 255, 255, 0.25);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}

.ui-x-autoComplete input {
	font-weight: 300;
	color: #717171;
	padding: 8px;
	width: 100%; /*width: 264px;*/
	z-index: 1;
}

.ui-x-autoComplete input::-ms-clear {
	width: 0;
	height: 0;
}

.ui-x-autoComplete .ui-x-dark-close-icn {
	display: block;
	height: 24px;
	left: 225px;
	padding: 2px 6px 0;
	position: absolute;
	top: 11px;
	width: 24px;
	z-index: 2;
}

.ui-x-autoComplete .ui-x-dark-close-icn svg {
	width: 24px;
	height: 24px;
}

.ui-x-autoComplete-overlay {
	cursor: default;
	background-color: #FFFFFF;
	border: 1px solid #D6D6D6;
	border-radius: 2px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	left: -1px;
	padding: 8px 0;
	position: absolute;
	top: 40px;
	width: 529px; /* 100% */
	z-index: 10;
}

.ui-x-autoComplete-overlay li {
	font-size: 77%;
	text-align: left;
	font-weight: normal;
}

.ui-x-autoComplete-overlay li.ui-x-noresults { padding-left: 20px; }

.ui-x-autoComplete-overlay li em {
	color: #000000;
	font-style: normal;
	font-weight: 900;
}

.ui-x-autoComplete-overlay li > div {
	cursor: pointer;
	padding: 4px 15px;
}

.ui-x-autoComplete-overlay li > div .ui-x-tag-disabled { cursor: default; }

.ui-x-autoComplete-overlay li > div:hover { background-color: #F1F1F1; }

.ui-x-autoComplete-overlay .ui-x-search-tick {
	float: left;
	height: 28px;
	width: 28px;
}

.ui-x-autoComplete-overlay .ui-x-item-selected .ui-x-tick path { fill: #008000; }

.ui-x-autoComplete-overlay .ui-x-item-parent { cursor: default; }

.ui-x-autoComplete-overlay li .ui-x-item-parent:hover { background-color: transparent; }

.ui-x-autoComplete-overlay .ui-x-item-parent .ui-x-tick path {
	fill: #F1F1F1;
	stroke: #238E23;
}

.ui-x-autoComplete-overlay .ui-x-search-item-text {
	float: left;
	line-height: 24px;
	padding: 2px 0 2px 7px;
	width: 461px;
	color: #000;
}

.ui-x-autoComplete-overlay .ui-x-search-item-text pre {
	color: #7c7c7c;
	display: inline;
	font-family: var(--em360-font-family);
	margin: 0;
}

.ui-x-autoComplete-overlay .ui-x-tag-disabled { cursor: default; }

.ui-x-autoComplete-overlay .ui-x-tag-disabled:hover,
.ui-x-autoComplete-overlay .ui-x-tag-disabled div:hover { background: transparent; }

.ui-x-autoComplete-overlay .ui-x-tag-disabled .ui-x-search-item-text {
	opacity: 0.6;
	-moz-opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.6)";
	line-height: 1.0em;
	padding-bottom: 0;
}

.ui-x-autoComplete-overlay .ui-x-tag-disabled .ui-x-search-item-small {
	/*color: #C4c4c4;*/
	color: #A3A3A3;
	font-weight: 300;
	font-size: 80%;
	margin: 0 0 0 38px;
	display: block;
}

.ui-x-autoComplete-overlay .ui-x-item-selected.ui-x-tag-disabled:hover,
.ui-x-autoComplete-overlay .ui-x-item-selected.ui-x-tag-disabled div:hover {
	background-color: #F1F1F1;
	cursor: pointer;
}


/* content creation widget*/
.ui-x-widget-forms-title-banner.ui-x-widget-forms-title-banner-blank-content { margin-bottom: 40px; }

.ui-x-content-subtitle {	
	border: none;	
	margin-bottom: 10px;	
	resize: none;	
	overflow: hidden;	
	font-size: 17px;	
	color: #000000;	
	font-weight: 700;	
	line-height: 26px;	
}

/* additional info widget*/
.ui-x-widget-forms-grid-form {
	text-align: center;
	padding: 20px 0 55px;
	width: 1060px; /* re-added as part of profile edit*/
	margin: 0 auto;
	/*margin: 0 43px;*/
}

.ui-x-widget-grid-form-inner {
	text-align: left;
	/*width: 1060px;*//* removed as part of profile edit*/
	margin: 0 auto;
}

.ui-x-widget-grid-form-cont {
	/*border: 1px solid #f1f1f1;*/
	box-shadow: 0 0 0 1px #f1f1f1 inset;
	/*min-height: 180px;*/
	background: transparent url('/BaseTheme/additionalInfo.png') repeat scroll 0 0;
	/*margin-bottom: 50px;*/
}

.ui-x-widget-grid-form-gridItem {
	cursor: pointer;
	float: left;
	height: 88px;
	text-align: center;
	width: 263px;
	border: 1px solid transparent;
	position: relative;
}

.ui-x-widget-grid-form-gridItem:focus { background-color: #f1f1f1; }

.ui-x-widget-grid-form-gridItem.ui-x-mandatory { border-color: #F6B516; }

.ui-x-widget-grid-form-gridItem.ui-x-invalid { border-color: #e2261e; }/*@invalid-marker-color*/

.ui-x-widget-grid-form-gridItem.ui-x-inputFocused,
.ui-x-widget-grid-form-gridItem:hover { background-color: #f1f1f1; }

.ui-x-widget-grid-form-gridItem.ui-x-disabled {
	cursor: default;
	opacity: 0.5;
	-moz-opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
}

.ui-x-widget-grid-form-gridItem.ui-x-disabled:focus,
.ui-x-widget-grid-form-gridItem.ui-x-disabled:not(.ui-x-inputFocused):hover {
	background-color: transparent;
	outline: none;
}

/* Action button */

.ui-x-widget-grid-form-item-action-button {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 21px;
	height: 21px;
}

.ui-x-widget-grid-form-title {
	color: #333;
	font-size: 88%;
	font-weight: 400;
	margin-top: 22px;
}

.ui-x-widget-grid-form-value-container {
	width: 85%;
	margin: 0 auto;
	overflow: hidden;
}

.ui-x-widget-grid-form-value {
	color: #27282C;
	font-size: 90%;
	font-weight: 300;
	margin-top: 5px;
}

.ui-x-widget-grid-form-value.ui-x-placeholder {
	opacity: 0.5;
	-moz-opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
}

/* text specific */

.ui-x-widget-grid-form-value { text-align: center; }

.ui-x-widget-grid-form-value input {
	font-weight: 300;
	left: -1px;
	position: relative;
	text-align: center;
	top: -2px;
	/*border: 1px solid #D6D6D6;*/
	border: 1px solid transparent;
	background: transparent;
}

.ui-x-widget-grid-form-date input {
	visibility: hidden;
	position: relative;
	top: -21px;
}

.ui-x-widget-grid-form-date img { display: none; }

.ui-x-widget-grid-form-date span {
	display: inline-block;
	width: 100%;
}

/* password specific */

.ui-x-widget-grid-form-password-req {
	background-color: rgb(248, 248, 248);
	border: 1px solid #d4d4d4;
	border-width: 0 1px 1px;
	color: rgb(113, 113, 113);
	font-size: 75%;
	font-weight: 400;
	left: -1px;
	line-height: 1.8;
	padding: 4% 0 3%;
	position: absolute;
	top: 88px;
	width: 263px;
	z-index: 1;
}

.ui-x-widget-grid-form-password-req-item { padding: 0 2%; }


/* select specific*/

.ui-x-grid-form-select-container {
	position: absolute;
	top: 90px;
	left: -1px;
	width: 262px;
	/*padding: 20px;*/
	border: 1px solid transparent;
	text-align: left;
	padding: 10px 0;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
	background-color: #ffffff;
}

.ui-x-grid-form-select-container ul li {
	padding: 5px 20px;
	font-weight: 400;
	font-size: 14px;
	color: #333;
}

.ui-x-grid-form-select-container ul li:hover { background-color: #F1F1F1; }


/* date specific */

.ui-x-widget-grid-form-value input.ui-x-date-input {
	color: #27282C;
	width: 85%;
	cursor: pointer;
}

/* Image gallery Edit */

.ui-x-widget-forms-image-gallery-cont {
	background: url("/BaseTheme/tagExplorer.png") repeat scroll 0 0 transparent;
	box-shadow: 0 0 0 1px #f1f1f1 inset;
	/*margin-bottom: 50px;*/
	min-height: 134px;
}

.ui-x-widget-forms-image-gallery-Item {
	border: 1px solid transparent;
	cursor: pointer;
	float: left;
	height: 132px;
	position: relative;
	text-align: center;
	width: 263px;
	background-color: rgba(9, 48, 114, 0.7);
}

.ui-x-widget-forms-image-gallery-Item .ui-x-widget-grid-form-title { color: #fff; }

.ui-x-widget-forms-image-gallery-Item:hover { background-color: #a3a3a3; }

.ui-x-widget-grid-form-image {
	height: 85px;
	position: relative;
}

.ui-x-widget-forms-image-gallery-thumb {
	border-radius: 0;
	height: 70px;
	margin: 5px 10px 0;
	position: absolute;
	width: 243px;
	line-height: 65px;
}

.ui-x-widget-forms-image-gallery-thumb div { margin: 0 auto; }

.ui-x-widget-forms-image-gallery-thumb img { vertical-align: middle; }

.ui-x-widget-forms-image-gallery-thumb span {
	display: block;
	margin: 0;
	position: absolute;
	width: 100%;
}

.ui-x-widget-forms-image-gallery-thumb svg {
	opacity: 0;
	-moz-opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.ui-x-widget-forms-image-gallery-Item:hover svg {
	opacity: 0.75;
	-moz-opacity: 0.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.75)";
}

.ui-x-widget-forms-image-gallery-Item:hover .ui-x-widget-forms-image-gallery-thumb img {
	opacity: 0.25;
	-moz-opacity: 0.25;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.25)";
}

.ui-x-widget-forms-image-gallery-button {
	border-radius: 0;
	height: 75px;
	margin: 0 10px 10px;
	position: absolute;
	width: 243px;
}

.ui-x-widget-grid-form-image svg {
	display: inline-block;
	height: 32px;
	margin: 15px auto;
	width: 32px;
	vertical-align: middle;
}

.ui-x-widget-grid-form-image .ui-x-loading-icn svg {
	display: block;
	height: 60px;
	margin: 0 auto;
	width: 60px;
}



/* sphere select - (uses above grid) */

.ui-x-expandable-grid-list-header {
	font-size: 156%;
	font-weight: 300;
}

.ui-x-expandable-grid-list {
	background: url("/BaseTheme/tagExplorer.png") repeat scroll 0 0 transparent;
	box-shadow: 0 0 0 1px #f1f1f1 inset;
	margin-bottom: 50px;
}

.ui-x-expandable-grid-list.ui-x-no-margin { margin: 0; }

.ui-x-expandable-grid-list.ui-x-warning-active { background: url("/BaseTheme/sphereWarning.png") repeat scroll 0 0 transparent; }

.ui-x-expandable-grid-list .ui-x-gridItem-splitter {
	background-color: #f1f1f1;
	height: 2px;
	left: -1px;
	position: absolute;
	top: -2px;
	width: 100%;
}

.ui-x-expandable-grid-list-gridItem-icon {
	height: 35px;
	margin: 12% auto 5%;
	width: 35px;
}

.ui-x-expandable-grid-list-gridItem-icon .ui-x-tick {
	width: 24px;
	height: 24px;
}

.ui-x-expandable-grid-list-gridItem {
	border: 1px solid transparent;
	cursor: pointer;
	float: left;
	height: 132px;
	position: relative;
	text-align: center;
	width: 263px;
}

.ui-x-expandable-grid-list .ui-x-sortable-placeholder {
	border: 1px solid transparent;
	border-radius: 3px;
	float: none;
	height: 45px;
	margin-bottom: 5px;
	text-align: left;
	width: 100%;
}

.ui-x-expandable-grid-list-gridItem-sort {
	cursor: move;
	float: right;
	height: 48px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 45px;
	border-left: 1px solid rgb(241, 241, 241)
}

.ui-x-expandable-grid-list-gridItem-sort span {
	    display: block;
    left: 10px;
    overflow: hidden;
    position: relative;
    top: 12px;
    width: 24px;
    height: 24px;
}

.ui-x-expandable-grid-list-gridItem.ui-x-locked {
	cursor: auto;
}
.ui-x-expandable-grid-list-gridItem.ui-x-locked svg { opacity: 0.5; }

.ui-x-expandable-grid-list.ui-x-warning-active .ui-x-expandable-grid-list-gridItem {
	float: none;
	display: inline-block;
	vertical-align: top;
}

.ui-x-expandable-grid-list-gridItem.ui-x-selected .ui-x-expandable-grid-list-gridItem-icon svg path { fill: green; }

.ui-x-expandable-grid-list-gridItem-title {
	max-height: 50px;
	overflow: hidden;
	padding: 0 15px;
	text-align: center;
	font-weight: 300;
	font-size: 113%;
}

.ui-x-expandable-grid-list-gridItem.ui-x-warning {
	height: auto;
	float: none;
	display: inline-block;
	vertical-align: top;
	border: 1px solid transparent;
	background-color: rgba(255, 170, 0, 0.0980392);
	-webkit-tap-highlight-color: transparent;
}

.ui-x-expandable-grid-list-gridItem .ui-x-warning-content {
	padding: 15px;
	opacity: 1;
	-moz-opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
	text-align: left;
	border: 1px solid rgb(255, 170, 0);
	-webkit-tap-highlight-color: transparent;
}

/* tag list ordering specific */

.ui-x-widget-grid-form-gridItem .ui-x-tag-list-ordering-name {
	width: 100%;
	margin: 0;
}

.ui-x-widget-grid-form-gridItem .ui-x-tag-list-ordering-overlay {
	top: -95px;
	height: 255px;
	left: 0;
	width: 261px;
	text-align: left;
}

.ui-x-data-tooltip {
	width: 21px;
	height: 21px;
	float: right;
}

.ui-x-tooltip-content {
	padding: 10px;
	font-size: 110%;
}

.ui-x-tooltip-content .ui-x-taglist-title { padding-bottom: 15px; }

.ui-x-tooltip-content .ui-x-taglist-title p { padding-bottom: 5px; }

.ui-x-tooltip-content .ui-x-taglist-title span { font-weight: 300; }

.ui-x-tooltip-content .ui-x-taglist-title li { display: inline; }

.ui-x-warning-content .ui-x-expandable-grid-list-gridItem-title { margin: 5px 0 0; }

.ui-x-warning-content p {
	font-size: 88%;
	font-weight: 300;
	padding: 15px 0 25px;
	white-space: normal;
}

.ui-x-warning-content .ui-x-taglist-title { padding-bottom: 15px; }

.ui-x-warning-content .ui-x-taglist-title p {
	font-size: 88%;
	font-weight: 400;
	padding: 0;
}

.ui-x-warning-content .ui-x-taglist-title li {
	display: inline;
	font-size: 88%;
	font-weight: 300;
}

.ui-x-warning-content .ui-x-warning-buttons {
	margin-top: 10px;
	text-align: right;
}

.ui-x-warning-buttons .ui-x-warning-btn {
	overflow: hidden;
	font-size: 14px;
	border: 1px solid rgb(93, 93, 93);
	border-radius: 2px;
	text-align: center;
	/*white-space: pre-wrap; Removed by iain because it was fucking up the sphere warning on interest creation.... oddly */
	height: 34px;
	font-weight: 300;
	background-color: rgb(255, 255, 255);
	padding: 0 15px;
	display: inline-block;
	line-height: 34px;
}

.ui-x-warning-buttons .ui-x-warning-btn-cancel {
	color: rgb(93, 93, 93);
	background-color: rgb(255, 255, 255);
}

.ui-x-warning-buttons .ui-x-warning-btn-ok {
	color: rgb(255, 255, 255);
	background-color: rgb(54, 151, 219);
	border: 0;
	height: 36px;
	margin: 0 0 0 5px;
}


.ui-x-expandable-grid-list.ui-x-blockview {
	background: transparent;
	box-shadow: none;
}

.ui-x-expandable-grid-list.ui-x-blockview .ui-x-expandable-grid-list-gridItem-icon {
	float: left;
	height: 24px;
	margin: 0;
	width: 24px;
}

.ui-x-expandable-grid-list.ui-x-blockview .ui-x-expandable-grid-list-gridItem.ui-x-disabled {
	opacity: 0.5;
	-moz-opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
	cursor: default;
}

.ui-x-expandable-grid-list.ui-x-blockview .ui-x-expandable-grid-list-gridItem {
	border: 1px solid #d8d8d8;
	border-radius: 3px;
	float: none;
	height: auto;
	text-align: left;
	width: 100%;
	margin-bottom: 5px;
}

.ui-x-expandable-grid-list.ui-x-blockview .ui-x-expandable-grid-list-gridItem.ui-x-invalid { border-color: #e2261e; }/*@invalid-marker-color*/

.ui-x-expandable-grid-list.ui-x-blockview .ui-x-expandable-grid-list-gridItem:hover { background-color: rgb(241, 241, 241); }

.ui-x-expandable-grid-list.ui-x-blockview .ui-x-expandable-grid-list-gridItem .ui-x-expandable-grid-list-content { padding: 10px 20px; }

.ui-x-expandable-grid-list.ui-x-blockview .ui-x-expandable-grid-list-gridItem .ui-x-expandable-grid-list-content,
.ui-x-expandable-grid-list.ui-x-blockview .ui-x-expandable-grid-list-gridItem .ui-x-expandable-grid-list-content--comments {
	padding: 12px 20px;
}

.ui-x-expandable-grid-list.ui-x-blockview .ui-x-expandable-grid-list-gridItem .ui-x-expandable-grid-list-content--comments {
	display: flex;
	align-items: center;
}

.ui-x-expandable-grid-list.ui-x-blockview .ui-x-expandable-grid-list-gridItem .ui-x-expandable-grid-list-content--comments .ui-x-expandable-grid-list-gridItem-icon {
	display: flex;
    height: unset;
    width: unset;	
}

.ui-x-expandable-grid-list.ui-x-blockview .ui-x-expandable-grid-list-gridItem .ui-x-content-type .ui-x-content-type-name {
	padding: 15px 20px;
	float: left;
}

.ui-x-select-container {
	float: right;
	max-width: 592px;
}
@media (max-width: 949px) {
	.ui-x-select-container {
		max-width: 294px;
	}
}
.ui-x-expandable-grid-list.ui-x-blockview .ui-x-expandable-grid-list-gridItem .ui-x-content-type .ui-x-admin-list-select {
	/*position: absolute;
	right: 0;*/
	/* switched for multivendor in admin */
	max-width: 297px;
	float: left;
	border-width: 0 0 0 1px;
}

.ui-x-expandable-grid-list.ui-x-blockview .ui-x-expandable-grid-list-gridItem-title {
	float: left;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	padding: 0 20px;
	text-align: left;
	color: #000;
}

.ui-x-expandable-grid-list.ui-x-blockview .ui-x-expandable-grid-list-gridItem.ui-x-disabled .ui-x-expandable-grid-list-gridItem-title { color: #8f8f8f; }

.ui-x-expandable-grid-list.ui-x-blockview .ui-x-expandable-grid-list-gridItem.ui-x-disabled svg path { fill: grey; }

/* View Asset - basic styling */

.ui-x-asset-content {
	/*margin: 15px 0 0;*/
	background-color: #FFFFFF;
	border: 1px solid #d8d8d8;
	border-width: 0px 1px 2px 1px;
	border-radius: 0 0 3px 3px;
}

.ui-x-content-container-inner {
	margin: 0 auto;
	padding: 25px 0 0; /* #22611 - discussion with TS to normalise */
	width: 79%;
}
	.ui-x-content-container-inner.--topics {
		padding: 10px 0 0; /* #22708 */
	}

.ui-x-content-container-no-title {
	margin-top: -10px;
}

.ui-x-content-container-authorDetails {
	padding: 30px 0;
	color: #717171;
	font-size: 13px;
	margin: 0 auto;
	width: 79%;
}

.ui-x-content-container-authorDetails ul li {
	display: inline-block;
	margin-right: 3px;
}

.ui-x-content-container-authorDetails ul li + li:before {
	content: " \2022 ";
	padding: 0;
}

.ui-x-accordion-content .ui-x-content-container-inner { padding: 3% 0 1%; }

.ui-x-accordion-content .ui-x-asset-content-related .ui-x-content-container-inner { padding: 3% 0 3%; }

.ui-x-content-subtitle { margin-top: 0; }


/* View Asset - status banner */

.ui-x-status-bar {
	min-height: 45px;
	width: 100%;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	border: none;
	padding: 0;
	display: block;
}

.ui-x-status-bar:focus-visible {
	outline: 2px solid white;
	border-radius: 2px;
	outline-offset: -4px;
}

.ui-x-status-bar.ui-x-notActive { cursor: default; }

.ui-x-status-bar-message {
	color: #FFFFFF;
	display: table;
	/*float: left;*/
	font-size: 110%;
	font-weight: 300;
	height: 45px;
	line-height: 45px;
	margin: 0 auto;
	width: 86%;
	text-align: center;
}

.ui-x-status-bar-message span {
	display: table-cell;
	vertical-align: middle;
}

.ui-x-status-yellow { background-color: #F6B516; }

.ui-x-status-green { background-color: green; }

.ui-x-status-bar.ui-x-status-disabled { cursor: default; }

/* View Asset - additional */

.ui-x-related-content-container {
	margin: 0 auto;
	width: 79%;
	/*border-top: 1px dashed #eaeaea;*/
	/*padding: 10px 0 0;*/
}

.ui-x-asset-content-additional { position: relative; }
.ui-x-asset-content-additional-no-content { margin-top: 25px; }

/* View Asset - additional - options */

.ui-x-asset-content-options {
	background-color: #fcfcfc;
	border: 1px solid #f0f0f0;
	border-width: 1px 0 0;
	width: 100%;
	height: 45px;
}

.ui-x-asset-content-options ul { text-align: center; }

.ui-x-asset-content-options ul li {
	display: inline-block;
	margin-left: 10px;
}

.ui-x-asset-content-options ul li a {
	min-width: 45px;
	height: 45px;
	display: flex;
	cursor: pointer;
	text-align: center;
	position: relative;
}

.ui-x-asset-content-options ul li a:hover {
	/*background-color: rgba(186,186,186, 0.25);*/
	background-color: #eeeeee;
}

.ui-x-asset-content-options ul li.ui-x-disabled a {
	opacity: 0.5;
	cursor: default;
}

.ui-x-asset-content-options ul li.ui-x-disabled a:hover {
	background-color: transparent;
}

.ui-x-asset-content-options span {
	display: inline-block;
	vertical-align: middle;
}

.ui-x-asset-content-options span.ui-x-option-overlay-value {
	position: absolute;
	left: 22px;
	bottom: 10px;

	font-size: 9px;
    font-weight: 800;
	line-height: 10px;

	width: auto;
	min-width: 8px;
	height: 9px;
	padding: 1px 2px;

	border-radius: 50px;
	background: rgb(113, 113, 113);
	color: white;

	text-align: center;
}

.ui-x-asset-content-options span.ui-x-option-label {
	font-size: 81%;
	font-weight: 400;
	line-height: 45px;
	padding: 0 15px 0 0;
}

.ui-x-asset-content-options .ui-x-icn {
	width: 45px;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.ui-x-asset-content-options .ui-x-dropdown-icn {
	height: 29px;
	margin: 0 5px 0 0;
	width: 29px;
}

.ui-x-asset-content-options .ui-x-dropdown-container {
	bottom: 45px;
	left: 0;
	right: inherit;
	top: inherit;
}

/* View Asset - additional - tags */

.ui-x-asset-content-tags {
	/*border-top: 1px dashed #eaeaea;*/ /*#22527*/
	margin: 0 auto;
	padding: 0; /*#22526 adjusted */
	position: relative;
	width: 79%;
}
.ui-x-asset-content-tags__title {
	font-size: 18px;
	font-weight: 700;
	color: #000000;
	margin: 0px 3px 5px 0;
	position: relative;
	word-break: break-word;
}

/* data specific tags */

.ui-x-asset-content-tags.ui-x-highlighted-tags {
	margin: 0 auto;
	padding: 0;
	border: none;
}

.ui-x-asset-content-tags-title {
	background-color: #FFFFFF;
	border: 1px solid #EAEAEA;
	color: #000000;
	font-size: 88%;
	font-weight: 400;
	height: 33px;
	line-height: 33px;
	padding: 0 30px;
	position: absolute;
	top: -34px;
	border-width: 1px 1px 0;
}

.ui-x-asset-content-tags ul {
	margin-top: 10px;
}

.ui-x-asset-content-tags ul li {
	margin: 0 6px 6px 0;
	background-color: #f1f1f1;
	border: 1px solid #f1f1f1;
	border-radius: 5px;
	color: #000;
	cursor: pointer;
	float: left;
	font-size: 14px;
	line-height: 2.4;
	position: relative;
}

.ui-x-asset-content-tags ul li a {
	color: #000;
	padding: 0 10px;
	display: block;
}
	.ui-x-asset-content-tags ul li a:focus-visible {
		outline: 2px solid rgb(54, 151, 219);
		border-radius: 5px;
		outline-offset: 2px;
	}

.ui-x-asset-content-tags ul li:hover {
	border-color: rgb(54, 151, 219);
	background-color: rgb(54, 151, 219);
}


	.ui-x-asset-content-tags ul li:hover a {
		color: #fff;
	}
/* View Asset - additional - related */

.ui-x-asset-content-related { border-top: 3px solid rgb(241, 241, 241); }

.ui-x-asset-content-related h2.ui-x-content-subtitle {
	color: #717171;
	font-family: var(--em360-font-family);
	font-size: 156%;
	font-weight: 300;
}

/* expand widget */

.ui-x-expand-container { position: relative; }

.ui-x-expand-content { overflow: hidden; }

.ui-x-expand-bar {
	/*background: none repeat scroll 0 0 #FFFFFF;
    padding: 1em 0;*/
	position: absolute;
	bottom: -25px;
	left: 50%;
	margin-left: -60px;
}

.ui-x-expand-bar-text-container {
	background: none repeat scroll 0 0 #FFFFFF;
	cursor: pointer;
	height: 25px;
	padding: 0 8px;
}

.ui-x-expand-bar-txt {
	display: inline-block;
	font-size: 81.25%; /* = 11px*/
	font-weight: 300;
	line-height: 25px;
	padding-left: 5px;
}

.ui-x-expand-bar-text-container .ui-x-contract-icn,
.ui-x-expand-bar-text-container .ui-x-expand-icn {
	height: 25px;
	width: 25px;
	float: left;
	display: block;
}

/* Create Asset - preview - overview */

.ui-x-asset-content-overview { }

.ui-x-asset-content-overview-item {
	margin-left: 6px;
	border: 1px solid rgb(234, 234, 234);
	float: left;
	width: 32.7%;
}

.ui-x-asset-content-overview-item.ui-x-first { margin: 0; }

.ui-x-asset-content-overview-item h3 {
	padding: 0 20px;
	font-weight: 400;
	font-size: 113%;
}

.ui-x-asset-content-overview-item ul {
	padding: 0 15px 10px;
	font-size: 88%; /* = 14px */
	font-weight: 300;
}

.ui-x-asset-content-overview-item ul li {
	margin-bottom: 10px;
	overflow: hidden;
}

.ui-x-asset-content-overview-item ul li > span {
	display: inline-block;
	max-width: 56%;
	color: #27282C;
}

/* Tooltip */

.ui-x-tooltip {
	position: absolute;
	width: 1px;
	height: 1px;
	z-index: 1;
}

.ui-x-tooltip-inner {
	position: absolute;
	top: 6px;
	border-radius: 5px;
	background-color: #000;
	opacity: 0.7;
	-moz-opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.7)";
	color: #fff;
	padding: 8px 10px;
	font-size: 12px;
}

.ui-x-tooltip:after {
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	left: -4px;
	top: -2px;
	border-top: 4px solid transparent;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid #000000;
	border-bottom: 4px solid rgba(0, 0, 0, 0.7);
}

.ui-x-tooltip-inner a {
	color: #fff;
	text-decoration: none;
}

/* Data panels */

.ui-x-datapanels {
	margin: 0 auto;
	width: 1196px;
}

.ui-x-datapanels-inner {
	margin-left: 30px;
	margin-right: 35px;
	margin-bottom: 35px;
}

.ui-x-datapanels-inner.ui-x-datapanels-block {
	margin-left: 5px;
	margin-right: 10px;
}

.ui-x-datapanel-section { margin-top: 30px; }

.ui-x-datapanels h2 {
	font-size: 138%;
	font-weight: 400;
	color: #333; /* 5D5D5D */
	display: inline-block;
	margin: 0 0 20px 5px;
}

.ui-x-datapanels-section-tooltip {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-left: 5px;
	position: relative;
	top: 2px;
}

.ui-x-datapanel-container-container {
	width: 390px;
	float: left;
	margin-left: 5px;
	margin-bottom: 5px;
	position: relative;
}

.ui-x-datapanel-container {
	background-color: #fff;
	border: 1px solid #D8D8D8;
	border-width: 1px 1px 2px;
	border-radius: 3px;
	/*width:390px;
	float:left;
	margin-left:5px;
	margin-bottom:5px;
	position:relative;*/
	padding-bottom: 5px;
}

.ui-x-datapanels-block .ui-x-datapanel-container-container {
	width: auto;
	float: none;
}

.ui-x-datapanel-header {
	/*padding: 20px 21px 16px;*/
	padding: 13px 21px 13px;
	background: #FCFCFC;
	border-bottom: 1px solid #F0F0F0;
	border-radius: 3px 3px 0 0;
}

.ui-x-datapanel-header h3 {
	float: left;
	font-size: 20px;
	font-weight: 400;
	color: #333;
	margin: 0;
	line-height: 24px;
}

.ui-x-datapanel-options {
	float: right;
	height: 24px;
}

.ui-x-datapanel-options > button,
.ui-x-datapanel-options > div {
	height: 24px;
	width: 24px;
	display: inline-block;
	margin-left: 5px;
	cursor: pointer;
	border: none;
    background-color: transparent;
	padding: 0;
}

.ui-x-datapanel-options > button:focus-visible {
	background-color: #3697DB;
	color: #fff;
}

.ui-x-datapanel-options > button:focus-visible path {
	fill: #fff !important
}

.ui-x-datapanel-options > button span {
	display: block;
    height: 24px;
}

.ui-x-datapanel-options .ui-x-icn-sync svg,
.ui-x-datapanel-options .ui-x-icn-cog svg {
	opacity: 0.50;
	-moz-opacity: 0.50;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.50)";
}

.ui-x-datapanel-options > button:focus-visible svg,
.ui-x-datapanel-options .ui-x-icn-sync:hover svg,
.ui-x-datapanel-options .ui-x-icn-cog:hover svg {
	opacity: 1;
	-moz-opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
}

.ui-x-datapanel-options .ui-x-icn-sync.ui-x-disabled,
.ui-x-datapanel-options .ui-x-icn-cog.ui-x-disabled { cursor: default; }

.ui-x-datapanel-options .ui-x-icn-sync.ui-x-disabled:hover svg,
.ui-x-datapanel-options .ui-x-icn-cog.ui-x-disabled:hover svg {
	opacity: 0.50;
	-moz-opacity: 0.50;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.50)";
}

.ui-x-datapanel-fields {
	margin: 17px 21px;
	overflow: hidden;
}

.ui-x-datapanel-fields.ui-x-no-field-margin { margin: 0; }

.ui-x-datapanel-field-container {
	margin-bottom: 15px;
	position: relative;
}

.ui-x-datapanel-field-section-container { margin-bottom: 30px; }

.ui-x-datapanel-field-container.ui-x-no-field-margin { margin: 0; }

.ui-x-datapanel-field-container .ui-x-tag-group-structure-trans-icon {
	margin-top: -10px;
	position: absolute;
	right: 0;
	top: 50%;
}

.ui-x-datapanel-field-container li {
	overflow: hidden;
	border-bottom: 1px solid rgb(234, 234, 234);
	height: 50px;
	line-height: 50px;
	position: relative;
	padding: 0 21px;
}

.ui-x-datapanel-field-container li .ui-x-tag-group-structure-trans-icon {
	height: 30px;
	margin-top: 0;
	position: absolute;
	right: 21px;
	top: 9px;
}


.ui-x-datapanel-header-preview .ui-x-widget-forms-title-banner {
	width: 100%;
	min-height: 115px;
	padding: 0;
	/*border-radius: 0 0 2px 2px;*/
}

.ui-x-datapanel-header-preview .ui-x-widget-forms-title-banner.ui-x-thumbWidth {
	width: ~'calc(100% - 132px)';
	padding: 0;
}

.ui-x-datapanel-header-preview .ui-x-title-banner-content-thumb {
	min-height: 145px;
	padding: 0;
	width: 130px;
}

.ui-x-datapanel-header-preview .ui-x-title-title {
	font-size: 16px;
	max-width: 135px;
	height: 85px;
}

.ui-x-datapanel-header-preview .ui-x-title-title p {
	height: 85px;
	padding-right: 10px;
}

.ui-x-datapanel-field-image-gallery {
	display: table;
	height: 145px;
	width: 100%;
	background-color: rgba(9, 48, 114, 0.7);
}

.ui-x-datapanel-field-image-item {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.ui-x-datapanel-field-image-item-frame {
	margin: 0 auto;
	width: 115px;
	overflow: hidden;
}

.ui-x-datapanel-field-image-item-fullwidth { width: 100%; }

.ui-x-login-card-fields label,
.ui-x-datapanel-fields label {
	font-size: 14px;
	font-weight: 400;
	color: #333;
	margin-bottom: 2px;
	display: inline-block;
}

.ui-x-datapanel-fields .ui-x-sectionTitle {
	font-size: 16px;
	font-weight: 400;
	color: #333;
	margin-bottom: 15px;
}

.ui-x-datapanel-field-value--link {
	color: #000;
	cursor: pointer;
	text-decoration: underline;
}

.ui-x-datapanel-field-value--child {
	margin-left: 21px;
}

.ui-x-datapanel-field-value--with-action {
	margin-right: 21px;
}

.ui-x-datapanel-field-validation-message {
	color: #FF3333;
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 3px;
}

input.ui-x-datapanel-field-text {
	display: block;
	border: 1px solid #d4d4d4;
	font-size: 14px;
	font-weight: 300;
	color: #333;
	padding: 5px 5px 4px;
	margin: 6px 0 9px;
	width: 100%;
}

.ui-x-datapanel-text__wrapper--with-icon {
	position: relative;
	padding-right: 27px;
}

select.ui-x-datapanel-field-tag {
	display: block;
	border: 1px solid #d4d4d4;
	font-size: 14px;
	font-weight: 300;
	color: #333;
	padding: 4px 2px 3px;
	margin: 6px 0 9px;
	width: 100%;
}

select.ui-x-datapanel-field-tag.ui-x-disabled { background-color: #ebebe4; }

input.ui-x-datapanel-field-text.ui-x-invalid {
	border-color: #FF3333;
	margin-bottom: 4px;
}

textarea.ui-x-datapanel-field-text {
	display: block;
	border: 1px solid #d4d4d4;
	font-size: 14px;
	font-weight: 300;
	color: #333;
	padding: 5px 5px 4px;
	margin: 6px 0 9px;
	resize: none;
	width: 100%;
}

.ui-x-datapanel-field-tag { margin-bottom: 15px; }


.ui-x-datapanel-field-tag ul li ul { margin-left: 10px; }

.ui-x-datapanel-field-list { }

.ui-x-datapanel-field-list li {
	background-repeat: no-repeat;
	list-style-type: none;
	overflow: hidden;
}

.ui-x-datapanel-field-list li a {
	display: block;
	height: 44px;
	padding: 0 0 0 30px;
	text-decoration: none;
	color: #6c6c6c;
	border-bottom: 1px solid rgb(234, 234, 234);
}

.ui-x-datapanel-field-list li a.ui-x-noBorder { border-bottom: none; }

.ui-x-datapanel-field-list li a:hover { background-color: #F5F5F5; }

.ui-x-datapanel-field-list li a .ui-x-datapanel-field-list-icn {
	background-position: center center;
	background-size: cover;
	border-radius: 100%;
	float: left;
	height: 25px;
	margin-top: 10px;
	width: 25px;
}

.ui-x-datapanel-field-list li a .ui-x-datapanel-field-list-name {
	float: left;
	height: 45px;
	margin-left: 20px;
	overflow: hidden;
	text-align: left;
	font-size: 14px;
	color: #000;
	width: 190px;
}

.ui-x-datapanel-field-list li a .ui-x-datapanel-field-list-name div {
	line-height: 45px;
	vertical-align: middle;
}


/* used for full width ( tag group view - structure */

.ui-x-datapanel-container.ui-x-no-pad { padding: 0; }

.ui-x-tag-group-structure ul li { }

.ui-x-tag-group-structure ul li ul { border-top: 1px solid rgb(234, 234, 234); }

.ui-x-tag-group-structure ul li ul li { }

.ui-x-tag-group-structure-item {
	padding: 12px 20px;
	position: relative;
}

.ui-x-tag-group-structure-item.ui-x-has-tags { cursor: pointer; }

.ui-x-tag-group-structure-item.ui-x-has-tags.ui-x-locked .ui-x-tag-group-structure-tag-select { cursor: auto; }

.ui-x-tag-group-structure-item.ui-x-has-tags.ui-x-secondary-tag.ui-x-add-tag-primary-action { cursor: default; }

.ui-x-tag-group-structure-item.ui-x-add-tag-primary-action:hover,
.ui-x-tag-group-structure-item.ui-x-has-tags:hover { background-color: rgb(241, 241, 241); }

.ui-x-tag-group-structure-parent-icon {
	height: 24px;
	position: absolute;
	width: 24px;
	z-index: 5;
}

.ui-x-tag-group-structure-parent-icon div {
	cursor: pointer;
}

.ui-x-tag-group-structure-parent-icon svg {
	position: relative;
	/*top: 3px;*/
}

.ui-x-tag-group-structure-parent-name {
	color: #333;
	float: left;
	font-size: 14px;
	font-weight: 400;
	line-height: 20pt;
	margin: 0 0 0 42px;
	overflow: hidden;
	width: 83%;
	/*max-height: 27px;*/
}

.ui-x-tag-group-structure-parent-name.ui-x-msg-active > div {
	line-height: 17px;
	margin-bottom: 10px;
	position: relative;
	top: -2px;
}

.ui-x-tag-group-structure-parent-name > div.ui-x-tag-group-structure-msg {
	color: #aeaeae;
	font-size: 90%;
	font-weight: normal;
	line-height: 15px;
	position: absolute;
	top: 25px;
	margin: 0;
	width: 68%;
}

.ui-x-tag-group-structure-trans-icon {
	float: right;
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.ui-x-tag-group-structure-trans-icon-wrapper {
	padding-top: 2px;
}

.ui-x-tag-group-structure-trans-icon svg { opacity: 0.5; }

.ui-x-tag-group-structure-trans-icon:hover svg { opacity: 1; }

.ui-x-bordered-item { border-bottom: 1px solid rgb(234, 234, 234); }

/* EDIT MODE START */

.ui-x-editmode .ui-x-tag-group-structure-item {
	padding-top: 9px;
	padding-bottom: 9px;
}

.ui-x-editmode .ui-x-tag-group-structure-item.ui-x-isParent {
	padding-left: 22px !important;
	background-color: rgb(250, 250, 250);
}

.ui-x-editmode .ui-x-tag-group-structure-item.ui-x-disabled {
	background-color: #f1f1f1;
	opacity: 0.5;
	-moz-opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
}

.ui-x-tag-group-structure-parent-sort {
	cursor: move;
	float: right;
	height: 45px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 45px;
}

.ui-x-tag-group-structure-parent-sort span {
	display: block;
	left: 12px;
	overflow: hidden;
	position: relative;
	top: 10px;
	height: 24px;
	width: 24px;
}

.ui-x-tag-group-structure .ui-x-sortable-placeholder {
	border-bottom: 1px solid rgb(234, 234, 234);
	border-right: 0 none;
	float: none;
	height: 31px;
	padding-bottom: 7px;
	padding-top: 7px;
}


/* SELECT MODE START */

.ui-x-selectmode .ui-x-tag-group-structure-item {
	padding-top: 9px;
	padding-bottom: 9px;
}

.ui-x-selectmode .ui-x-tag-group-structure-item.ui-x-selectable { cursor: pointer; }

.ui-x-selectmode .ui-x-tag-group-structure-item.ui-x-isParent {
	padding-left: 22px !important;
	background-color: rgb(250, 250, 250);
}

.ui-x-mobileOverlay-list.ui-x-tag-explore .ui-x-tag-group-structure-item.ui-x-isParent { padding-left: 17px !important; }

.ui-x-selectmode .ui-x-tag-group-structure-item.ui-x-disabled {
	background-color: #f1f1f1;
	opacity: 0.5;
	cursor: default;
}

.ui-x-tag-group-structure-tag-select {
	float: right;
	height: 45px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 45px;
}

.ui-x-tag-group-structure-item.ui-x-secondary-tag .ui-x-tag-group-structure-tag-select { cursor: default; }


.ui-x-tag-group-structure-tag-select:hover { background-color: rgba(186, 186, 186, 0.25); }

.ui-x-tag-group-structure-item.ui-x-locked .ui-x-tag-group-structure-tag-select:hover { background-color: transparent; }

.ui-x-tag-group-structure-item.ui-x-has-tags .ui-x-tag-group-structure-tag-select:hover { background-color: transparent; }

.ui-x-tag-group-structure-tag-select span {
	display: block;
	height: 21px;
	left: 13px;
	overflow: hidden;
	position: relative;
	top: 12px;
	width: 21px;
}

.ui-x-tag-level-select-popup .ui-x-tag-group-structure-tag-select { width: 49px; }

.ui-x-mobileOverlay .ui-x-tag-group-creator-tree-modal .ui-x-tag-group-structure-tag-select { width: 55px; }

.ui-x-mobileOverlay .ui-x-tag-group-creator-tree-modal .ui-x-tag-group-structure-parent-name { width: 80%; }

.ui-x-selectmode .ui-x-tag-group-structure-item.ui-x-isSelected .ui-x-tag-group-structure-tag-select svg path { fill: green; }

.ui-x-selectmode .ui-x-tag-group-structure-item.ui-x-secondary-tag .ui-x-tag-group-structure-tag-select svg path {
	stroke: #238E23;
	fill: #F1F1F1;
}

/* User permissionSet control */

.ui-x-datapanel-field-permissionset { }

.ui-x-datapanel-field-permissionset-item { }

.ui-x-datapanel-field-permissionset-left {
	float: left;
	width: 110px;
}

.ui-x-datapanel-field-permissionset-middle {
	float: left;
	width: 110px;
}

.ui-x-datapanel-field-permissionset-right {
	float: left;
	width: 110px;
}

.ui-x-datapanel-field-permissionset-remove,
.ui-x-datapanel-field-permissionset-add {
	float: right;
	width: 16px;
	height: 16px;
	background-color: red;
}

.ui-x-datapanel-field-permissionset-add-container select { width: 100px; }

.ui-x-data-container__sections {
	width: 100%;
	margin: 0 auto 20px;
	display: block;

	border: 1px solid #d8d8d8;
	border-radius: 0 0 5px 5px;
	box-sizing: border-box;
	max-width: 1248px;/*@header-content-inner-min-width: 1248px;*/

	padding: 0  16px;/*@padding + @offset-mobile - @section-item-margin;*/
}

@media (min-width: 601px) {	/* @left-bar-visibility-min*/
	.ui-x-data-container__sections {
		width: 94%;
		padding: 0 26px; /*@padding + @offset - @section-item-margin;*/
	}
	/*/@large-screen-content-container-rules();*/
}

@media (min-width: 1330px) { 	/* @data-content-wide-breakpoint*/
	.ui-x-data-container__sections {
		width: 100%;
	}
}

/* HUBS */

.ui-x-hub-container { padding-bottom: 35px; }

.ui-x-hub-container__sections {
	width: 94%;
	display: block;
	margin: 0 auto;
}

.ui-x-page-info {
	font-size: 165%;
	font-weight: 300;
	margin: 30px auto; /* was 50px */
	max-width: 500px;
	text-align: left;
	line-height: 1.6;
	padding: 0 5%;
}

.ui-x-page-info.ui-x-info-center { text-align: center; }


.ui-x-popout-overlay {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 10;
	/*-webkit-transform: translateZ(500px);*/
}

.ui-x-accordion-embed-panel {
	padding: 24px;
	/*min-height: 72px;*/
}

.ui-x-accordion-embed-panel > div {
	display: flex;
}

.ui-x-accordion-embed-panel.ui-x-error { padding-bottom: 10px; }

	.ui-x-accordion-embed-panel .ui-x-accordion-btn {
		height: 37px;
		line-height: 37px;
		width: inherit;
		text-decoration: none;
		min-width: 124px;
		white-space: nowrap;
		margin-left: 10px;
	}

.ui-x-accordion-embed-panel input {
	border: 1px solid #dedede;
	font-size: 16px;
	padding: 6px 6px 7px;
	flex: 1;
	color: #5d5d5d;
}

.ui-x-accordion-embed-panel input.ui-x-placeholder-val { color: #bababa; }

.ui-x-accordion-embed-panel-error {
	padding: 12px 0 2px;
	color: #F00;
}

/* TAG STRUCTURE CREATOR */

.ui-x-tag-group-creator {
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
	width: 1060px;
}

.ui-x-tag-group-creator-inner {
	margin-bottom: 25px;
	text-align: left;
	border: 1px solid #D8D8D8;
	border-width: 1px 1px 2px;
	border-radius: 3px;
}

.ui-x-tag-group-creator-left {
	border-right: 1px solid #b7b7b7;
	float: left;
	position: relative;
	width: 445px;
	box-shadow: 3px 0 5px -3px rgba(0, 0, 0, 0.498);
	overflow: hidden;
}

.ui-x-tag-group-creator-right {
	float: right;
	width: 611px;
}

.ui-x-tag-group-creator-header {
	background: none repeat scroll 0 0 #fcfcfc;
	border-bottom: 1px solid #f0f0f0;
	border-radius: 3px 3px 0 0;
	padding: 15px 21px;
}

.ui-x-tag-group-creator-header h3 {
	color: #717171;
	float: left;
	font-size: 125%;
	font-weight: 300;
	margin: 0;
}

.ui-x-tag-group-creator-header.ui-x-tag-group-option-header { padding: 0; }

.ui-x-tag-group-creator-header.ui-x-tag-group-option-header h3 { padding: 15px 21px; }

.ui-x-tag-group-creator-options {
	float: right;
	height: 45px;
	padding: 6px 10px;
}

.ui-x-tag-group-creator-options > div {
	cursor: pointer;
	float: left;
	height: 45px;
	width: 45px;
}

.ui-x-tag-group-creator-options > div:hover { background-color: rgba(186, 186, 186, 0.25); }

.ui-x-tag-group-creator-options > div svg { margin: 10px 11px; }

.ui-x-tag-group-creator-options div.ui-x-inactive {
	opacity: 0.5;
	-moz-opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
	cursor: default;
}

.ui-x-tag-group-creator-options > div.ui-x-inactive:hover { background-color: transparent; }

.ui-x-tag-group-creator-taginput-container {
	border-bottom: 1px solid #b7b7b7;
	box-shadow: 1px 2px 3px -2px rgba(0, 0, 0, 0.498);
}

.ui-x-tag-group-creator-taginput {
	padding: 15px 57px 15px 21px;
	position: relative;
}

.ui-x-tag-group-creator-taginput-icon {
	height: 22px;
	right: 21px;
	top: 16px;
	position: absolute;
	width: 23px;
	cursor: pointer;
}

.ui-x-tag-group-creator-taginput-tagname {
	color: #333;
	float: left;
	font-size: 14px;
	font-weight: 400;
	line-height: 17pt;
	width: 100%;
}

.ui-x-tag-group-creator-taginput-input {
	border: 0;
	width: 100%;
	color: #333;
}

.ui-x-tag-group-creator-taginput-input:-ms-input-placeholder { color: #a1a1a1; }

.ui-x-tag-group-creator-tree {
	height: 450px;
	overflow-x: hidden;
	overflow-y: scroll;
}

.ui-x-tag-group-creator-tree-modal { height: 425px; }

.ui-x-tag-group-creator-tree-modal { height: 425px; }

.ui-x-tag-level-select-popup .ui-x-tag-group-creator-tree-modal {
	height: auto;
	min-height: 325px;
}

.ui-x-tag-group-creator-selected-tag {
	padding: 15px 21px;
	border-bottom: 1px solid #f0f0f0;
}

.ui-x-tag-group-creator-selected-empty {
	font-size: 18px;
	font-weight: 300;
	padding: 55px 21px;
	position: relative;
	text-align: center;
}

.ui-x-tag-group-creator-translation { padding: 15px 21px; }


/* TAG LEVELS NAMING */

.ui-x-tag-group-levels {
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
	width: 1060px;
}

.ui-x-tag-group-levels-item {
	background-color: #fff;
	border: 1px solid #D8D8D8;
	border-width: 1px 1px 2px;
	border-radius: 3px;
	margin-bottom: 20px;
	position: relative;
	width: 100%;
}

.ui-x-tag-group-levels-item-header {
	background: none repeat scroll 0 0 #fcfcfc;
	border-bottom: 1px solid #f0f0f0;
	border-radius: 3px 3px 0 0;
	padding: 10px 21px;
}

.ui-x-tag-group-levels-item-header input {
	background-color: transparent;
	color: #717171;
	font-size: 22px;
	font-weight: 300;
}

.ui-x-tag-group-levels-item-content {
	padding: 20px;
	text-align: left;
}

.ui-x-tag-group-levels-item-tag {
	background-color: #f8f8f8;
	border: 1px solid #eaeaea;
	border-radius: 3px;
	color: #5d5d5d;
	display: inline-block;
	font-size: 81%;
	font-weight: 400;
	height: auto;
	line-height: 2.2;
	margin: 0 6px 5px 0;
	overflow: hidden;
	padding: 0 7px;
	text-align: center;
	vertical-align: middle;
	/*white-space: nowrap;*/
}


/* TAG CONFIGURATION */

.ui-x-tag-group-configuration {
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
	width: 1060px;
}

.ui-x-tag-group-configuration-inner {
	margin-bottom: 25px;
	text-align: left;
	border: 1px solid #D8D8D8;
	border-width: 1px 1px 2px;
	border-radius: 3px;
}

.ui-x-tag-group-configuration-left {
	border-right: 1px solid #b7b7b7;
	float: left;
	position: relative;
	width: 285px;
	box-shadow: 3px 0 5px -3px rgba(0, 0, 0, 0.498);
	overflow: hidden;
}

.ui-x-tag-group-configuration-right {
	float: right;
	width: 772px;
}

.ui-x-tag-group-configuration-header {
	background: none repeat scroll 0 0 #fcfcfc;
	border-bottom: 1px solid #f0f0f0;
	border-radius: 3px 3px 0 0;
	padding: 17px 21px;
}

.ui-x-tag-group-configuration-header h3 {
	color: #717171;
	float: left;
	font-size: 125%;
	font-weight: 300;
	margin: 0;
}

.ui-x-tag-group-configuration-types {
	height: 450px;
	overflow-x: hidden;
	overflow-y: scroll;
}

.ui-x-tag-group-configuration-item {
	padding: 10px 20px;
	position: relative;
	cursor: pointer;
}

.ui-x-tag-group-configuration-item:hover { background-color: rgb(241, 241, 241); }

.ui-x-tag-group-configuration-name {
	color: #333;
	float: left;
	font-size: 14px;
	font-weight: 400;
	line-height: 18pt;
	margin: 0 0 0 4px;
	overflow: hidden;
	width: 85%;
}

.ui-x-tag-group-configuration-tabs-container {
	border-bottom: 1px solid #b7b7b7;
	box-shadow: 1px 2px 3px -2px rgba(0, 0, 0, 0.498);
}

.ui-x-tag-group-configuration-tabs {
	margin: 0 auto;
	text-align: center;
}

.ui-x-tag-group-configuration-tabs li {
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	height: 45px;
	line-height: 45px;
	width: 153px;
	cursor: pointer;
}

.ui-x-tag-group-configuration-tabs li:hover {
	-webkit-box-shadow: 0 -11px 0 -7px rgba(234, 234, 234, 1) inset;
	-moz-box-shadow: 0 -11px 0 -7px rgba(234, 234, 234, 1) inset;
	box-shadow: 0 -11px 0 -7px rgba(234, 234, 234, 1) inset;
}

.ui-x-tag-group-configuration-tab-selected {
	-webkit-box-shadow: 0 -11px 0 -7px rgba(234, 234, 234, 1) inset;
	-moz-box-shadow: 0 -11px 0 -7px rgba(234, 234, 234, 1) inset;
	box-shadow: 0 -11px 0 -7px rgba(234, 234, 234, 1) inset;
}


.ui-x-tag-group-configuration-options { padding: 2px 0; }

.ui-x-tag-group-configuration-options .ui-x-options-disabled {
	opacity: 0.5;
	-moz-opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
}

.ui-x-tag-group-configuration-options-options { position: relative; }

.ui-x-tag-group-configuration-options-mask {
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 1;
}

.ui-x-tag-group-configuration-options-item {
	cursor: pointer;
	padding: 10px 20px;
}

.ui-x-tag-group-configuration-options-icon .ui-x-tick {
	width: 24px;
	height: 24px;
}

.ui-x-tag-group-configuration-options-item.ui-x-options-disabled {
	cursor: default;
	opacity: 0.5;
	-moz-opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
}

.ui-x-tag-group-configuration-options-item.ui-x-options-disabled:hover { background-color: transparent; }

.ui-x-tag-group-configuration-options-item:hover { background-color: rgb(241, 241, 241); }

.ui-x-tag-group-configuration-options-header { padding: 10px 20px; }

.ui-x-tag-group-configuration-options-icon {
	float: left;
	margin: 0 15px 0 4px;
	width: 21px;
	height: 21px;
}

/*.ui-x-tag-group-configuration-options-icon.ui-x-options-enabled svg path { fill: #238E23; }*/

.ui-x-tag-group-configuration-options-name {
	color: #333;
	float: left;
	font-size: 14px;
	font-weight: 400;
	line-height: 18pt;
	margin: 0 0 0 5px;
	overflow: hidden;
	width: 85%;
}

.ui-x-tag-group-configuration-options-header .ui-x-tag-group-configuration-options-name {
	color: rgb(113, 113, 113);
	font-weight: 300;
}

.ui-x-options-error {
	color: red;
	float: left;
	font-size: 12px;
	font-weight: 400;
	line-height: 18pt;
	margin: 0 0 0 5px;
	overflow: hidden;
	padding: 10px 20px;
}

.ui-x-tag-group-configuration-options-header .ui-x-options-error {
	font-size: 14px;
	font-weight: 300;
	padding: 0;
}

.ui-x-tag-group-configuration-options .ui-x-relative { position: relative; }

.ui-x-tag-group-configuration-options-overlay {
	font-size: 14px;
	font-weight: 400;
	left: 29px;
	line-height: 18pt;
	position: absolute;
	top: -11px;
	min-width: 200px;
	box-shadow: rgba(0, 0, 0, 0.498039) 0px 3px 10px;
	border: 1px solid rgb(234, 234, 234);
	border-radius: 3px;
	padding: 5px 0;
	background: #fff;
	z-index: 1;
}

.ui-x-tag-group-configuration-options-overlay ul li { padding: 5px 15px; }

.ui-x-tag-group-configuration-options-overlay ul li:hover {
	padding: 5px 15px;
	background-color: rgb(241, 241, 241);
}


/* TAG LIST ORDERING WIDGET */

.ui-x-tag-list-ordering-name {
	color: #333;
	float: left;
	font-size: 14px;
	font-weight: 400;
	line-height: 18pt;
	margin: 0 0 0 5px;
	overflow: hidden;
	width: 85%;
}

.ui-x-tag-list-ordering-overlay {
	font-size: 14px;
	font-weight: 400;
	left: 29px;
	line-height: 18pt;
	position: absolute;
	top: -175px;
	width: 275px;
	box-shadow: rgba(0, 0, 0, 0.498039) 0px 3px 10px;
	border: 1px solid rgb(234, 234, 234);
	border-radius: 3px;
	padding: 5px 0;
	background: #fff;
	z-index: 1;
	height: 350px;
	overflow-y: auto;
	overflow-x: hidden;
}

.ui-x-tag-list-ordering-overlay ul li {
	padding: 5px 35px 5px 15px;
	white-space: nowrap;
	position: relative;
	cursor: default;
	background: #fff;
}

.ui-x-tag-list-ordering-overlay ul li div { overflow: hidden; }

.ui-x-tag-list-ordering-overlay ul li.ui-x-tag-list-ordering-target:hover { background-color: rgb(241, 241, 241); }

.ui-x-tag-list-ordering-sort {
	cursor: move;
	float: right;
	height: 34px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 34px;
}

.ui-x-tag-list-ordering-sort span {
	display: block;
    left: 5px;
    overflow: hidden;
    position: relative;
    top: 5px;
    width: 24px;
}

.ui-x-tag-list-ordering-overlay .ui-x-sortable-placeholder {
	float: none;
	border: none;
	height: 20px;
}

.ui-x-asset-inline-thumbnail {
	background-color: transparent;
	background-position: center center;
	background-size: cover;
	height: 35px;
	width: 35px;
	/*border: 1px solid #d4d4d4;*/
	border-radius: 100%;
}

/* ASSET TYPE NAVIGATION */

.ui-x-assettype-navigation-container { }

.ui-x-assettype-navigation-tabs { }

.ui-x-assettype-navigation-tabs li {
	border-right: 1px solid #d9d9d9;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 300;
	padding: 10px 15px;
}

.ui-x-assettype-navigation-tabs li:hover { background-color: rgb(241, 241, 241); }

.ui-x-assettype-navigation-content { }


/* ANIMATION SPECIFIC */

.wi-remove-feed-header-spacing .ui-x-feed-container-outer-outer { margin-top: 0px; }

.wi-remove-feed-header-spacing .ui-x-feed-resp--fixed-margin { margin-top: 0px !important; }

.fsp-picker-appear-active.fsp-picker-appear-to {
	z-index: 1;
	position: relative;
}

.fsp-url-source__submit-button {
	right: 0 !important;
	top: 0 !important;
}

.fsp-picker {
	/*transform: translateZ(2147483647px);*/
}

/*hide chatbot float button*/
.embeddedServiceHelpButton {
	.helpButton {
		display: none;
	}
}

/*hide chatbot minimize button*/
.sidebarHeader > button.minimizeButton {
	display: none;
}

.sidebarHeader.minimizedContainer{
	display: none;
}

.ui-x-login-form__separator {
	margin-top: 16px;
	position: relative;
	display: flex;
	justify-content: center;
	margin-bottom: 11px;
}

.ui-x-login-form__separator-line {
	width: 100%;
	height: 1px;
	background-color: #e8e8e8;
	position: absolute;
	top: 9px;
}

.ui-x-login-form__separator-label {
	background-color: white;
	position: relative;
	padding: 0 7px;
}