/*
 * Copyright (C) 2005 - 2020 TIBCO Software Inc. All rights reserved.
 * http://www.jaspersoft.com.
 *
 * Unless you have purchased a commercial license agreement from Jaspersoft,
 * the following license terms apply:
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program. If not, see <http://www.gnu.org/licenses/>.
 */

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

*/

/* VARIABLES */
/* cannot use until we drop IE11 support */
:root {
    --koa-primary:            #008c95;
    --koa-brand-focus:        #00A3E0;
    --koa-dark:               #30333A;
    --koa-darkest:            #191919;
    --koa-page-bg:            #FFFFFF;
    --koa-modal-border-radius:  5px;
}

/* BUTTONS */
.button.capsule.superfocus.subfocus:hover,
.button.capsule.up.over,
.button.capsule.down,
.button.capsule.down.over,
.button.capsule.down.pressed {
    background-color: var(--koa-darkest);
}

.button.capsule.up.pressed,
.button.capsule.down.over,
.button.capsule.superfocus.subfocus.pressed {
    background-color: #10203f; /* midnight */
}

button.up.primary, .button.up.primary.over, .button.up.primary.pressed {
    background-color: #008C96;
    color: #ffffff;
    }
    
.action.jumbo.up.pressed {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #bf5b08;
}

.action.primary,
.action.primary.pressed,
.action.primary.pressed.over {
    background-image: none;
    background-color: #10203f; /* midnight */
}

.action.primary.over {
    background-color: var(--koa-darkest);
}

.action.small.up.over,
.action.small.up.pressed {
    background-color: var(--koa-darkest);
}

.action.small.pressed.over,
.action.small.down,
.action.small.down.over,
.action.small.down.pressed,
.sourceDialogNew .header .button.over.subfocus {
    background-color: #10203f; /* midnight */
}

#reportViewer .toolsRight .button.action.up.over,
#reportViewer .toolsRight .button.action.up.pressed,
#reportViewer .toolsRight .button.action.down,
#reportViewer .toolsRight .button.action.down.over,
#reportViewer .toolsRight .button.action.down.pressed {
    background-color: var(--koa-darkest); /* midnight 30% lighter */
}

#designer .toolbar .buttonSet .node > .button.pressed {
    background-color: var(--koa-darkest); /* midnight 30% lighter */
}

#tableOptions.over , #chartOptions.over {
    background-color: var(--koa-darkest); /* midnight 30% lighter */
}

#reportViewer #asyncCancel,
#reportViewer .toolbar #fileOptions.pressed,
#reportViewer .toolbar #export.pressed {
    background-color: var(--koa-darkest); /* midnight 30% lighter */
}

#reportPartsContainer .reportPart.active {
    background-color: #10203f;
}

#reportPartsContainer .button.action.up.over {
    background-color: var(--koa-darkest);
}

#reportPartsContainer .reportPart.over span {
    color: #083970;
}

#sortMode > .tab.selected, #viewMode > .tab.selected {
    background-color: var(--koa-brand-focus);
}

.dashboardToolbar #save.pressed,
.dashboardToolbar #export.pressed,
.dashboardCanvas .dashletToolbar .button.text.cancelDashletButton,
.dashboardCanvas .dashletToolbar .button.exportDashletButton.pressed {
    background-color: var(--koa-darkest); /* midnight 30% lighter */
}

.addNewItem, a.addNewItem {
    border: 1px solid #10203f; /* midnight */
    color: #10203f; /* midnight */
}

/* CONTAINERS */
.dialog.overlay {
    border: 0;
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    border-radius: var(--koa-modal-border-radius);

}

.dialog.overlay.showingSubHeader > .content > .header {
    border: 0;
    height: 80px;
}

.dialog.overlay.showingSubHeader .sub.header {
    padding: 6px 0 6px 35px !important;
}

.dialog.overlay > .content > .header {
    background-color: var(--koa-darkest);
    border-bottom: 1px solid var(--border-white);
    position: relative;
    z-index: 1;
    border-top-right-radius: var(--koa-modal-border-radius);
    border-top-left-radius: var(--koa-modal-border-radius);
}

.dialog.overlay > .content > .header > .title {
    font-family: source_sans_prosemibold, Franklin Gothic, Verdana, Arial, sans-serif;
    font-size: 20px;
    line-height: 30px;
    margin-left: 35px;
    background-color: transparent;
    color: #ffffff;
    height: 70px;
    /* text-align: left; */
    display: flex;
    align-items: center;
}    

.dialog.sizeable .groupBox > .content > .body {
    position: relative;
}

.dialog.overlay.sizeable > .content > .body {
    bottom: 44px;
    margin-bottom: 10px;
    position: absolute;
    top: 70px;
    bottom: 61px;
}

#reportViewer #inputControls.showingSubHeader > .content > .body, 
#reportViewer #inputControlsForm.showingSubHeader > .content > .body {
    margin-top: 53px;
}

.dialog.overlay > .content > .footer {
    border: 0;
    position: relative;
    height: 70px;
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom-right-radius: var(--koa-modal-border-radius);
    border-bottom-left-radius: var(--koa-modal-border-radius);
}

.dialog > .content > .footer {
    background-repeat: no-repeat;
    border-top: groove;
}
	
.dialog.overlay.sizeable > .content > .footer {
    position: absolute;
    height: 70px;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}		
	
.groupBox {
    border: 0px solid #d6d6d6; 
    float: left;
    margin: 2px 8px 8px 2px;
    position: relative;
}

.banner
{
    background-color: var(--koa-dark);
}

#frameFooter {
	background-color: var(--koa-dark);
}

.menu.primaryNav .wrap {
    font-size: 15px;
}

.menu.primaryNav .wrap.over,
.menu.primaryNav .wrap.pressed {
    background-color: var(--koa-darkest); /* midnight 30% lighter */
    font-size: 15px;
}

#metaLinks li.subfocus:not(select) {
    background-color: var(--koa-darkest);
}

column.decorated {
	border:1px solid #000b2c;
}

.column.decorated > .content > .header,
.column.decorated > .content > .header > .subheader {
    background-color: #f0f2f3;
}

.panel.tooltip .message.label {
    color: #10203f; /* midnight */
}

.menu.vertical li > .wrap.over,
.menu.vertical li > .wrap.pressed {
    background-color: var(--koa-darkest) /* midnight 30% lighter */
}

#systemMessage {
    color: #035b85;
    font-weight: bold;
    text-align: center;
}

/* LOGO */
#logo {
    background-image: url(images/logo_reverse.svg);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 0 0;
    background-size: contain;
    border: none;
    height: 34px;
    width: 100px;
    margin: 2px 0 0 0;
}

/* CONTROLS */


/* LISTS */
/* SELECT LIST CONTROLS */

.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,
.list.filters > li:not(.selected) > .wrap.over,
.list.filters > li:not(.selected) > .wrap.pressed {
	background-color: var(--koa-brand-focus);
}

.list.filters > li:not(.selected) > .wrap.over .launcher,
.list.filters > li:not(.selected) > .wrap.pressed .launcher {
    color: #fff;
}

.sList li.active.selected,
.mSelect-svList > .active.selected .mSelect-svList-button {
	background-color:#054e71;
}

.list.tabular.resources .wrap, .list.tabular.jobs .wrap {
    border: 0;
}

.list.tabular.resources.header,
.list.tabular.jobs.header {
    background-color: #ecf1f4;
}

.list.resources > li:nth-of-type(odd) {
    background-color: #F5F5F5 ;
}

.list > li > .wrap.over {
    background-color: #E5E5E5;
}

.list.resources.sublist .resourceName > a {
    color: #083970;
}

.tabSet.vertical.buttons .button {
    background-color: var(--koa-darkest);
}

.tabSet.vertical.buttons .selected .button,
.tabSet.vertical.buttons .selected .button.over,
.tabSet.vertical.buttons .selected .button.pressed,
.tabSet.vertical.buttons .button.pressed,
.tabSet.vertical.buttons .button.over {
    background-color: #10203f;
}


/* THEME */

/* sky */
.palette09,
.button.action.jumbo,
.homeSidebar-title,
.workflow-title,
.resourceBlock a:link,
.resourceBlock a:visited,
.resourceBlock a:hover,
.resourceBlock a:active,
.workflow-description a:hover {
	color:#035b85;
}

.workflow {
    box-shadow: none;
}

.button.action.primary.disabled,
.button.action.primary[disabled] {
    color: #475a72;
}

.tabSet.buttons.vertical [disabled] {
    /* eqivalent to .35 opacity */
    color: #9399a8;
}

.palette10,
#metaLinks a:active {
	color:#92c6de;
}

/* dark blue in gradient */
.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,
.resourceName,
.fsection,
#reportContainer a,
.plusminus .node>.wrap>.jrbookmark,
.filterManagerDialog .addNewFilter {
	color:#035b85;
}

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


/* orange */
.palette13,
.textAccent,
.button.action.jumbo.over {
	color:#dd770d;
}

/* .orange2 */
.palette14,
#needHelp:active,
.button.action.jumbo.pressed {
	color:#bf5b08;
}

/* orange3 */
.palette15,
.button.capsule.down {
	color: #532a0a;
}

/* orange4 */
.palette16,
.button.capsule.down.disabled,
.button.capsule.down[disabled],
.resourcePath {
	color: #9f481d;
}

.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:#035b85 !important;
}

#frameFooter #about a,
#frameFooter #about a:link,
#frameFooter #about a:visited,
#frameFooter #about a:hover,
#frameFooter #about a:active,
#frameFooter #copyright {
	color: #ddf4ff;
}

a.emphasis,
a.emphasis:link,
a.emphasis:visited,
a.emphasis:hover,
a.emphasis:active {
	color:inherit;
}


.palette09_bkgd {background-color:#035b85;}
.palette10_bkgd {background-color:#92c6de;}
.palette11_bkgd {background-color:#035b85;}
.palette13_bkgd {background-color:#dd770d;}
.palette14_bkgd {background-color:#bf5b08;}
.palette15_bkgd {background-color:#532a0a;}
.palette16_bkgd {background-color:#9f481d;}



/* PAGE SPECIFIC */

#loginPage #copy {
	background-color: #102035;
}

#loginPage #loginForm fieldset label .wrap,
#loginPage #loginForm fieldset label {
    color: #083970;
}

#loginForm .devices {
background-image: url(images/logo_reverse.svg) !important;
background-position: left center !important;
  background-size: 170px 190px !important;  
  height: 70px;
  margin: 5px;
    background-size: auto;
}

#loginPage #welcome h1 {
    line-height: 56px;
    margin-bottom: 0;
    background-color: var(--koa-primary);
}

#loginPage #welcome .text {
color: #ffffff;
background-color: var(--koa-primary);
font-size: 30px;
font-weight: normal;
display: inline-block;
}

#loginPage #frameFooter {
    border-top: 1px solid #a7b7d0; /* TIBCO navy, 65% lighter */
    height: 18px;
}

.resourceBlock-header {
    background-color: #f0f2f3;
}

.authorityPicker .selected,
.authorityPicker .highlighted.selected {
    background-color: #035b85;
}

#home_user .column.decorated.primary > .content > .body, .column.decorated.home > .content > .body {
    background-color: var(--koa-page-bg);
    background-image: none;
    top: 0;
}


/* JIVE */

.jive_dialog .dialogHeader {
    color: #035b85 !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;
}


/* NEW UI PAGES */
/* domain designer */
.jr-mDomain-header.jr {
    border-bottom-color:#083970;
}

.jr-mDomain-mode-title-text.jr {
    color: #083970;
}


/* NEW COMPONENTS */
/* button */
.jr-mButtonAction.jr-mButtonOutline.jr-isDown.jr,
.jr-mButtonPrimary.jr {
    background-color: #10203f;
}

.jr-mButtonPrimary.jr-isHovered.jr,
.jr-mButtonPrimary.jr:focus,
.jr-mButtonPrimary.jr:hover {
    background-color: #004574;
}

.jr-mButtonLink.jr,
.jr-mButton-labelTheme.jr{
    color: #083970;
}

/* dialog */
.jr-mDialog-header-title.jr {
    color: #083970;
}

/* dropzone */
.jr-mDropzone.jr-isDropped.jr {
    border-color: #083970;
}

.jr-mDropzone.jr-isDropped.jr .jr-mDropzone-label.jr,
.jr-mDropzone-remover.jr {
    color: #083970;
}

.jr-mDropzone.jr-isOver.jr,
.jr-mDropzoneBar.jr {
    background-color: #083970;
}

/* icon */
.jr-mIcon.jr-loading.jr {
    border-top-color: #035b85;
}

/* link */
.jr-mLinkTheme.jr,
.jr-mLinkTheme.jr:link,
.jr-mLinkTheme.jr:visited,
.jr-mLinkTheme.jr:hover,
.jr-mLinkTheme.jr:active {
    color: #083970;
}

input[type="text"], input[type="password"], textarea, .control.combo > select.button {
    background-image: url(images/input_bkgd.png);
    background-repeat: repeat-x;
    background-position: top left;
    border-radius: 4px;
    border-style: groove;
    border-width: 1px;
    padding: 0 10px;
    height: 30px;
}


/* single-select */
.jr-mSingleselect-input.jr {
    background-color: #fff;
    border: 0.091em solid #d6d6d6;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    line-height: 2.5454545455;
    overflow: hidden;
    border-radius: 4px;
    border-style: groove;
    border-width: 1px;
    padding-left: 0.545em;
    position: relative;
    text-decoration: none;
    width: 100%;
    z-index: 2000;
}

/* multi-select */
.jr-mSelectlist-item.jr-isSelected.jr,
.jr-mSelectlistSelected.jr > .jr-mSelectlist-item.jr {
    background-color: #10203f;
}

.jr-mSelectlist-item.jr-isSelected.jr-isHovered.jr {
    background-color: var(--koa-darkest)  /* TIBCO midnight 30% lighter */
}

/* spinner */
.jr-mSpinnerPlain.jr {
    border-top-color: #035b85;
}

/* panel */
.jr-mPanel-header-title.jr {
    color: #083970;
}

/* tab */
.jr-mTab-item.jr-isActive.jr {
    background-color: #083970;
}

.jr-mTabSecondary.jr .jr-mTab-item.jr-isActive.jr {
    border-bottom-color: #083970;
}

.jr-mTabSecondary.jr .jr-mTab-item.jr-isActive.jr .jr-mTab-item-label.jr {
    color: #083970;
}

/* table */
.jr-mTablePresentation.jr .jr-mTable-rowDropzone.jr-isHovered.jr {
    background-color: #083970;
}

/* tooltip */
.jr-mTooltip.jr {
    background-color: #083970;
}

.jr-mTooltipBottom.jr:before,
.jr-mTooltipBottomRight:before,
.jr-mTooltipBottomLeft:before {
    border-bottom-color: #083970;
}

.jr-mTooltipTop:after,
.jr-mTooltipTopRight:after,
.jr-mTooltipTopLeft:after {
    border-top-color: #083970;
}

/* tree */
.jr-mTree-node.jr-isSelected.jr,
.jr-mTree-leaf.jr-isSelected.jr {
    background-color: #083970;
}