body {
	background-color: white;
	color: #212529; /*it should be --color-text but Production branch hasn't had this variable yet*/
	font-family: var(--em360-font-family);
}

body.ui-x-login { background-color: #093072;}


.ui-x-icn {
	/*background-image:url("/BaseTheme/sprite-nav.png");*/
    background-image:none;
	background-repeat: no-repeat;
}

/*    LOGIN    */
.ui-x-login-card-image {
	background-image: url("/BaseTheme/logo_login.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.ui-x-login-card-button {
    background-color: #3697DB;
}
.ui-x-login-card-button.ui-x-login-disabled {
    background-color: #999;
}

/*    HEADER    */
.ui-x-header {
	background-color: #0f0f0f;
	/*background-image:url("/BaseTheme/headerImage.jpg");*/
}

.quick-view .ui-x-header {
	background-color: #dcdcdc;
}

/*    HEADER > MENU    */
.ui-x-menu-options {
	background-color: #fff;
}

.ui-x-menu-options ul li {
	background-color: #fff;
    /*border-bottom:1px solid #f4f4f4;*/
}
.ui-x-menu-options ul li a,
.ui-x-menu-options ul li button {
	background-color: #fff;
	color: #6c6c6c;
	font-family: var(--em360-font-family);
    font-weight: 400;
}
.ui-x-menu-options ul li a:hover,
.ui-x-menu-options ul li a:active,
.ui-x-menu-options ul li button:hover,
.ui-x-menu-options ul li button:active {
	color: #6c6c6c;
}

/*    HEADER > TITLE    */
.ui-x-title div {
	/*background-color:rgba(158, 158, 158, 0.2);*/
	/*text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);*/
	font-family: var(--em360-font-family);
	font-weight: normal;
	font-size: 101%;
	color: #fff;
}

/*   HEADER > HEADER   */
.ui-x-header {
	color: #fff;
}

/*   HEADER > TITLE   */
.ui-x-header-title-container {
	/*background-color:rgba(158, 158, 158, 0.1);*/
	/*background-color:rgba(158, 158, 158, 0.2);*/
	/*box-shadow: 5px 0 8px 0px rgba(0, 0, 0, 0.15);*/
	font-family: var(--em360-font-family);
	font-weight: normal;
}

.ui-x-title-title h1,
.ui-x-title-title { font-size: 30px;}
.ui-x-title-titleSm { font-size: 30px;}
.ui-x-title-subtitle {
    font-size: 44%;
    font-weight: 300;
}

/*   HEADER > OPTIONS   */
.ui-x-header-options ul li a {
	/*background-color:rgba(158, 158, 158, 0.2);*/
    /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);*/
    /*border: 1px solid rgba(0, 0, 0, 0);*/
}

.ui-x-header-options ul li a.ui-x-option-button {
	/*background-color: rgba(158, 158, 158, 0.35);*/
    /*border: 1px solid rgba(255, 255, 255, 0.6);*/
}

.ui-x-header-bar-options span,
.ui-x-header-options span {
	font-size: 81%;
	color: #FFFFFF;
}

/*   HEADER > INFO   */
.ui-x-header-info ul li {
	font-size: 81%;
    color: #bab9b5;
    font-weight: 400;
    /*text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);*/
}

.ui-x-header-info.ui-x-hideTitle ul li {
	font-size: 88%;
    color: #FFF;
}


.ui-x-header-info ul li.ui-x-item-highlight-date {
	color: #C2070C;
}

.ui-x-header-info ul li.ui-x-item--action {
	cursor: pointer;
	font-weight: bold;
	color: white;
}

/* FEED */
.ui-x-feed-item-container {
	display: block;
	background-color:#ffffff;
    text-decoration: none;
    color: #5d5d5d;
}

.ui-x-feed-item-asset-type-name {
	background-color: rgba(255, 255, 255, 0.9);
    color: #333333;
    font-size: 13px;
    font-weight: 400;
    border-radius: 0 3px 3px 0;
}

.ui-x-feed-item-subtitle {
	color:#3d3d3d;
}

.ui-x-feed-item-container h3 {
	color:#000000;
}



.ui-x-feed-item-footer p.ui-x-feed-item-footer-name {
	color:#333333;
    font-weight: 400;
}

.ui-x-feed-item-footer p.ui-x-feet-item-footer-date {
	color:#a4a4a4;
}

.ui-x-feed-item-footer p.ui-x-feet-item-footer-date.ui-x-item-highlight-date {
	color:#f00;
}


/* CONTENT */



/* ACCORDIAN WIDGET*/
.ui-x-accordion-item {
	background-color: #EAEAEA;
	color: #5D5D5D;
}
.ui-x-accordion-item.ui-x-whiteBackground {
	background-color: #FFFFFF;
}
.ui-x-accordion-title {
	font-weight: 300;
	font-size: 156%;
}
.ui-x-accordion-detail {
	font-weight: 300;
	color: #147bc2;
	font-size: 156%;
}
.ui-x-accordion-item.ui-x-active,
.ui-x-accordion-item.ui-x-active .ui-x-accordion-header {
	background-color: #ffffff;
}
.ui-x-accordion-btn {
	background-color: #3697DB;
	color: #FFFFFF;
	font-size: 95%;
	font-weight: 300;
}
.ui-x-accordion-btn-inActive {
	background-color: #909090;
}

/* FORM WIDGETS */
.ui-x-widget-title {
	font-size: 156%; /* = 25px */
    font-weight: 300;
}
.ui-x-widget-subTitle {
	font-size: 100%;
    font-weight: 300;
}
.ui-x-widget-optionsList span {
	font-size: 156%;
	font-weight: 300;
}
.ui-x-widget-selected {
	color: #147bc2;
}

/* INTEREST CREATION - TAG EXPLORER WIDGET */
.ui-x-widget-forms-tag-explorer h2 {
	font-size: 156%;
    font-weight: 300;
}
 .ui-x-widget-forms-tag-explorer-search {
	background-color: #F1F1F1;
}
.ui-x-tag-explorer-search {
	font-size: 113%;
	font-weight: 300;
}
.ui-x-widget-forms-tag-explorer-explore {
	background-color: #D4D4D4;
}
.ui-x-widget-forms-tag-explorer-previous {
	background-color: #EAEAEA;
}

.ui-x-widget-forms-tag-explorer-summ {
	background-color: #FAFAFA;
}
.ui-x-widget-forms-tag-explorer-noSel {
	font-weight: 300;
}
.ui-x-tag-explorer-summ-count {
	background-color: #EAEAEA;
}
.ui-x-tag-explorer-summ-title {
	color: #9B9B9B;
    font-size: 75%;
}
.ui-x-tag-explorer-summ-title em {
	color: #147bc2;
	font-size: 156%;
    font-weight: 300;
	font-style: normal;
}
.ui-x-tag-explorer-summ-count span {
	color: #717171;
	font-size: 156%;
    font-weight: 300;
}
.ui-x-tag-explorer-summ-count span.ui-x-tag-explorer-summ-for {
	font-size: 100%;
}
.ui-x-tag-explorer-summ-list {
	background-color: #FAFAFA;
 }
.ui-x-tag-explorer-summ-and {
	background-color: #FAFAFA;
}
.ui-x-tag-explorer-summ-and span {
	color: #717171;
	font-size: 100%;
	font-weight: 300;
}
.ui-x-tag-explorer-secondary-tag,
.ui-x-tag-explorer-summ-tag {
	background-color: #FFFFFF;
}

.ui-x-tag-explorer-summ-tag span.ui-x-tag-explorer-summ-tag-name,
.ui-x-tag-explorer-summ-tag span.ui-x-tag-explorer-tag-name {
    width: ~'calc(100% - 24px)';
    white-space: nowrap;
    overflow: hidden;
    display: block;
    line-height: 23px;
    text-overflow: ellipsis;
}

/* INTEREST CREATION - BANNER WIDGET */
.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
 { font-size: 100%; }
.ui-x-widget-forms-title-banner {
	background-color: #9B9B9B;
}
.ui-x-title-banner-content-thumb {
	background-color: #9B9B9B;
}
.ui-x-title-banner-content-thumb:before {
	/*background-color: rgba(255, 255, 255, 0.1);*/
}

.ui-x-click-edit-input {
	background-color: rgba(255, 255, 255, 0.25);
}


/* THEME COLORS*/
.ui-x-widget-color-0 {
	background-color: rgb(41, 128, 185);
}

.ui-x-widget-color-1 {
	background-color:rgb(231, 76, 60) ;	
}

.ui-x-widget-color-2 {
	background-color:rgb(26, 188, 156) ;
}

.ui-x-widget-color-3 {
	background-color:rgb(248, 148, 6) ;
}

.ui-x-widget-color-4 {
	background-color:rgb(39, 174, 96) ;
}

.ui-x-widget-color-5 {
	background-color:rgb(241, 196, 15) ;
}

.ui-x-widget-color-6 {
	background-color: rgb(142, 68, 173);
}

.ui-x-widget-color-7 {
	background-color: rgb(44, 62, 80);
}

.ui-x-widget-color-8 {
	background-color: rgb(127, 140, 141);
}



/* THEME TEXT COLORS*/

.ui-x-widget-text-color-0 {
	color: rgb(41, 128, 185);
}

.ui-x-widget-text-color-1 {
	color: rgb(231, 76, 60);
}

.ui-x-widget-text-color-2 {
	color: rgb(26, 188, 156);
}

.ui-x-widget-text-color-3 {
	color: rgb(248, 148, 6);
}

.ui-x-widget-text-color-4 {
	color: rgb(39, 174, 96);
}

.ui-x-widget-text-color-5 {
	color: rgb(241, 196, 15);
}

.ui-x-widget-text-color-6 {
	color: rgb(142, 68, 173);
}

.ui-x-widget-text-color-7 {
	color: rgb(44, 62, 80);
}

.ui-x-widget-text-color-8 {
	color: rgb(127, 140, 141);
}

/* THEME BORDER COLORS*/

.ui-x-widget-border-color-0 {
	border-color: rgb(41, 128, 185);
}

.ui-x-widget-border-color-1 {
	border-color: rgb(231, 76, 60);
}

.ui-x-widget-border-color-2 {
	border-color: rgb(26, 188, 156);
}

.ui-x-widget-border-color-3 {
	border-color: rgb(248, 148, 6);
}

.ui-x-widget-border-color-4 {
	border-color: rgb(39, 174, 96);
}

.ui-x-widget-border-color-5 {
	border-color: rgb(241, 196, 15);
}

.ui-x-widget-border-color-6 {
	border-color: rgb(142, 68, 173);
}

.ui-x-widget-border-color-7 {
	border-color: rgb(44, 62, 80);
}

.ui-x-widget-border-color-8 {
	border-color: rgb(127, 140, 141);
}