/*
.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.

*/

#loginPage #loginForm {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background:#fbfbfb;
  margin: auto;
}


#loginPage #loginForm legend {
	margin: auto;
	width: inherit;
}

#loginPage #loginForm h2, #loginForm .inputSection {
	text-align: center;
}

#loginPage #welcome, #loginPage .community #welcome {
    background-color: #fbfbfb;
}

#loginPage #welcome .logo {
	display: none;
}

#loginPage #welcome {
    background-color: var(--thgov-green);
    height: 80px;
}

#loginPage #welcome h1 {
    color: var(--thgov-green);
    font-size: 28px;
    font-weight: normal;
}

#loginPage #welcome .text {
	display: none;
}

#loginPage #frame {
	background-color: #fbfbfb;
}

#loginPage #copy {
	background-color: var(--thgov-green);
}

#loginPage .info > .content {
	background-color: var(--thgov-green);
}

#loginPage .login {
	width: 496px;
}

#loginPage #submitButton:hover { /* this is temporary until we can dynamically add the .over class to this element */
    background-color: var(--thgov-orange);
}


#loginPage #copy,
#loginPage #rotating > .primary,
#loginPage #rotating > .secondary {
    display: none;
}
#loginPage #copy,
#loginPage .info > .content {
    background-color: #fbfbfb;
}
#loginForm .devices,
#loginPage #rotating {
    background-image: url("images/client_logo_login.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 260px;
	margin: auto;
	width: 496px;
}

#loginForm .devicesBelow {
    background-image:url("images/landing_page.png");
    background-repeat:no-repeat;
    background-position:0px 0px;
    background-size:649px;
    height: 2606px;
    margin: auto;
    width: 650px;
}

#loginForm > .dialog > .content > .body {
    padding-bottom: 12px;
}

.authorityPicker .selected,
.authorityPicker .highlighted.selected {
    background-color: var(--thgov-green);
}


#logo { /* new logo image name and size */
    display: block;
	position: absolute;
	z-index: 200;
	background: no-repeat url("images/client_logo_small.png"); 
	height: 65px;		
	width: 120px;		
	margin: 0px 0px 0px 2px; 	
	border-right: 2px solid var(--lt-grey);
	
}
.banner { /* increases height of banner to accommodate bigger logo */
	height:35px; 		
	background-color: var(--thgov-green);
}
#frame { /* moves the main frame down a bit to accommodate bigger logo */
	top: 34px;	 	
}


column.decorated {
	border:1px solid var(--thgov-green);
}

#frameFooter {
	background-color: var(--thgov-green);
}

#frameFooter #about a, 
#frameFooter #about a:link,
#frameFooter #about a:visited,
#frameFooter #about a:hover, 
#frameFooter #about a:active,
#frameFooter #copyright {
	color: #abc7ad !important;
	color: #abc7ad\9; /* IE8 and IE9 */
}

#systemMessageConsole {
	background-color: var(--highlight-yellow);
	border-bottom: 2px solid var(--thgov-orange);
	z-index: 300;
 }

#systemMessage {
    color: var(--thgov-green);
    font-weight: bold;
    text-align: center;
}

#systemMessage a {
    color: white;
	background-color: var(--thgov-green);
	margin: 5px;
	padding: 4px 14px 5px;
	font-weight: normal;
}

#globalSearch.control.searchLockup {
	margin-top: 5px;
}

#globalSearch.control.searchLockup > .wrap {
	height: 25px;
}

#globalSearch .button.search {
	width: 28px;
	border-left: 2px solid var(--thgov-green);
	background-position: -56px 3px !important;
}

#globalSearch.searchLockup > .wrap {
	border: 1px solid var(--thgov-green);
}


.action.primary,
.schedulerApp .tabs .tabSet.horizontal > .tab.selected > .button {
    background-image: none;
    background-color: var(--thgov-green);
}

.action.primary.over, .action.primary.pressed, .action.primary:active, 
.action.primary.down, .action.primary.down.over, .action.primary.down.pressed, 
.menu.primaryNav .wrap.over, .menu.primaryNav .wrap.pressed,  
.menu.primaryNav .wrap.down .menu.primaryNav .wrap.down.over, .menu.primaryNav .wrap.down.pressed,  
.button.capsule.up.over, .button.capsule.superfocus.subfocus:hover, 
.button.capsule.down, .button.capsule.down.over, .button.capsule.down.pressed,
.jr-mButtonPrimary.jr:hover {
	background-color: var(--thgov-orange) !important;
}

.panel.tooltip .message.label {
    color: var(--thgov-green);
    margin-bottom: 0;
}

.menu.vertical li > .wrap.over {
    background-color: var(--thgov-orange);
}

.list > li > .wrap.pressed,
.list > li.selected > .wrap,
.list > li.selected > .wrap.over,
.sList li.selected,
.mSelect-svList > .selected .mSelect-svList-button,
.list.filters > li > .wrap.over,
.list.filters > li > .wrap.pressed,
#resultsList li.selected > div.wrap > div.resourceType, 
#resultsList li.pressed > div.wrap > div.resourceType {
	background-color: var(--thgov-lit-blue);
}

.palette01, 
.tabSet.buttons.vertical .button, .tabSet.buttons .selected .button, .tabSet.buttons .button.over, 
#messageList .leaf.selected .column p, 
#selectedSubDataSourcesList .leaf.selected .dataSourceName, .list.collapsible > li > .selected > .wrap, .list.filters > .leaf > .wrap.pressed, .list.type_basic .wrap.pressed > .jrbookmark, 
.selected>.wrap .launcher, .selected>.wrap .resourceName, .selected>.wrap .resourceDescription, .selected>.wrap .resourcePath, .pressed .resourceName, 
.pressed .resourceDescription, .pressed .resourcePath, .list.collapsible > li > .wrap.pressed, .list.collapsible .selected > .wrap, .list.resources .selected p.resourceName, 
#entitiesList .leaf.selected > .wrap, #entitiesList .leaf .wrap.pressed, #entitiesList .leaf.selected .ID, .authorityPicker .selected, 
.authorityPicker .highlighted.selected, .workflow-buttonContainer .button, #joinsList .leaf.selected > .wrap,
#resultsContainer .resources.selected p, #resultsList .resources.selected > .wrap > .column.resourceType,
.list.resources .selected.leaf .resourceName > a, .list.resources.sublist .selected .resourceName > a {
	color: var(--thgov-blue-darken);
}

.collapsible > li > .wrap > .icon,
.filters > li > .wrap > .icon,
.stepIndicator .icon {
    background-image: url("images/lists_sprite.png");
}

.palette09,
.button.action.jumbo,
.homeSidebar-title, 
.workflow-title, 
.resourceBlock a:link, 
.resourceBlock a:visited, 
.resourceBlock a:hover, 
.resourceBlock a:active, 
.workflow-description a:hover,
.palette11,
.column.decorated.minimized .vtitle, 
.tabSet.horizontal.buttons .selected > .button > .wrap,
#filter-container .filterName,
#expression-container .filterName,
#scheduler_editor #stepDisplay > fieldset > legend,
.textAccent02,
.tabSet.text .selected.tab>.wrap,
.tabSet.text .selected.tab>.wrap.over,
.tabSet.text .selected.tab>.wrap.pressed,
.list.filters>li.selected>.wrap,
.list.stepIndicator .selected>.wrap,
.panel.info.system .message,
.fsection,
#reportContainer a,
.plusminus .node>.wrap>.jrbookmark,
.filterManagerDialog .addNewFilter {
	color: var(--thgov-green);
}

.resourceName {
	color: var(--thgov-green-darken);
}

.tabSet.vertical.buttons .button, .jr-mButtonPrimary.jr,
#reportViewer #asyncCancel {
	color: #fff;
	background: var(--thgov-green);
	height: 28px;
	padding: 0px 15px;
}

.header button#asyncCancel {
	top: -2px;
	height: 25px !important;
}

#asyncCancel.button .wrap {
	margin-top: -2px;
}

#reportViewer #exportMessage {
	color: var(--thgov-green-darken);
}

#reportViewer #exportIndicator.icon {
	border-color: var(--thgov-green);
	border-top-color: var(--border-grey);
}

.tabSet.vertical.buttons .selected .button, .tabSet.vertical.buttons .selected .button.over, .tabSet.vertical.buttons .selected .button.pressed, 
.tabSet.vertical.buttons .button.pressed { 
	background-color: var(--thgov-green-darken);
}


/* calendar */
.jr .ui-widget-header {
	height: 26px;
	background: var(--thgov-green);
}
.jr .ui-datepicker .ui-datepicker-title {
	margin-top: 2px;
}
.jr .ui-widget-content {
	background: white;
}
.jr .ui-state-default, .jr .ui-widget-content .ui-state-default, .jr .ui-widget-header .ui-state-default, .jr .ui-button, 
html .jr .ui-button.ui-state-disabled:hover, html .jr .ui-button.ui-state-disabled:active {
	background: white;
}
.jr .ui-state-highlight, .jr .ui-widget-content .ui-state-highlight, .jr .ui-widget-header .ui-state-highlight {
	border-color: var(--thgov-orange);
	background: var(--highlight-yellow);
}


.palette13,
.textAccent,
.button.action.jumbo.over,
.tabSet.vertical.buttons .button.over,
#reportViewer .control.paging .button.action .over,
.button.action.jumbo.pressed {
	background-color: var(--thgov-orange);
}

#needHelp {
	color: var(--thgov-green);
}

.wrap.dragging,
.overlay.col.dragging,
.overlay.group.dragging,
.overlay.xtab.gr.dragging,
.overlay.xtab.m.dragging,
.overlay.legend.dragging,
.dragMultiple.dragging .wrap {
	/* an object being dragged gets the .dragging class applied */
	background-color:var(--thgov-green) !important;
}

.palette09_bkgd {background-color:var(--thgov-green);}
.palette10_bkgd {background-color:var(--thgov-orange);}
.palette11_bkgd {background-color:var(--thgov-green);}
.palette13_bkgd {background-color:var(--thgov-orange);}
.palette16_bkgd {background-color:#cc2900;}

.workflow-buttonContainer .button {
    color: #12a17d;
}


/* JIVE */

.jive_dialog .dialogHeader {
    color: var(--thgov-green) !important;
}

#jive_dialog .button.action {
	background: url("images/button_action_sprite.png") repeat-x scroll 0 0 #D8DAD7 !important;
}

#jive_dialog .button.action.primary {
	background: url("images/button_action_primary_sprite.png") repeat-x scroll 0 0 #2881BB !important;
}

.jive_inputbutton {
	background-image:url("images/dialog_button_sprite.png") !important;
}

.jive_inputbutton.plain {
    background: none repeat scroll 0 0 transparent !important;
}
/* Missing from copy of jasper dark */
.palette15, .button.capsule.down {
	color:var(--thgov-green);
}

.palette16, 
.button.capsule.down.disabled, 
.button.capsule.down[disabled], 
.resourcePath {
	color:var(--thgov-orange);
}

.button.capsule.up.over, .button.capsule.up.pressed, 
.button.capsule.down, .button.capsule.down.over, .button.capsule.down.pressed,
.authorityPicker .selected, .authorityPicker .highlighted.selected,
#reportViewer .toolsRight .button.action.up.over, #reportViewer .toolsRight .button.action.up.pressed,
#reportViewer .toolsRight .button.action.up.down, #reportViewer .toolsRight .button.action.up.down.over, #reportViewer .toolsRight .button.action.up.down.pressed {
	background-color: var(--thgov-orange);
}

.pageHeader {
	border-bottom: 0px; 
}

#reportViewer .body.oneColumn > .header, 
#reportViewer .body.twoColumn > .header,
.pageHeader-title,
.column.decorated > .content > .header, .column.decorated > .content > .header > .subheader {
	height: 34px;
	background: var(--lt-grey);
	border-left: 2px solid var(--thgov-green);
	border-bottom: 3px solid var(--border-grey-10);
	padding-left: 120px;
}

#repoBrowse #display > .column.decorated.primary, 
#repoSearch #display > .column.decorated.primary,
#repoBrowse #display > .column.decorated.secondary, 
#repoSearch #display > .column.decorated.secondary,
#reportViewer .twoColumn .secondary.column,
#reportViewFrame,
.scheduler_jobSummary .column.masterView, #jobsSummaryContainer > .body, 
#manage_orgs #organizations, #manage_orgs #folders, #manage_orgs #properties, #manage_roles #roles, #manage_roles #folders, 
#manage_roles #properties, #manage_users #users, #manage_users #folders, #manage_users #properties,
#repoLibrary #display > .column.decorated.primary,
#messages #display > .column.decorated.primary, #messageDetail #display > .column.decorated.primary,
.column.decorated > .content > .body {
	top: 37px;
}

#repoBrowse .column.secondary > .content > .body,
#reportViewer #inputControlsForm > .content > .body {
	border-top: 2px solid white;
}

#repoBrowse #display > .column.decorated.primary, #repoSearch #display > .column.decorated.primary,
#reportViewer .twoColumn .primary.column {
	margin-left: 4px;
}

.column > .sizer, .column.secondary > .sizer {
	width: 4px;
	right: -4px;
}

#repoBrowse .column.decorated > .content > .header, #repoSearch .column.decorated > .content > .header,
#reportViewer #inputControlsForm > .content > .header,
#reportViewer .twoColumn #inputControlsForm.minimized,
#repoBrowse #display > .column.decorated.secondary
 {
	background: #e8e8e8;
	padding-left: 0px;
}
#repoBrowse .column.decorated > .content > .header > .title, #repoSearch .column.decorated > .content > .header > .title, 
#repoBrowse #display > .column.decorated > .content > .header > .title, #repoSearch #display > .column.decorated > .content > .header > .title,
#reportViewer #inputControlsForm > .content > .header > .title {
	color: var(--dk-grey);
	font-weight: bold !important;
}

#reportViewer .body.oneColumn > .header > .title, 
#reportViewer .body.twoColumn > .header > .title, 
.pageHeader-title-text, .content .header > .title,
.column.decorated > .content > .header > .title, .column.decorated > .content > .header > .subheader > .title,
.jr-mDrawer-header-title.jr, .pageHeader-subtitle-path-text {
	height: 32px; 
	line-height: 34px;
    font-family: source_sans_proregular, Franklin Gothic, Verdana, Arial, sans-serif;
	font-size: 16px; 
	font-weight: bold !important; 
	background-position: 8px -18px; 
	background-size: 18px; 
	color: var(--thgov-green-darken) !important;
}

#reportViewer .body.oneColumn > .header > .title, #reportViewer .body.twoColumn > .header > .title {
	padding-left: 43px;
}

#reportViewer #inputControlsForm > .content > .header > .title,
#repoBrowse #display .column.decorated > .content > .header > .title,
#repoSearch #display .column.decorated > .content > .header > .title {
	margin-left: 28px;
	padding-left: 8px;
}

#reportViewer #inputControlsForm .button.minimize,
#repoBrowse .button.minimize, #repoSearch .button.minimize,
#reportViewer .twoColumn #inputControlsForm.minimized {
	background-color: #e8e8e8;
	background-position-x: 6px !important;
}

#reportViewer .twoColumn #inputControlsForm.minimized .button.minimize,
#repoBrowse .column.decorated.minimized > .button.minimize, #repoSearch .column.decorated.minimized > .button.minimize {
	background-color: #e8e8e8;
	background-position-x: 4px !important;
	width: 26px !important;
	border-right: 2px solid white;
}

.column.minimized > .icon.minimize, 
#reportViewer .twoColumn #inputControlsForm.minimized > .icon.minimize {
	border-top: 2px solid white;
}
.column.minimized > .icon.minimize {
    margin-top: -2px;
}
#reportViewer .twoColumn #inputControlsForm.minimized > .icon.minimize {
	margin-top: 1px;
}

input[type="text"], input[type="password"], textarea, .mSelect-input, input.mSelect-input[type="text"], .sSelect-input, .control.combo > select.button {
	border: 1px solid #cccccc;
}

#reportViewer .body.oneColumn > .header > .refresh, 
#reportViewer .body.twoColumn > .header > .refresh, 
#reportViewer .body.oneColumn > .header > .export, 
#reportViewer .body.twoColumn > .header > .export {
	margin-top: 4px;
}

.list.buttonSet .list.buttonSet {
	border-right: 0px !important;	
}

.button.capsule.text {
	border-left: 0px !important;
	border-right: 2px solid white !important;
}

.toolbar .divider {
	background-color: white;
}

button#back {
	margin-right: -5px !important;
}

/*## Options header (input controls) */
.content > .header > .title {
	margin-top: 0px;
}


#inputControlsForm {
	top: 27px;
}

/*## Fix 'jumping' internal hyperlinks */
:target:before
{
	content: "";
	display: block;
	height: 0px; 
	margin-top: 0px;
	width: 0px;
	margin-left: 0px;
}

/*## Toolbar dropdowns */
.j-dropdown {
    padding-top: 9px;
}


.menu.primaryNav {
	 /* This is the key to vertical centering */
    margin:auto auto;
    display: table; /* unless you want to declare a height */
    position: absolute;
    top: 0; bottom: 0;
	left: 130px;
}

#settings .header {
	padding-left: 10px;
}

#settings .body, #serverSettingsMenu .body {
	top: 35px;
}

:root {
	--thgov-green: #258437;
	--thgov-green-darken: #217631;
	--thgov-blue: #00599f;
	--thgov-blue-darken: #00477f;
	--thgov-cyan: #00b2c2;
	--thgov-lit-blue: #9ecaed;
	--thgov-indigo: #5c5cb8;
	--thgov-violet: #e515c3;
	--thgov-orange: #f58700;
	--highlight-yellow: #ffffaa;
	--lt-grey: #fbfbfb;
	--border-grey: #d9d9d9;
	--dk-grey: #525252;	
}