/*
.overrides_custom css

Place styles for simple UI customization in this file.

This file is loaded after all other CSS, so selectors here will win in case of conflict with default rules.

Using this file to customize is the method most likely to conserve your customizations even if markup changes in future product releases.

Extensive customizations may be easier to implement by replacing one or more of the standard theme files in your custom theme folder.

However, if future product releases place styles for new markup components into the files you have replaced, your theme will not have these new styles,
and therefore, will not display the new components correctly.

*/

/*
tracsis blue: #21244A;
tracsis green: #229137;
*/

.skipLink {
  position:absolute;
}

:root{
    --theme-light:          #e0f0f9;
    --theme-medium-light:   #0081cb;
    --theme-medium-dark:    #229137;/*#055dab;*/
    --theme-dark:           #21244A;
}

#loginForm .devices {
	height: 80px;
	background-position: center;
}
#loginPage #welcome .text {
  display: none;
}
#loginPage #welcome h1::after {
  content: 'smartREPAY Reporting Portal';
}
#frameFooter {
  display: none;
}
#loginPage #login h2 {
  display: none;
}

#loginPage #loginForm .action.primary {
  margin-bottom: 1.5em;
}

#loginPage #loginForm fieldset label .wrap {
    color: var(--theme-dark);
}

.list > li > .wrap.pressed,
.list > li.selected > .wrap,
.list > li.selected > .wrap.over {
    background-color: var(--theme-medium-dark);
}

.palette11, .column.decorated.minimized .vtitle, .content .header > .title, .flow #stepDisplay .column.primary .header .title, .flow #stepDisplay .column.secondary .header .title, .fsection, .homeSidebar-title, .launcher, .list.filters > li.selected > .wrap, .list.filters > li.selected > .wrap.pressed, .list.filters > li.selected > .wrap .launcher, .list.settings .panel.pane.settings .header > .title, .list.stepIndicator .selected > .wrap, .list.type_basic .wrap a, #loginPage #metaLinks li, #loginPage #metaLinks a, #loginPage #metaLinks a:hover, #loginPage #metaLinks a:active, #needHelp, .panel.info.system .message, .plusminus .node > .wrap > .jrbookmark, #reportContainer a, .resourceBlock a:link, .resourceBlock a:visited, .resourceBlock a:hover, .resourceBlock a:active, .resourceBlock-title, .resourceName, #scheduler_editor #stepDisplay > fieldset > legend, .tabSet.horizontal.buttons .selected > .button > .wrap, .tabSet.horizontal.buttons .button.over, .tabSet.horizontal.buttons .button.pressed, .textAccent02, .tabSet.text .selected.tab > .wrap, .tabSet.text .selected.tab > .wrap.over, .tabSet.text .selected.tab > .wrap.pressed, .workflow-title, .workflow-description a:hover {
  color: var(--theme-dark);
}

.action.primary, .action.primary.pressed, .action.primary.pressed.over {
	background-color: var(--theme-medium-dark);
}
.action.primary.up {
  border: 1px solid white;
}

#loginPage #loginForm .action.primary.up:hover {
  border: 1px solid var(--theme-dark)
}

.action.primary.up.over {
  /*box-shadow: 0px 0px 5px 5px var(--theme-medium-light);*/
  border: 1px solid var(--theme-dark)
}