/* File: collectiveintelligence.css */
:root {
    --default-font-family: Open Sans, Arial, sans-serif;
    --default-font-color: #000000;
    --primary-color: #A00520;
    --primary-color-17-percent: #7A0119;
    --secondary-color: #A1A1A1;
    --primary-color-2: var(--primary-color);
    --primary-button-color: var(--primary-color);
    --primary-button-hover-color: var(--primary-color-17-percent);
    --primary-button-hover-color-2: var(--primary-color-17-percent);
    --primary-color-17-percent-background: var(--primary-color-17-percent);
    --loader-color: var(--primary-color);
    --leftnav-hover-color: var(--primary-color);
    --grey: #eeeeee;
    --grey-shadow: #05050510;
    --background-grey: #F8F8FA;
    --border-grey: var(--grey);
    --signal-positive-color: #33D56F;
    --signal-negative-color: #FF8F00;
    --dark-grey: #666;
    --dark-grey-1: #333740;
    --dark-grey-2: #717684;
    --black: #000;
    --background-black: var(--black);
    --white: #fff;
    --background-white: var(--white);
    --primary-text-color: #333740;
    --light-grey: #F8F6F4;
    --light-grey-background: var(--light-grey);
    --light-grey-1: #A0A5B4;
    --light-grey-1-background: var(--light-grey-1);
    --light-grey-2: #DBDDE5;
    --light-grey-2-background: var(--light-grey-2);
    --light-grey-3: #ECEDF0;
    --light-grey-3-background: var(--light-grey-3);
    --light-grey-4: #b0b0b0;
    --light-grey-4-background: var(--light-grey-4);
    --light-grey-5: #F2F2F2;
    --light-grey-5-background: var(--light-grey-5);
    --light-blue: #D4EFFC;
    --light-blue-1: #A1E0FF;
    --light-blue-2: #EAF6FF;
    --light-blue-text-selection: #BFE7FA;
    --warning-orange: #F69336;
    --light-orange-1: #FEF5E5;
    --error-red: #EE2439;
    --transparent: #ffffff00;
    --popup-button-color: #D4EFFC;
    --toolbar-tab-border: #FFD000;
    --filter-list-width: 282px;
    --filter-list-background-color: var(--background-grey);
    --report-filter-list-background-color: var(--background-grey);
    --light-grey-thin-border-color: #dbdde5;
}


BODY {
    background-color: var(--background-white);
    MARGIN: 0px 0px 0px 0px;
    font-family: var(--default-font-family);
    line-height: 1.25;
}

A:link {
    COLOR: var(--primary-color);
    text-decoration: none;
}
A:hover {
    COLOR: var(--primary-color);
    text-decoration: underline;
}

/******************** HEADER ********************/
div.headerbg > div > table >tbody > tr > td {
    background: #ffffff !important;
}
td.i4sidenav_width.header_logo img {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    width: 220px;
    height: auto;
}


/******************** PAGE BORDERS ********************/
div.browsePageContainer {
    border-top: none;
}
div#timelineWrapper {
    border-top: none;
}
div.toggle-new-page {
    border-top: none;
}
div.export-view-top-nav {
    border-top: none;
}
div.import-view-top-nav {
    border-top: none;
}


/******************** NEW TOP TOOLBAR NAVIGATION ********************/
#modernToolbarContainer {
    padding-left: 70px;
}
.modernToolbarTab {
    color: var(--default-font-color);
}
.modernToolbarTab.modernToolbarTabActive {
    color: var(--primary-color);
}
.modernToolbarTabActiveContainer::after {
    border-bottom: 2px solid var(--primary-color);
}
/* Hide Help Button
#modernToolbarHelpButton {
  display: none;
} */
#logoffBtn {
    border-radius: 50px;
    background: var(--primary-color);
}

/******************** CREATE BUTTON ********************/
#modernToolbarCreateButton {
    color: #ffffff;
    font-family: var(--default-font-family);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    background-color: var(--primary-color);
    border-radius: 50px;
}
#modernToolbarCreateButton:hover {
    background-color: var(--primary-color-17-percent);
}
#modernToolbarCreateButton.modernToolbarOpened {
    background-color: var(--primary-color-17-percent);
}


/******************** DASHBOARDS ********************/
/*** GREY BACKGROUND FOR DASHBOARDS ***/
#dashboardPageBody {
    background-color: var(--background-grey);
}
.dashboardMainContainer {
    position: relative;
    background-color: var(--background-grey);
    padding-left: 60px;
}
.dashboardTabViewContainer {
    background-color: var(--background-grey);
}
div.dashboardPage.activeDashboard div.sideBarInner {
    background-color: var(--background-grey);
}

/*** Pre-Built Dashboard Templates (Responsive dashboards) ***/
.portlet-header {
    font-weight: 600;
    font-size: 18px;
    color: var(--default-font-color);
    font-family: var(--default-font-family);
    height: 34px;
    text-transform: uppercase;
}
.dashContentName {
    margin-top: 0px;
}
.dashContentPortlet {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: none;
    border: none;
    transition: none;
    margin-bottom: 10px;
}

/*** Report Action Menu ***/
.dashContentContainer .dashContentActionMenu {
    background-color: transparent;
}
.dashContentActionMenu {
    background-color: transparent;
}

/******************** Top Dashboard Menu ********************/
/* Dashboard Tab Headings */
.topToolbarContainer {
    background-color: #E9E9E9;
}
.tabContainer .tab {
    border-bottom: 4px solid #E9E9E9;
    background-color: transparent;
    height: 56px;
    line-height: 54px;
    color: var(--default-font-color);
}
.tabContainer .tab:hover {
    border-bottom: 4px solid var(--primary-color);
    height: 56px;
    line-height: 54px;
}
.tabContainer .activeTab {
    border-bottom: 4px solid var(--primary-color);
}
.tabContainer .activeTab:hover {
    border-bottom: 4px solid var(--primary-color);
}
.tabContainer .tab .tabButtonText {
    font-family: var(--default-font-family);
}
.tabContainer .activeTab .tabButtonText {
    font-family: var(--default-font-family);
    font-weight: 600;
}

/* Dashboard Dropdown Menu */
.tabContainer .tab .selectedDropDown {
    background: url(../images/arrow-dropdown-black.svg) no-repeat center;
    height: 13px;
    width: 13px;
    position: absolute;
    top: 17px;
    right: 10px;
    padding: 5.5px 5.5px 8px 8px;
    background-color: transparent;
    border-radius: 6px;
}
.tabContainer .activeTab .selectedDropDown {
    background: url(../images/arrow-dropdown-black.svg) no-repeat center;
    height: 13px;
    width: 13px;
    position: absolute;
    top: 17px;
    right: 10px;
    padding: 5.5px 5.5px 8px 8px;
    background-color: transparent;
    border-radius: 6px;
}

/*** 'More Dashboards' ***/
.dashboardDropdown, .editMoreDropdown, .previewMoreDropdown {
    font-family: var(--default-font-family)
}

/******************** SUB TAB NAMES ********************/
.activeSubTab, .subTab:hover {
    border-bottom: 4px solid var(--secondary-color);
    font-weight: 600;
}
.subTab:hover {
    color: var(--default-font-color);
}
.subTabButtonText {
    font-family: var(--default-font-family);
    font-size: 14px;
}

/******************** Dashboard Tab Settings - ie. Broadcast, Share, etc ********************/
.tabSettings .favouritedBy {
    display: none;
}
div.tabSettings div.icon {
    float: right;
    background-color: transparent;
    margin-left: 8px;
    margin-right: 7px;
    height: 30px;
    width: 29px;
    padding: 0;
    border-radius: 6px;
}
div.tabSettings div.icon:hover {
    float: right;
    background-color: transparent;
    margin-left: 8px;
    margin-right: 7px;
    height: 30px;
    width: 29px;
    padding: 0;
    border-radius: 6px;
}

/*** Dashboard Broadcast Button ***/
div.tabSettings .dashboardBroadcast {
    float: right;
    margin-left: 8px;
    margin-right: 7px;
    height: 30px;
    width: 29px;
    padding: 0;
    border-radius: 6px;
    background: transparent url(../images/broadcast.svg) no-repeat 50%;
}
div.tabSettings .dashboardBroadcast:hover {
    float: right;
    margin-left: 8px;
    margin-right: 7px;
    height: 30px;
    width: 29px;
    padding: 0;
    border-radius: 6px;
    background: transparent url(../images/broadcast.svg) no-repeat 50%;
}

/*** Dashboard Security Button ***/
.tabSettings .dashboardSecurityStatus.editable {
    border-radius: 6px;
    background: transparent url(../images/icon_open_lock_blue.svg) no-repeat 50%;
}
.tabSettings .dashboardSecurityStatus.editable:hover {
    border-radius: 6px;
    background: transparent url(../images/icon_open_lock_blue.svg) no-repeat 50%;
}
.tabSettings .dashboardSecurityStatus.editable.secure {
    background: transparent url(../images/icon_lock_blue.svg) no-repeat 50%;
}
.tabSettings .dashboardSecurityStatus.editable.secure:hover {
    background: transparent url(../images/icon_lock_blue.svg) no-repeat 50%;
}

/*** Dashboard Share Button ***/
.dashboardToolbar .dashboardOptions {
    height: 56px;
    position: absolute;
    right: 0;
}
.tabSettings .dashboardShare {
    float: right;
    margin-left: 1px;
    line-height: 27px;
    height: 26px;
    width: 39px;
    color: #192133;
    font-family: var(--default-font-family);
    font-size: 14px;
    cursor: pointer;
    background: transparent url(../images/share.svg) no-repeat 50%;
}
.tabSettings .dashboardShare A:link {
    color: #192133;
    text-decoration: none;
    display: none;
}



/******************** FILTERS ********************/

/****** Slide-out Left Filters ******/
.dashboardPage .leftSideNavContainer .sideBarIcon.leftFilters, .sideBarIcon.leftFilters.sideBarIconHighlight {
    background-color: transparent;
}
.leftSideNavContainer .sideBarContent.leftFilters.singlePanel {
    width: 320px !important;
}



/****** Left Filters ******/
.filterClose {
    display: none !important;
}
div.activeDashboard div.SubTabControlViewContainer div.container > content-container {
  background-color: var(--report-filter-list-background-color);
}
dashboard-tab filter-list.widgetElement {
    overflow: visible;
}
.filterOutputList {
  border-radius: 6px;
}
.slimOutputList {
    background-color: var(--report-filter-list-background-color);
}
.filterListHeading {
    overflow: hidden;
    padding-bottom: 0px;
    height: auto;
    background-color: var(--report-filter-list-background-color);
    color: var(--default-font-color);
    position: relative;
    width: var(--filter-output-width);
    margin: 0 10px;
    border-radius: 6px;
}
.filterListHeading .filterListTitle {
    float: left;
    padding-left: 10px;
    padding-top: 12px;
    width: 181px;
    color: var(--default-font-color);
    font-family: var(--default-font-family);
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
}
div.filterOutputControlPanel {
    border-radius: 6px;
    height: 34px;
    background-color: var(--report-filter-list-background-color);
    padding: 10px 0px;
}
.filterOutput .filterInformation .filterTitle {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 19px;
    width: 187px;
    color: var(--default-font-color);
    font-family: var(--default-font-family);
    font-size: 14px;
    font-weight: bold;
    line-height: 19px;
}
.filterOutput .filterOperator {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 25px;
    color: var(--default-font-color);
    font-family: var(--default-font-family);
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
}
.filterOutputList .filterOutput .filterEntry {
    color: var(--default-font-color);
    font-family: var(--default-font-family);
    font-size: 14px;
}
.filterOutputList .filterOutput .styledMultiSelect select {
    padding: 0px;
    color: var(--default-font-color);
    font-family: var(--default-font-family);
    font-size: 14px;
}
div.toggleDescription {
    float: left;
    line-height: 28px;
    margin-right: 5px;
    color: var(--default-font-color);
    font-size: 12px;
}
.filterOutputList .filterOutput .filterEntry .multiOptionList span {
    color: var(--default-font-color);
    font-family: var(--default-font-family);
    font-size: 14px;
    line-height: 25px;
}


/******************** DASHBOARD EDIT MODE ********************/
.leftNavSubTabHeading {
    color: var(--default-font-color);
    font-size: 18px;
}
.reportSearchTitle {
    color: var(--default-font-color);
    font-size: 18px;
}
div.canvasTemplateMenuHeading div.title {
    color: var(--default-font-color);
    font-size: 18px;
}

/* Preview Button */
.previewButton > .btn-container {
    background-color: transparent;
}

/* Undo / Redo Buttons */
div.btn-standard.btn-noclick {
    opacity: 0.1;
    background-color: transparent;
}
.undoButton > .btn-container {
    background-color: transparent;
}
.redoButton > .btn-container {
    background-color: transparent;
}

/* More Button */
.dropDownTitle {
    font-weight: 600;
    text-transform: uppercase;
}
.dashboardDropdown, .editMoreDropdown, .previewMoreDropdown {
    font-family: var(--default-font-family);
    border-radius: 50px;
}

/* Publish Button */
.publishButton {
    background-color: transparent;
    box-shadow: none;
    border: 1px solid #ffffff;
    border-radius: 50px;
    text-transform: uppercase;
    font-weight: 600;
}
.publishButton:hover {
    background-color: var(--primary-button-hover-color);
    box-shadow: none;
    border: 1px solid #ffffff;
}
.btnTitle {
    font-family: var(--default-font-family);
}
.publishTitle {
    color: var(--white);
}

/******************** ASSOCIATED REPORTS Links on Dashboard ********************/
div.associatedContentWidget {
    background: var(--background-grey);
}
.addedContent {
    background: #ffffff;
    border-radius: 6px;
    border: 1px solid #DBDDE5;
    padding-bottom: 10px;
    padding-top: 10px;
}
.associatedContent .associatedTitle {
    line-height: 60px;
    font-size: 18px !important;
    font-weight: 800;
    font-family: var(--default-font-family) !important;
    margin-left: 16px !important;
}
div.addedContent div.associatedContentItem div.contentName {
    font-size: 14px;
}
.associatedContent .associatedReportIcon {
    top: 2px !important;
    left: 16px !important;
}


/******************** BROWSE PAGE ********************/
/*** Browse Page - Left Menu Items ***/
.browsePage .browseLeft .browseContentTypeItem.active {
    background-color: var(--grey-3);
    color: var(--primary-color-2);
}
.allDataSources.selected {
    background-color: var(--grey-3);
    color: var(--primary-color-2);
    border-left: 4px solid var(--primary-color-2);
}
div.hierarchyInfo.selected {
    background-color: var(--grey-3);
    color: var(--primary-color-2);
    border-left: 4px solid var(--primary-color-2);
  }
.browsePage .browseFolder .folderMain.selected {
      background-color: var(--grey-3);
  }

/*** Browse - List View ***/
.browseListHeader .columnName {
    color: var(--default-font-color);
}
.browseSelected .browseContentItem > div {
    color: var(--default-font-color) !important;
    font-weight: 500;
}

/*** Browse - Hide the Data Sources filters ***
.allDataSources {
    display: none;
} */


/******************** TIMELINE PAGE ********************/
div.timelineLeftNavAvatarOverlay {
    position: absolute;
    bottom: 0px;
    width: 250px;
    height: 60px;
    background: var(--primary-color);
}
div.timelineContentItemHeaderInfo {
    color: var(--dark-grey);
}
div.timelineContentItemHeaderTimestamp {
  color: var(--dark-grey);
}

#leftNav > div.leftNavItem.currentlyActive {
    color: var(--primary-color-2);
    background-color: var(--grey-3);
}
.taskManagementLeftSideNav div.leftNavItem.currentlyActive {
  color: var(--primary-color-2);
  background-color: var(--grey-3);
}
.taskManagementDueHighlighting {
    border-bottom: 3px solid var(--primary-color-2);
  color: var(--primary-color-2);
}
.taskManagementSideBarHighlight {
  color: var(--primary-color-2);
  background-color: var(--grey-3);
}

/******************** BUTTONS ********************/
div.btn-medgrey {
    background: var(--background-grey);
    border: 2px solid #999999;
    color: var(--black);
}


div.btn-standard {
    font-family: var(--default-font-family);
}

div.btn-blue {
    background: var(--primary-button-color);
    color: var(--white);
}
div.btn-flat {
    height: 34px;
    line-height: 40px;
    padding: 0 10px;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
    display: inline-block;
    text-align: center;
    min-width: 40px;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    border-radius: 50px;
    text-transform: uppercase;
    font-weight: 600;
}

.submitMidButton {
    min-width: 78px;
    height: 32px;
    background-color: #FCFCFC;
    border: 1px solid #DBDBDC;
    border-radius: 50px;
}
.submitMidText {
    text-transform: uppercase;
}
.hoverMidButton {
    border-radius: 50px;
}
.hoverMidRedButton {
    border-radius: 50px;
}
.submitMidRedText {
    text-transform: uppercase;
}


.submitMidHighlightButton {
    min-width: 78px;
    height: 32px;
    background-color: var(--primary-button-color);
    border-radius: 50px;
    border: 1px solid var(--primary-button-color);
}
.submitMidHighlightText {
    text-transform: uppercase;
}
.hoverMidHighlightButton {
    min-width: 78px;
    height: 32px;
    background-color: var(--primary-button-color);
    border-radius: 50px;
    border: 1px solid var(--primary-button-color);
}

.search-text-hl {
    background-color: var(--secondary-color);
}


#contentConfirmDiv div.btn-container {
    border-radius: 50px !important;
    text-transform: uppercase;
}

/******************** REPORT VIEWER ********************/
div.yfSubmitButton {
    font-family: var(--default-font-family);
}

td.toolbarButton.farRighttoolbarButton {
    background-color: transparent;
    border: 1px solid var(--dark-grey);
    color: var(--dark-grey);
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}
td.toolbarButton.farRighttoolbarButton:hover {
    background-color: var(--secondary-color);
    border: 1px solid var(--secondary-color);
    color: #000000;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

td.toolbarButton.farRighttoolbarButton.dropdown {
    color: var(--dark-grey);
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    border: 1px solid var(--dark-grey);
    vertical-align: center;
    background-color: transparent;
    padding: 0px 10px 0px 25px;
    margin-bottom: 5px;
}
td.toolbarButton.farRighttoolbarButton.dropdown:hover {
    color: #000000;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    border: 1px solid var(--secondary-color);
    vertical-align: center;
    background-color: var(--secondary-color);
    padding: 0px 10px 0px 25px;
    margin-bottom: 5px;
}


/******************** REPORT BUILDER ********************/
/*** DATA STEP ***/
div.rptFieldContainerEmpty {
    color: var(--light-grey-4);
}
.broadcastInputTextPlaceholder {
    color: var(--light-grey-4);
    font-family: var(--default-font-family);
}
div.reportDataItemDisabled div.reportFieldName {
    color: var(--light-grey-4);
}

/*** CHART STEP ***/
.chartSelectionTypeHeader {
    color: var(--dark-grey);
}
.subChartPreviewSelected {
    border: 1px solid var(--primary-color);
}

/******************** BROADCAST POP-UP ********************/
.lightbox-top-gutter-text {
    text-transform: uppercase;
}
.inputplaceholdercontainer {
    color: var(--light-grey-4);
}

/******************** STORIES ********************/
div.storyReportMenuContainer {
    background-color: transparent;
}

/******************** SIGNALS ********************/
#signalListPageContainer .panelTabsContainer .panelTab.panelTabActive {
    border-bottom: 4px solid var(--secondary-color);
    background-color: #f2f2f2;
    color: var(--primary-color);
}
#signalListPageContainer .panelTabsContainer .panelTab:hover {
   border-bottom: 4px solid var(--secondary-color);
}


/******************** Welcome User - Password Reset ********************/
.profileGrey {
    color: var(--light-grey-4) !important;
}


/******************** ERROR MESSAGES ********************/
.largeGreyErrorText {
    font-size: 16px;
    color: #999999;
}
.largeGreyErrorImage {
        display: none;
}
.errorContainerDashboard, div.errorContainerDash div.largeGreyErrorText {
    padding-left: 40px;
}

a.btnContinue {
    background: var(--primary-color);
    color: var(--white)!important;
}