@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;
}
.DataTable > tbody > tr:hover .FadedButton {
	color: #005587;
}
tr:hover > td > .FadedButton {
	color: #005587;
}
tr:hover > td > span > .FadedButton {
	color: #005587;
}
.RoomComponentSolid tr:hover > td > .FadedButton {
	color: #005587;
}
.RoomComponentSolid tr:hover > td > span > .FadedButton {
	color: #005587;
}
.ViewSingleRefControl:hover .FadedButton {
	color: #005587;
}
.DataTable > tobody > tr:hover .FadedButton { 
	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;
}
.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;
}
.NavigationTabControl a, td.TabOn, td.TabOff {
	color: #005587 !important;
}
table.NavigationTabArea a {
	color: #005587;
}
.NavigationTabControl .active:hover, td.TabOn:hover, .NavigationTabControl .active:focus, td.TabOn:focus {
	background: #ffffff;
	color: #005587 !important;;
}

.NavigationTabControl a:hover, td.TabOff:hover, .NavigationTabControl a:focus, td.TabOff:focus {
	background: #005587;
}
.NavigationTabControl .NavigationTab-overflow {
	color: #005587;
}
.NavigationTabControl .DropLayout {
	border: 1px solid #005587;
}
.SubTabOff {
	color: #005587;
}
.SubTabOn {
    color: #005587;
}
.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;
}
/* Keep these two in synch. Flex-rows need the second one for programmatic
   switching of the main row's class on hover. */
.drsv-row:hover .FadedButton {
	color: #005587;
}
.drsv-row-hover .FadedButton {
	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_PagingBar {
    border-top: 2px solid #005587;
}
.DynamicDataTable_DataArea td.DisplayHead {
    border-bottom: 2px solid #005587;
}
.DynamicDataTable_SearchIcon {
    color: #005587;
}
.TocPacketsListItem .PacketName {
    color: #005587;
}
.ui-dialog-buttonset .ui-button {
    background: #005587 !important;
}


/**************************************************************************
 (E) Change Light Blue Background Color from #d1e1e9 to #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;
}
.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;
}


/**************************************************************************
 (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: #bed4df !important;
}
.HeaderMajorTabRow .HeaderTabContents A.Selected:hover, .HeaderMajorTabRow .HeaderTabContents A.Selected:focus {
    color: #005587 !important;
}
.HeaderMajorTabContentsOverflow A:hover, .HeaderMajorTabContentsOverflow A:focus {
    color: #bed4df !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 */
}