/* File: fraxses.css */
:root {
	--fx-primary: #FF0028;
	--fx-primary-light: #FF5A53;
	--fx-primary-dark: #C30000;
	--fx-secondary: #1D1651;
	--fx-secondary-light: #4B3D7E;
	--fx-secondary-dark: #000029;
	--fx-light-grey: #EEEEEE;
	--fx-medium-grey: #BDBDBD;
	--shift-blue-icon-to-red: hue-rotate(153deg) saturate(300%);
	--shift-white-icon-to-red: invert(100%) invert(16%) sepia(96%) saturate(7355%) hue-rotate(346deg) brightness(99%) contrast(108%);
	--shift-yellow-to-secondary-light: brightness(0%) saturate(100%) invert(24%) sepia(7%) saturate(6598%) hue-rotate(216deg) brightness(91%) contrast(85%);
	--shift-to-white: grayscale(100%) contrast(1000%);	/* Variable Overrides */
	--primary-button-color: var(--fx-primary);
	--primary-button-hover-color: var(--fx-primary-dark);
	--leftnav-hover-color: var(--fx-medium-grey);
	--primary-color: var(--fx-primary);
	--loader-color: var(--fx-primary);
	--signal-positive-color: var(--fx-secondary);
	--signal-negative-color: var(--fx-primary);
}

/* Login */
body {
	height: 100vh;
	display: flex;
	flex-direction: column;
}

.tagLine {
	display: none;
}

.loginPageContainer > #mainImage + .links {
	display: none;
}

#main {
	flex: 1;
}

/* Top Toolbar */
.topToolbarContainer {
	background-color: var(--fx-secondary);
}

div.headerbg > div > table > tbody > tr > td:nth-child(1) {
	background: unset !important;
}

div.headerbg > div > table > tbody > tr > td:nth-child(2) {
	background: unset !important;
}

div.headerbg {
	background-color: white;
}

.headerbg .header_logo {
	height: 40px;
}

.headerbg .header_logo:after,
.loginPageContainer table tbody > tr:last-child > td:first-child:after {
	content: '';
	background-image: url('../images/logo.png');
	position: absolute;
	width: 194px;
	height: 26px;
	left: 20px;
	top: 7px;
	background-size: auto 100%;
}

.loginPageContainer table tr:first-child > td:first-child:after {
	top: 40px
}

.headerbg .header_logo img,
.loginPageContainer table tr:last-child img {
	display: none !important;
}

/* Main Menu */
div.navigation-menu-toggle {
	background-color: var(--fx-primary);
}

.mainMenuIcon {
	filter: brightness(200%);
}

.menu-header-expanded {
	background-color: unset !important;
}

div.menu-section-header,
.header-user-name {
	color: var(--fx-secondary) !important;
	font-weight: bold;
}

div.navigation-menu-section {
	background-color: transparent;
}

div.menu-cell-collapsed {
	background-color: transparent;
}

div.menu-cell {
	background-color: var(--fx-secondary);
	color: white;
}

div.menu-cell .count {
	background-color: var(--fx-primary);
}

div.menu-cell:hover {
	background-color: var(--fx-secondary);
}

div.logoutLnk {
	background-color: transparent;
}

div.logoutLnk > div {
	background-color: transparent;
	color: var(--fx-primary-dark) !important;
}

.menu-section-header-right-item img,
.header-cell-details-container img,
.navigation-menu-back-button img {
	filter: invert(100%);
}

.timelineLeftNavAvatarOverlay {
	background: rgba(255, 255, 255, 0.75) !important;
}

.timelineLeftNavAvatarOverlay > * {
	color: var(--fx-secondary)
}

/* Tabs */
.tabContainer .tab {
	background-color: var(--fx-light-grey);
}

.tabContainer .tab .tabButtonText {
	color: var(--fx-secondary-light);
}

.tabContainer .tab:hover {
	border-bottom-color: var(--fx-primary);
}

.tab .selectedDropDown {
	filter: var(--shift-blue-icon-to-red);
}

.activeSubTab {
	border-bottom-color: var(--fx-primary);
}

/* Chat / Comments / Activity Section */
.activityStreamHeader {
	background-color: var(--fx-primary-light);
}

.timelineAddCommentOptions:hover {
	filter: var(--shift-yellow-icon-to-blue);
}

/* Icons */
.messageIcon,
.activityStreamOpenButton,
.activityStreamCloseButton,
.filterPromptImage,
.discussionMembersSort,
.reportDataExp,
.sideBarIcon,
#rptDataDuplicateRowsChk,
.reportDataFooterButton,
#rptPreviewReload {
	filter: var(--shift-blue-icon-to-red);
}

.filterListControlIcon.bookmark {
	filter: var(--shift-blue-icon-to-red);
}

.alertIcon {
	filter: var(--shift-to-white);
}

#dashboardPageBody div.create-content-menu-button {
	background-color: var(--fx-primary-light);
}

.browseSortOptions .selectedImage,
.browseLayoutOptions .selectedImage {
	filter: var(--shift-blue-icon-to-red);
}

.yfDropMenu .yfDropMenuIcon,
.browseActivityToggleActive,
.folderImage,
.browseConentTypeItem .selectImg {
	filter: var(--shift-blue-icon-to-red);
}

.addDashToFavourites img {
	filter: var(--shift-yellow-to-secondary-light);
}

/* Links */
a:link {
	color: var(--fx-primary-light);
}

/* Buttons */
.loginButton {
	background-color: var(--fx-primary-light);
}

/* Sliders */
#presentSlider .slideNavWidget {
	background-color: var(--fx-medium-grey) !important;
}

#presentSlider #presentSlideWidget {
	background-color: var(--fx-primary-dark);
}

/* Browse */
.browseInformation {
	background-color: var(--fx-secondary-light);
}

.browseInformation .contentTitle {
	color: white;
}

.browseSelected .browseInformation {
	background-color: var(--fx-primary-light);
}

/* Dashboard */
.dashboardTabWarning {
	background-color: var(--fx-primary-light);
	border: none;
}

.dashboardTabWarning .addTabText {
	color: white;
}

.dashboardTabWarning .addButton  .submitMidButton {
	background-color: white !important;
	border: none !important;
}

.dashboardTabWarning .addButton .submitMidButton:hover {
	background-color: white !important;
	border: none !important;
}

.dashboardTabWarning .closeButton .submitMidButton {
	background-color: var(--fx-secondary-light) !important;
	border: none
}

.dashboardTabWarning .closeButton .submitMidButton:hover {
	background-color: white !important;
	border: none !important;
}

.dashboardTabWarning .closeButton .submitMidText {
	color: white;
	border: none !important;
}

/* Inputs */
.broadcastInput:focus {
	border-color: var(--fx-secondary-light) !important;
}

/* Signals */
div.navigation-toolbar-holder {
	border-top-color: var(--fx-secondary) !important;
}

.panelTabsContainer {
	background-color: var(--fx-secondary) !important
}

.panelTabsContainer .panelTabs {
	background-color: transparent !important;
}

.panelTabsContainer .panelTabActive {
	background-color: var(--fx-secondary-light) !important;
}

.create-content-menu-button {
	background-color: var(--fx-primary) !important;
}

.searchBarFocused .searchFunctions img {
	filter: var(--shift-blue-icon-to-red);
}

/* People */
#timelineTopMenu .topMenuOptionsOuter img {
	filter: var(--shift-blue-icon-to-red);
}

.discussionMembersHeader,
.communityFilterHeading {
	background-color: var(--fx-secondary);
}

.discussionMembersInner .communityPersonName {
	color: var(--fx-secondary-light);
}

.communityPersonButton {
	width: 80px;
}

/* Timeline */
#timelineRecentActivity {
	color: var(--fx-secondary-light) !important;
}

#timelineRecentActivityBar {
	background-color: var(--fx-primary-light) !important;
	color: red;
}

.topMenuButton.resetSearch:hover {
	filter: var(--shift-blue-icon-to-red);
}

/* Image Colour Hacks */
img[src="images/radio_checked.png"],
img[src="images/text_edit_bold_on.svg"],
img[src="images/text_edit_italic_on.svg"],
img[src="images/text_edit_underline_on.svg"],
img[src="images/text_edit_left_justified_on.svg"],
img[src="images/text_edit_centered_on.svg"],
img[src="images/text_edit_right_justified_on.svg"],
img[src="images/check_on.svg"],
img[src="images/report_table_style.png"],
img[src="images/subq_append.png"],
img[src="images/subq_union.png"],
img[src="images/subq_minus.png"],
img[src="images/subq_intersect.png"],
img[src="images/layout_timeline_on.png"],
img[src="images/layout_task_on.png"],
img[src="images/layout_disboard_on.png"],
img[src="images/admin_console_lock_unsecure.png"],
img[src="images/drilldown.png"],
img[src="images/drillanywhere.png"],
img[src="images/drillthrough.png"],
img[src="images/plus_on.svg"],
img[src="images/info-tooltip.svg"] {
	filter: var(--shift-blue-icon-to-red);
}

/* Tasks */
.taskManagementLeftSideNavHeader {
	background-color: var(--fx-secondary-light);
}

.taskManagementDueHighlighting {
	border-bottom-color: var(--fx-primary);
}

/* Profile  */
.profileSideNavHeading {
	background-color: var(--fx-secondary-light);
}

.profileLinks a {
	color: var(--fx-primary-light) !important;
}

.add-tag-link {
	color: var(--fx-primary-light);
}

.widgetToggleImage {
	filter: var(--shift-blue-icon-to-red)
}

/* Tasks */
.newTaskLightbox .lightbox-top-gutter-color {
	background-color: var(--fx-secondary-light);
}

.selectedDropDown,
.commentAddMore,
.dateInput,
.commentStoryboardListImageSelected,
.commentLinkListImageSelected,
.commentDiscussionImageSelected {
	filter: var(--shift-blue-icon-to-red);
}

.activityStreamSubmitComment {
	background-color: unset;
}

/* Story */
.introStoryLink {
	color: var(--fx-primary-light) !important;
}

.confirmationCheckbox.checked,
.addContentIcon {
	filter: var(--shift-blue-icon-to-red);
}

.confirmationButton {
	background-color: var(--fx-secondary-light) !important;
}

.simpleTopToolbarOuter {
	background-color: var(--fx-secondary-light) !important;
}

.btn-yellow-primary {
	background-color: var(--fx-primary) !important;
	color: white !important;
}

.btn-yellow-primary:hover {
	background-color: var(--fx-primary-dark) !important;
}

.btn-white-outline {
	border: none !important;
}

.thumbnailViewContainer > *:hover {
	background-color: var(--fx-primary-dark) !important;
}

.activeLayout {
	background-color: var(--fx-primary-light) !important;
}

.thumbnailImageInnerContainer .expandButton {
	filter: var(--shift-blue-icon-to-red);
}

select option:checked {
	background-color: var(--fx-primary-light);
}

select option:focus {
	box-shadow: 0 0 10px 100px #1882A8 inset;
}

/* Lightbox */
.lightbox-top-gutter {
	background-color: var(--fx-secondary-light);
}

/* Reports */
div.reportDataHeader {
	background-color: var(--fx-secondary-light);
}

.reportDataHeaderTitle {
	background-color: transparent;
}

.toolbarTab.toolbarTabActive {
	filter: var(--shift-blue-icon-to-red);
}

.toggleSwitchSliderInner {
	filter: var(--shift-blue-icon-to-red);
}

.toggle-container #toggle {
	border-color: transparent;
}

.controlContainer.styleExampleCell > div {
	background-color: var(--fx-primary) !important;
}

.panelTabInner .panelTab {
	color: white;
}

/* New View */
div:not(.sourceViewContainer) > .multipleSeparatorBottom .navSelected {
	filter: var(--shift-blue-icon-to-red);
}

div:not(.sourceViewContainer) > .multipleSeparatorBottom .navSelected .connector.right {
	right: -25px;
}

div:not(.sourceViewContainer) > .multipleSeparatorBottom .navSelected .connector.left {
	left: -24px;
}

/* Presentation */
dashboard-edit-toolbar {
	background-color: var(--fx-secondary-light);
}

.visualCodeToggle.activeEditorModeBtn {
	background-color: var(--fx-primary-light) !important;
}

.visualCodeToggle:not(.activeEditorModeBtn) {
	background-color: var(--fx-primary-dark) !important;
}

.plus {
	background-color: transparent !important;
}

#confButton0 .submitMidBlueText {
	color: white
}

#confButton1,
#confButton2 {
	background-color: transparent !important
}

