/* File: SBCustomCSS.css */
/*======================================================================================================================
Author:         Zack Wilson
Created:        9/29/2020
Purpose:        Alter Yellowfins display/functionality through CSS
Background:     Many people (including Dave Burson) are adamant about the appearance of Yellowfin.  I have also found 
                some other fixes that will help Sales Reps access the data easier.  
                At first, I was copying the entire <>.css file and making the appropriate changes.  
                However, I found issues that were outside of my control because of doing that.  YF support made the suggestion
                to create a master file and add all of my css changes in one spot.
                Thus, these changes below are a reflection of that change process.

Called from:    Yellowfin

------------------------------------------------------------------------------------------------------------------------
REVISION HISTORY -> Include RevID codes in the script body so revisions can be easily found using Ctrl-F!
Rev ID  Date        Author              Comments
------  ----------  ------------------  --------------------------------------------------------------------------------
SB000   09/29/2020  Zack Wilson          Original version
SB001   11/1/2022   Zack Wilson          Added css to "filter change operand" to increase size and line weight
SB002   11/14/2023  Zack Wilson          Made some changes after UI update to Browse Page
SB003   9/10/2024   Zack Wilson          Made changes to Report Builder due to update
======================================================================================================================*/

:root {
  --primary-color: #333740 /*#009EEC*/ /*9.18.20 - ZW*/;
  --loader-color: #bb9e6a /*#009EEC*/ /*9.18.20 - ZW*/;
  --leftnav-hover-color: #008cd7;
  --primary-button-color: #3e424a /*#009EEC*/ /*9.18.20 - ZW*/;
  --primary-button-hover-color: #717684 /*#008ED4*/ /*9.18.20 - ZW*/;
  --grey: #cccccc;
  --signal-positive-color: #009eec;
  --signal-negative-color: #ff8f00;
}

A:link {
  color: #009eec /*var(--primary-color)*/ /*9.18.20 - ZW*/;
  text-decoration: none;
}

/* Edited bottom for Activity button display because of website - ZW  */

.activityCommentsToggleContainer {
  width: 50px;
  height: 50px;
  bottom: 5vh;
  /* (4.7.20 - ZW) - changed to 5vh from 12vh to compensate for filter 'apply' in v.9 */
  right: 4vh;
  /*  (4.7.20 - ZW) - changed to 4vh from 0vh */
  position: absolute;
  border-radius: 25px;
  background-color: #009eec;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
/*
.toolbarTab {
  float: absolute*/ /*left*/ /*9.18.20 - ZW*//*;
  border-right: 1px solid #e3e3e3;
  background-color: #ffffff;
  padding: 10px 0px 10px 0px;
}*/ /* Removed 9/10/24 -ZW --SB003*/

.publish-tab {
  background-color: var(--loader-color);
  color: #ffffff;
  border-bottom: 1px solid #e4e4e4;
}

.publishTitle {
  color: var(--loader-color);
}

div.filterOutputList
  .filterOutputControlPanel
  .filterListControlIcon.reset
  span {
  color: #8b0e04 /*#717684*/ /* 9.18.20 - ZW */;
  cursor: not-allowed;
}

.filterOutputList .filterOutput .filterEntry {
  color: #008ed4 /*#333740*/ /* 9.18.20 - ZW */;
  font-family: Roboto, sans-serif;
  font-size: 14px;
}
.tabContainer .tab .selectedDropDown {
  background: url(../images/arrow-dropdown-white.svg) no-repeat center;
  height: 12px;
  width: 12px;
  position: sticky;
  /*top: 17px;
    right: 10px;
    padding: 5.5px 5.5px 8px 8px;*/
  background-color: var(--loader-color);
  /*  border-radius: 6px;*/
}

/* SB002 -  Changed 11/14/2023 after UI update to browse page. Just wanted to make it easier to read. */
div.browseItemListHolder {
  padding: 5px;
}
.browseList div.browseContentItem {
  font-weight: 700;
  width: 100%;
  white-space: nowrap;
}
div.contentType {
  transform: scale(1.1);
}
.browseItemListHolder .browseContentItem div.contentName {
  /*  white-space: nowrap; */
  font-weight: 710;
}
.browsePage {
  margin-top: -20px;
}
/*----------------------------*/

div.reportDisplaySelectionContainer
  div.messageOuterContainer.reportInstance.selected
  div.messageContainer
  div.heading {
  color: #39f --var(--primary-color);
  font-weight: 750;
}
/*Added 7/12/21 - ZW*/
/*/*
.FilterSideNav .filterList {
	overflow: visible;
	padding:0;
	overflow-y: visible;
	height: 100px
}    /*Added 7/12/21 - ZW*/
/*
div.filterOutputControlPanel {
    border-radius: 6px;
    height: 34px;
    background-color: var(--filter-background-color);
    padding: 100px 0px;
}  /*Added 7/12/21 - ZW*/
.filterOutput .filterOperator {
  font-size: 16px;
  font-weight: 350;
} /* SB001 */
.filterOutputList.FilterSideNav .entryHolder {
  width: max-content;
  min-width: 100%;
}
.errorContainer {
  height: auto !important;
}
div.taskListContainer {
  width: fit-content;
} /* added 20240304 - ZW */
/*
@media screen and (max-width: 600px) {
  .browseLeft {
    height: 80vh;
    width: 0;
    position: absolute;
    left: 2px;
    top: 100px;
    z-index: 1008;
    overflow-y: scroll;
    font-size: 0.8em;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1533px) {
  .browseLeft {
    height: 82vh;
    width: 0;
    position: fixed;
    left: 2px;
    top: 108px;
    z-index: 1008;
    font-size: 0.9em;
  }
}
@media screen and (min-width: 601px) and (max-width: 767px) {
  .browseLeft {
    height: 99vh;
    width: 0;
    position: absolute;
    left: 2px;
    top: 135px;
    z-index: 1008;
    overflow-y: scroll;
    font-size: 0.85em;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .browseLeft {
    height: 80vh;
    width: 0;
    position: fixed;
    left: 2px;
    top: 135px;
    overflow-y: scroll;
    font-size: 0.85em;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1533px) {
  .browseLeft {
    height: 82vh;
    width: 0;
    position: fixed;
    left: 2px;
    top: 108px;
    z-index: 1008;
    font-size: 0.9em;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1533px) {
  .browseLeft {
    min-height: 50vh;
    max-height: 83vh;
    width: 13vw;
    position: fixed;
    left: 2px;
    top: 78px;
    z-index: 1008;
    font-size: 0.9em;
  }
}
*/

