@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');

/**************************************************************************

 Override Click Portal CSS:
 (A) Top Banner Background Color
 (B) Link color -- Don't do this since it impacts too many custom link colors in ClickPortal.css
 (C) Font Style
 (D) Dark Blue Color
 (E) Change Light Blue Color
 (F) Header Tab
 (G) Table Row Hover Color
 (H) Custom CSS

 **************************************************************************/


/**************************************************************************
 (A) Change top banner background color to white
**************************************************************************/
.TopNavAreaLeft, .TopNavAreaRight {
	background-color: white;
}

/**************************************************************************
 (B) Change link color from #336699 to #2774AE
  Note: Don't do this since it impacts too many custom link colors in ClickPortal.css
**************************************************************************/
/*
a {
    text-decoration: none;
    color: #2774AE;
    font-weight: 500;
}
a:active:not(.TransparentButton) {
    color: #2774AE;
}
a:link:not(.TransparentButton, .HeaderMajorTabContentsOverflow A) {
    color: #2774AE;
}
a:visited:not(.TransparentButton) {
    color: #2774AE;
}
*/

/**************************************************************************
 (C) Change font to Roboto Condensed and Roboto (600 rows of code to modify)
**************************************************************************/

*:not(i):not(.fa) {
    font-family: 'Roboto Condensed', 'Arial', serif;
}

/**************************************************************************
 (C.1) Change from Arial to Roboto Condensed
 **************************************************************************/
 /*--- [ClickPortal.css]  --*/
H4,
.entity-action-button,
.region-caption,
.Button, .Button2, .button2,
.SmallButton,
.DisplayHead, .DisplayHeadSort,
.HeaderMinorTabRow .HeaderTabContents A, .HeaderMinorTabRow .HeaderTabContents .Filler,
.CalendarSquareDate,
.ToDoComponentTitle,
.ToDoComponentTitleMini,
.SavedSearchTileHeader,
.SavedSearchTileFooter,
.ActivityNewsFeedComponentDateColumnCell,
.ActivityNewsFeedComponentDateMini,
.ActivityNewsFeedComponentDetailMini,
.ui-dialog-buttonset .ui-button {
    font-family: 'Roboto Condensed', 'Arial', serif !important;
}

/*--- [Click_GlobalCommon_Default.css] ---*/
#clearButton,
.projectID,
.workspaceHeader table td,
.SFQuestions li span,
.SFQuestions li span.PrintQuestion,
.SFQuestions span#readonly.PrintAnswer b,
.SFQuestions .Error,
.SFQuestions .Error span,
.SFQuestions ol li ol li span,
.SFQuestions li span.ViewSingleRefControl,
.SFQuestions span#readonly.PrintAnswer,
.SFQuestions li p,
.BooleanVerticalDisplay span,
.SFQuestions ol li ul li,
.SFQuestions ul li,
.GridHead,
.GridListTotal,
.GridList,
#configurationOverlay,
.WidgetConfigurationDescription,
.WidgetConfigurationName,
.WidgetConfigurationTable,
.WidgetConfigurationTitle,
.MyToDo td,
.MyToDoTabs td,
.MyToDoList td,
.MyToDoListHeader td,
blockquote span,
.parenText,
.automap .button,
.settings-container .button,
.automap .errors,
.project-creator-fly-out-btn {
    font-family: 'Roboto Condensed', 'Arial', serif !important;
}

/**************************************************************************
 (C.2) Change from and "RobotoSlab" to "Roboto Condensed"
 **************************************************************************/
 /*--- [ClickPortal.css]  --*/
H2,
H3,
LEGEND,
.TopNavTabOff, .TopNavTabOff:link, .TopNavTabOff:active, .TopNavTabOff:visited,
.TopNavTabOn:link, .TopNavTabOn:active, .TopNavTabOn:visited,
.DifferenceArea .DifferenceAttribution .AuthorAvatar .AuthorInitials,
.HeaderMajorTabRow .HeaderTabContents A, .HeaderMajorTabRow .HeaderTabContents .Filler,
.HeaderMajorTabContentsOverflow A,
.NavigationTabControl a, td.TabOn, td.TabOff,
.NavigationTabControl .NavigationTab-overflow,
.SubTabOff,
.SubTabOn,
.SavedSearchTileLink,
a.SavedSearchTileLink:visited,
.DialogFormHeader,
.ReviewerNotesThread .RNAvatar .RNInitials,
.ReviewerNotesPanel .DragAndDropNote,
.FieldReviewerNotesPanel .DragAndDropNote,
.TocPacketsListItem .PacketName {
    font-family: 'Roboto Condensed', 'Arial', serif !important;
}
 

 

/**************************************************************************
 (C.3) Change from RobotoSlabLight to Roboto Condensed
 **************************************************************************/
 /*--- [ClickPortal.css]  --*/
H1,
.PageHead,
.SavedSearchTileBody,
.SavedSearchTileBody:hover {
    font-family: 'Roboto Condensed', 'Arial', serif !important;
}

/**************************************************************************
 (D) Change Dark Blue Color from #405767 to #005587
**************************************************************************/
/*--- [ClickPortal.css]  --*/
.Palette-PrimaryDark-Text {
	color: #005587;
}
.Palette-PrimaryDark-Background {
	background-color: #005587;
}
.ViewSingleRefControl:hover .FadedButton {
	color: #005587;
}
.Icon-Info:before {
    color: #005587;
}
.Icon-Dialog-Minimize:before {
    color: #005587;
}
.Icon-Dialog-Restore:before {
    color: #005587;
}
.Icon-Dialog-Close:before {
    color: #005587;
}
.fileChooseButton {
    color: #005587;
}
select option:checked {
    background-color: #005587;
}
button.input-chooser-popup-ellipse {
	color: #005587; 
}
button.input-chooser-popup-freestanding {
	color: #005587; 
}
.entity-action-button {
	color: #005587; 
}
.entity-action-button:hover, .entity-action-button:focus {
	border: 1px solid #005587;
}
input + label.ReplaceWithIcon:before {
    color: #005587;
}
a.iconEnabled, a.iconEnabled:link {
	color: #005587;
}
a.iconEnabled:hover {
	color: #005587;
}
.Button, .Button2, .button2 {
	background-color: #005587; 
}
.SmallButton {
	background-color: #005587; 
}
.FormHead {
    background-color: #005587;
}
.SmartFormBreadCrumb {
    color: #005587;
}
.TopBarUpperBorder {
	background-color: #005587;
}
.TopNavTabArea {
    background-color: #005587;
}
.TopNavTabBar {
//    background-color: #005587;
}
.TopNavTabOff, .TopNavTabOff:link, .TopNavTabOff:active, .TopNavTabOff:visited {
	background-color: #005587;
}
.TopNavText {
    color: #005587;
}
.TopNavText:link, .TopNavText:active, .TopNavText:visited {
    color: #005587;
}
.ComponentHeaderTable {
    background-color: #005587;
}
.ComponentStyle_StandardBorder .ComponentBodyTable {
    border: 1px solid #005587;
}
.ComponentStyle_StandardBorderFill .ComponentBodyTable {
    border: 1px solid #005587;
}
.ComponentStyle_StandardNoHeaderBorder .ComponentBodyTable {
    border: 1px solid #005587;
}
.ComponentStyle_RoundDefault .ComponentHeaderTable {
    background-color: #005587;
}
.ComponentStyle_RoundBorder .ComponentHeaderTable {
    background-color: #005587;
}
.ComponentStyle_RoundBorder .ComponentBodyTable {
    border: 1px solid #005587;
}
.ComponentStyle_RoundBorderFill .ComponentHeaderTable {
    background-color: #005587;
}
.ComponentStyle_RoundBorderFill .ComponentBodyTable {
    border: 1px solid #005587;
}
.ComponentStyle_RoundFill .ComponentHeaderTable {
    background-color: #005587;
}
.ContentSearchView_SearchArea { 
	color: #005587; 
}
.ContentSearchView_GoButton { 
	color: #005587; 
}
.ContentSearchView_AdvancedSearchLabel { 
	color: #005587; 
}
.ContentSearchView_ResultTable { 
	color: #005587
}
.ContentSearchView_Mini_GoButton {
	color: #005587;
}	
.closeFileProgressButton {
    color: #005587;
}
.fadeInStatusMessage {
	background-color:#005587; 
}
.TobBarUpperBorder {
	background-Color: #005587;
}
.HeaderMajorTabRow .HeaderTabContents A.Selected {
    color: #005587  !important;
}
.HeaderMinorTabRow .HeaderTabContents A, .HeaderMinorTabRow .HeaderTabContents .Filler{
    color: #005587;
}
.HeaderMinorTabContentsOverflow {
	color: #005587;
}
.HeaderMinorTabContentsOverflow A, .HeaderMinorTabContentsOverflow A:visited {
    color: #005587;
}
.HeaderMinorTabContentsOverflow A:hover, .HeaderMinorTabContentsOverflow A:focus {
	color: #ffffff !important; /* -- fixing Click css issue by adding "!important" */
    background-color: #005587;
}
.NavigationTabControl a, 
td.TabOn, 
td.TabOff, 
.SimpleTabs a {
    color: #005587 !important;
}
table.NavigationTabArea a {
	color: #005587;
}
.NavigationTabControl .active:hover, td.TabOn:hover, 
.NavigationTabControl .active:focus, td.TabOn:focus, 
.SimpleTabs .active:hover, .SimpleTabs .active:focus {
    color: #005587 !important;
}
.NavigationTabControl a:hover, td.TabOff:hover, 
.NavigationTabControl a:focus, td.TabOff:focus, 
.SimpleTabs a:hover, .SimpleTabs a:focus {
    background: #005587;
}
.NavigationTabControl .NavigationTab-overflow {
	color: #005587;
}
.NavigationTabControl .DropLayout {
	border: 1px solid #005587;
}
.SubTabOff {
	color: #005587;
}
.SubTabOn {
   color: #005587;
}
.SimpleTabsMinified a {
	color: #005587 !important;
}
.SimpleTabsMinified .active {
    border-bottom: 2px solid #005587;
}
.SimpleTabsMinified a:hover {
    color: #005587 !important;
}
.ReviewerNotes-Header {
	color:#005587;
}
A.ViewCurrent:hover {
    background-color: #005587;
}
.ViewCurrent a:hover {
    background-color: #005587;
}
.ViewLink, .ViewLink:link, .ViewLink:active, .ViewLink:visited {
    color: #005587;
}
A.ViewLink:hover {
    background-color: #005587;
}
.ViewLink a:hover {
    background-color: #005587;
}
.JumpToStep, .JumpToStep:link, .JumpToStep:active, .JumpToStep:visited {
    color: #005587;
}
A.JumpToStep:hover {
   background-color: #005587;
}
.JumpToStep a:hover {
    background-color: #005587;
}
A.JumpToStepCurrent:hover {
    background-color: #005587;
}
.JumpToStepCurrent a:hover {
   background-color: #005587;
}
.JumpToStepHighlighted, .JumpToStepHighlighted:link, JumpToStepHighlighted:active, .JumpToStepHighlighted:visited {
    color: #005587;
}
A.JumpToStepHighlighted:hover {
    background-color: #005587;
}
.JumpToStepHighlighted a:hover {
    background-color: #005587;
}
A.JumpToStepCurrentHighlighted:hover {
    background-color: #005587;
}
.JumpToStepCurrentHighlighted a:hover {
    background-color: #005587;
}
A.JumpToStepNonHighlighted:hover {
    background-color: #005587;
}
.JumpToStepNonHighlighted a:hover {
    background-color: #005587;
}
A.JumpToStepCurrentNonHighlighted:hover {
    background-color: #005587;
}
.JumpToStepCurrentNonHighlighted a:hover {
    background-color: #005587;
}
.JumpToSection, .JumpToSection:link, .JumpToSection:active, .JumpToSection:visited {
    color: #005587;
}
A.JumpToSection:hover {
    background-color: #005587;
}
.JumpToSection a:hover {
    background-color: #005587;
}
A.JumpToSectionCurrent:hover {
    background-color: #005587;
}
.JumpToSectionCurrent a:hover {
    background-color: #005587;
}
.JumpToSectionHighlighted, .JumpToSectionHighlighted:link, .JumpToSectionHighlighted:active, .JumpToSectionHighlighted:visited {
    color: #005587;
}
A.JumpToSectionHighlighted:hover {
    background-color: #005587;
}
.JumpToSectionHighlighted a:hover {
    background-color: #005587;
}
A.JumpToSectionCurrentHighlighted:hover {
    background-color: #005587;
}
.JumpToSectionCurrentHighlighted a:hover {
    background-color: #005587;
}
A.JumpToSectionNonHighlighted:hover {
    background-color: #005587;
}
.JumpToSectionNonHighlighted a:hover {
    background-color: #005587;
}
A.JumpToSectionCurrentNonHighlighted:hover {
    background-color: #005587;
}
.JumpToSectionCurrentNonHighlighted a:hover {
    background-color: #005587;
}
.DRSV-PagingBarArea {
	border-top: 2px solid #005587;
}
.DRSV-DataArea th {
	border-bottom: 2px solid #005587;
}
.CalendarSquareDate span:first-child {
	background-color: #005587;
}
.CalendarSquareDate > span {
	color: #005587;
}
.TimelineSearchArea {
    border-bottom: 1px solid #005587;
}
.TimelineSearchIcon {
    color: #005587;
}
.TimelinePagingBar {
    border-top: 1px solid #005587;
}
.ToDoComponentTitleNonLink {
    color: #005587;
}
.SavedSearchTile {
 	color: #005587;
}
.SavedSearchTileLink,
a.SavedSearchTileLink:visited {
    color: #005587;
}
#toastCloseButton {
    color: #005587;
}
.Icon-ReviewerNotes-Hollow {
	color: #005587;
    border: 1px solid #005587;
}
.Icon-ReviewerNotes-Hollow:before {
	border-color: #005587 transparent transparent #005587;
}
.DynamicDataTable_DataArea th {
    border-bottom: 2px solid #005587;
}
.DynamicDataTable_PagingBar_bottom {
    border-top: 2px solid #005587;
}
.DynamicDataTable_Row > td.DisplayHead {
    border-bottom: 2px solid #005587;
}
.DynamicDataTable_SearchIcon {
    color: #005587;
}
.TocPacketsListItem .PacketName {
    color: #005587;
}
.ui-dialog-buttonset .ui-button {
    background: #005587 !important;
}
.SmartformStepHighlight:hover {
    background-color: #005587;
}


/**************************************************************************
 (E) Change Light Blue Background Color from #d1e1e9 to #d5ebf6
**************************************************************************/

.Palette-SecondaryLight-Text {
	color: #d5ebf6;
}
.Palette-SecondaryLight-Background {
	background-color: #d5ebf6;
}
.RoomComponentSolid {
	background-color: #d5ebf6;
}
.FormHead .Icon-Help:hover {
	color: #d5ebf6;
}
.activeDropZone
{
	background-color: #d5ebf6;
}
@-webkit-keyframes showViewAsset {
  0%  { opacity: 0; }
  20% { background:#d5ebf6; }
  60% { opacity: 1; }
  75% { background:#d5ebf6; }
}
@keyframes showViewAsset {
  0%  { opacity: 0; }
  20% { background:#d5ebf6; }
  60% { opacity: 1; }
  75% { background:#d5ebf6; }
}
@-webkit-keyframes hideViewAsset {
  5%   { background:#d5ebf6; }
  20%  { opacity: 1; }
  80%  { background:#d5ebf6; }
  100% { opacity: 0; }
}
@keyframes hideViewAsset {
  5%   { background:#d5ebf6; }
  20%  { opacity: 1; }
  80%  { background:#d5ebf6; }
  100% { opacity: 0; }
}
@-webkit-keyframes updateViewAsset {
  20% { background:#d5ebf6; }
  60% { background:#d5ebf6; }
}
@keyframes updateViewAsset {
  20% { background:#d5ebf6; }
  60% { background:#d5ebf6; }
}
.publishedCpipItem {
	background-color: #d5ebf6;
}
.HelpTopicLink:hover {
    background-color: #d5ebf6;
}
.TagItemLink:hover {
	background-color: #d5ebf6;
}

/**************************************************************************
 (F) Change Header Tab:Selected and Navigation Tab:hover to have gradient
**************************************************************************/

.HeaderMajorTabRow .HeaderTabContents A.Selected {
    background-image: linear-gradient(#d5ebf6, #BED4DF);
}
.NavigationTabControl a, td.TabOn, td.TabOff {
    background-image: linear-gradient(#d5ebf6, #BED4DF);
}
.NavigationTabSpacer {
    background-image: linear-gradient(#d5ebf6, #BED4DF);
}
.NavigationTabControl a:hover, td.TabOff:hover, .NavigationTabControl a:focus, td.TabOff:focus {
	background-image: linear-gradient(#2774AE, #005587);
}
.HeaderMajorTabRow .HeaderTabContents A:hover, .HeaderMajorTabRow .HeaderTabContents A:focus {
    color: #005587 !important;
}
.HeaderMajorTabRow .HeaderTabContents A.Selected:hover, .HeaderMajorTabRow .HeaderTabContents A.Selected:focus {
    color: #005587 !important;
}
.HeaderMajorTabContentsOverflow A:hover, .HeaderMajorTabContentsOverflow A:focus {
    color: #005587 !important; 
}


/**************************************************************************
 (G) Change table row hover color from #FFFCCC (light orange) to #FFFCCC
**************************************************************************/

.DataTable > tbody > tr:not(.ALDNewSetItemRow):hover { 
	background-color: #FFFCCC;
}
.ALDSetItemRow {
	background-color: #FFFCCC;
}
.ViewDropdownContents > A:hover {
	background-color: #FFFCCC;
}
.drsv-row-hover {
	background-color: #FFFCCC;
}
.drsv-row:hover + .drsv-flex-row {
	background-color: #FFFCCC;
}

/**************************************************************************
 (H) Custom CSS
**************************************************************************/
.ExpiredTrainingRow {
	color: #be0000 !important;/* darker red */
}
div#contextHelpContent { /* add padding to the help window */
  padding: 20px;
}