@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) Font Style
 (C) Dark Blue Color
 (D) Header Tab
 (E) Table Row Hover Color
 (F) Link color
 (G) <HR>

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


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


/**************************************************************************
 (B) Change font to Roboto Condensed and Roboto
**************************************************************************/

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

/* Change from Arial */
BODY, P, DIV, TR, TD, CENTER, TABLE, SELECT, TEXTAREA, INPUT,
.entity-action-button,
.Button, .Button2, .button2,
.SmallButton,
.DisplayHead, .DisplayHeadSort,
span.jsonSuggestResultIndicator,
.HeaderMinorTabRow .HeaderTabContents A, .HeaderMinorTabRow .HeaderTabContents .Filler,
.CalendarSquareDate,
.ToDoComponentTitle,
.ToDoComponentTitleMini,
.ToDoComponentDateColumnCell,
.SavedSearchTileHeader,
.SavedSearchTileFooter,
.ActivityNewsFeedComponentDateColumnCell,
.ActivityNewsFeedComponentDateMini,
.ActivityNewsFeedComponentDetailMini {
    font-family: 'Roboto Condensed', 'Arial', serif !important;
}

/* Change from RobotoSlab */
H2, H3, 
LEGEND,
.TopNavTabOff, .TopNavTabOff:link, .TopNavTabOff:active, .TopNavTabOff:visited,
.TopNavTabOn:link, .TopNavTabOn:active, .TopNavTabOn:visited,
.NavigationTabControl a, td.TabOn, td.TabOff,
.NavigationTabControl .NavigationTab-overflow,
.SubTabOff,
.SubTabOn,
.SavedSearchTileLink, a.SavedSearchTileLink:visited,
.HeaderMajorTabRow .HeaderTabContents A, .HeaderMajorTabRow .HeaderTabContents .Filler,
.HeaderMajorTabContentsOverflow A {
    font-family: 'Roboto Condensed', 'RobotoSlab', 'Arial', serif !important;
}0055

/* Change from RobotoSlabLight */
H1, .PageHead, .SavedSearchTileBody, .SavedSearchTileBody:hover {
    font-family: 'Roboto', 'RobotoSlabLight', 'Arial', serif !important;
}


/**************************************************************************
 (C) Change Dark Blue Color from #005587 to #005587
**************************************************************************/

.Palette-PrimaryDark-Background,
select option:checked {
	background-color: #005587;
}
.Palette-PrimaryDark-Text {
	color: #005587;
}
.Palette-Link-Text {
	/* original color: color: #3f5666; */
	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;
}
.fileChooseButton {
	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;
}
.TopBarUpperBorder {
	background-color: #005587;
}
.TopNavTabArea {
	/* background-color: #005587;*/
	background-image: linear-gradient(#2774AE, #005587);
}
.TopNavTabOff, .TopNavTabOff:link, .TopNavTabOff:active, .TopNavTabOff:visited {
	/* background-color: #005587;*/
	background-image: linear-gradient(#2774AE, #005587);
}
.TopNavText {
	color: #005587;
}
.TopNavText:link, .TopNavText:active, .TopNavText:visited {
	color: #005587;
}
.TopNavHeaderTitle {
	color: #005587;
}
.ComponentHeaderTable {
	background-color: #005587;
}
.ComponentStyle_StandardBorder .ComponentBodyTable {
    border: 1px solid #005587;
}
.ComponentStyle_StandardBorderFill .ComponentBodyTable {
	background-color: #EEEEEE;
    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;
}
.fileUploadProgressTable {
	background: #005587;
}
.fileUploadProgressTableHeader tr {
	background-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 {
	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 td.DisplayHead {
	border-bottom: 2px solid #005587;
}
.CalendarSquareDate span:first-child {
	background-color: #005587;
}
.CalendarSquareDate > span {
	color: #005587;
}
.ToDoComponentTitleNonLink {
	color: #005587;
}
.ToDoComponentSearchArea {
	border-bottom: 1px solid #005587;
}
.ToDoComponentSearchIcon {
	color: #005587;
}
.SavedSearchTile
{
	color: #005587;
}
a.SavedSearchTileLink:visited
{
	color: #005587;
}


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

.HeaderMajorTabRow .HeaderTabContents A.Selected {
    background-image: linear-gradient(#d5ebf6, #BED4DF);
}

.NavigationTabControl a:hover, td.TabOff:hover, .NavigationTabControl a:focus, td.TabOff:focus {
	background-image: linear-gradient(#2774AE, #005587);
}


/**************************************************************************
 (E) 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;
}





/**************************************************************************
 (F) Change link color from #336699 to #2774AE
**************************************************************************/


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;
}

/**************************************************************************
 (G) H1 - reduce top and bottom margin
**************************************************************************/
h1 {
    margin-block-start: 0.3em;
    margin-block-end: 0.3em;
}

/* fixing border error */
hr {
    border: 0pt;
    border-top: 1pt solid #CCCCCC;
}

/*Begin ARC-287 - Making 'Submit' and 'Submit Response' activities stand out*/
/*Submit*/
a[href*="5BOID%5BFE35F19638CDDB4CAE498D154ED2F073%5D%5D"] {
	font-size: 16px;
	font-weight:bold;
	font-family:Helvetica;
    color: #299C1F;
    text-shadow: 1px 1px 1px #ffffff, 3px 3px 18px #2874A6;          
}
A[href*="5BOID%5BFE35F19638CDDB4CAE498D154ED2F073%5D%5D"]:VISITED:not(.TransparentButton) {
    color: #299c1f;
}
/*Submit Response*/
a[href*="5BOID%5BC3D129CFD0189E41B47E4044F4720948%5D%5D"] {
	font-size: 16px;
	font-weight:bold;
	font-family:Helvetica;
    color: #299C1F;
    text-shadow: 1px 1px 1px #ffffff, 3px 3px 18px #2874A6;          
}
A[href*="5BOID%5BC3D129CFD0189E41B47E4044F4720948%5D%5D"]:VISITED:not(.TransparentButton) {
    color: #299c1f;
}
/* End - ARC-287*/

td.grace{
	border: 1px solid black;
	word-wrap:break-word;
	cellspacing:5px;
	cellpadding:5px;
	font-size: 12px;
	font-family: Verdana;
}