/* File: custom.css */
:root {
    --color1: #2e3192;		/*Blue*/
    --color2: #d11820;	/*red*/
    --color3: white;	
    --color4: #3946e3; 	/*light blue*/
  
    --primary-color: var(--color1)!important;
    --primary-button-color: var(--color1);
    --primary-button-hover-color: var(--color1);
    --leftnav-hover-color: var(--color4);
  }
  
 #modernToolbarCreateButtonPlus {
	 color: var(--color3);
 }
  /*Multi-tenant Login*/
  .i4footer {
    background: var(--color3);
    clear: both;
    color: var(--color3) ;
  }
  .i4footertext {
    font-size: 20px;
    color: var(--color3) ;
  }
  div.btn-blue {
    /* background: black;*/
  }
  div.btn-blue:hover {
    color: var(--color3) ;
  }
  /*Not for resale*/
  
  /*Dashboards*/
#modernToolbarCreateButton {
    background-color: var(--color1) !important;
	color: var(--color3);
}
  .tabContainer .activeTab {
    background-color: var(--color3);
    border-bottom-color: var(--color2);
  }
  .tabContainer .tab:hover {
    border-bottom-color: var(--color2) ;
  }
  .tab.activeTab, .tab.activeTab:hover {
    height:60px;
  }
  .tabContainer .tab .selectedDropDown {
    background-color: var(--color2) ;
    background: url(../images/arrow-dropdown-white.svg) no-repeat center var(--color2);
  }
  .tabContainer .activeTab .selectedDropDown{
    background-color: var(--color2) ;
  }
  .selectedDropDown {
    box-sizing: content-box;
  }
  ul.yfDropMenu li.menuItem.menuHover {
    background-color: var(--color3) ;
  }
  .dashboardDropdown:hover, .editMoreDropdown:hover {
    background-color:var(--primary-button-hover-color) ;
  }
  .dashboardDropdown:hover .dashboardDropdownInner, .editMoreDropdown:hover .editMoreDropdownInner/*, .previewMoreDropdownInner*/ {
    color: black ;
  }
  div.btn-standard:hover {
    color:black ;
  }
  #dashboardPageBody div.create-content-menu-button {
  background-color: var(--color2) ;
  }
  #dashboardPageBody .createDropdown .menuItem:hover {
    background-color: var(--color3) ;
  }
  div.tabSettings .dashboardBroadcast {
    background-color: var(--color3) ;
  }
  div.tabSettings .dashboardSecurityStatus.editable {
    background-color: var(--color3) ;
  }
  .dashContentContainer .dashContentActionMenu {
    background-color: var(--color3) ;
  }
  /*CodeMode*/
  div.visualCodeToggle.activeEditorModeBtn {
    color: #333740;
    background-color: var(--color2) ;
  }
  div.canvasCodeContainer div.mainContainer div.header div.button.active {
    background-color: var(--color1) ;
  }
  div.visualCodeToggle {
    background-color: var(--color1) ;
  }
  /*ActivityStream*/
  .activityStreamOpenButton {
    background-image: url("../customimages/Chat_1.svg");
    background-size: 50px;
  }
  
  /*Left Side Nav*/
  div.menu-header-collapsed {
    background-color: var(--color1) ;
  }
  div.menu-header-expanded {
    background: var(--color1) ;
  }
  div.menu-cell-collapsed-hover {
    background-color: var(--leftnav-hover-color);
  }
  div.menu-cell:hover {
    background-color: var(--color3) ;
  }
  span.count {
    background: var(--color2) ;
  }
  div.navigation-menu-container {
    background-color: var(--color1) ;
  }
  /*Signals screen*/
  #signalListPageContainer .panelTabsContainer .panelTab.panelTabActive {
    color: black ;
    background-color: var(--color3) ;
    border-bottom-color: var(--color2) ;
  }
  #signalListPageContainer .panelTabsContainer .panelTab:hover {
  border-bottom-color: var(--color2) ;
  }
  /*Admin Screen*/
  a.adminUserNameLink {
    color: var(--color1);
  }
  div.create-content-menu-button {
    background-color: var(--color2);
  }
  
  /*Browse Screen*/
  /*.browseInformation .contentTypeIcon {
    width: 35px;
  }*/
  .folderMain:hover {
    background-color: var(--color3);
  }
  .browseFolder .selected {
    background-color: var(--color3) ;
  }
  .browseConentTypeItem:hover {
    background-color: var(--color3) ;
  }
  /*Popup*/
  .hoverMidHighlightButton .submitMidHighlightText {
    color: white ;
  }
  
  /*Report Builder*/
  td.rpt91991hdr{
   color: #ffffff ;
  }
  
  .filterPrompHolder.searchBar.searchBarFocused{
  border-color:var(--color2) ;
  }
  
  a.timelineItemName, a.timelineItemName:hover, a.timelineItemName:active, a.timelineItemName:visited, span.timelineItemName {
   color: var(--color2);
  }
  
 
  
  .selectViewTable{
      color:black;
  }
   
  td.i4sidenav_width.header_logo img {
    margin-top: 6px;
    margin-bottom: 3px;
    margin-left: 15px;
   
    
  }
  .i4header_userinfo {
    color: black ;
    font-size: 14px;
  }
.dashboardDropdown:hover .dashboardDropdownInner, .editMoreDropdown:hover .editMoreDropdownInner/*, .previewMoreDropdownInner*/ {
  color: white;
}
.dashboardDropdown:hover, .editMoreDropdown:hover {
  background-color:var(--primary-button-hover-color);
}
div.btn-standard:hover {
  color:white;
}
div.yfDropMenuTitleRedHighlight, div.yfDropMenuTitle.red-highlight:hover, .options-box-red-highlight, .tabRedHighlight {
    color: #FFFFFF !important;
    background-color: var(--color1) ;
    font-weight: bold !important;
}


/*replace the word "total" to "Grand total"*/

td[class^="rpt"][class$="rtt"]{ 

    font-size: 0px;
 
}

td[class^="rpt"][class$="rtt"]:after{ 

	content:'Grand Total'; 

	font-size: 12px;

}



/* add the word total in a cross tab */
td[class^="rpt"][class*="ttl"]:first-child:after
{ 
  content:"Total";
}

td[class^="rpt"][class*="rtt"]:first-child{
  text-align: LEFT !important;
  font-weight: bold;

}