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

*/

/* accessible keyboard navigation */
#metaLinks li.subfocus:not(select),
#metaLinks li.over {
    background-color: #3bafff;
}

/* theme.css */
.palette08,
.button.action.primary.disabled,
.button.action.primary[disabled] {
	color: #97cffe;
}

.palette08_bkgd {
	background-color: #a2c664;
}

.palette10_bkgd {
	background-color: #6aa707;
}

.content .header > .title,
.column.decorated.minimized .vtitle {
    color: #666666;
}

.palette14_bkgd,
.palette15_bkgd,
.palette16_bkgd {
	background-color: transparent;
}

.palette15, .button.capsule.down {
	color: #004400;
}

.palette16,
.button.capsule.down.disabled,
.button.capsule.down[disabled],
.resourcePath {
	color: #306f04;
}

.sky_bkgd {
	background-color: #4698be;
}

.addNewItem, a.addNewItem,
.hyperlinkPropertiesSection a.addNewItem{
    border-color: #3bafff;
    color: #3bafff;
}

.button.capsule.superfocus.subfocus:hover,
.button.capsule.up.over,
.button.capsule.down,
.button.capsule.down.over,
.button.capsule.down.pressed {
    background-color: #0081cb;
}

.button.capsule.up.pressed,
.button.capsule.down.over,
.button.capsule.superfocus.subfocus.pressed {
    background-color: #3bafff;
}

.dashboardToolbar #save.pressed,
.dashboardToolbar #export.pressed,
.dashboardCanvas .dashletToolbar .button.text.cancelDashletButton,
.dashboardCanvas .dashletToolbar .button.exportDashletButton.pressed {
    background-color: #0081cb;
}

.action.small.up.over,
.action.small.up.pressed {
    background-color: #0081cb;
}

.action.small.pressed.over,
.action.small.down,
.action.small.down.over,
.action.small.down.pressed,
.sourceDialogNew .header .button.over.subfocus{
    background-color: #3bafff;
}

.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: #0081cb; /* TICBO medium blue */
}

.authorityPicker .selected,
.authorityPicker .highlighted.selected,
.list > li > .wrap.pressed,
.list > li.selected > .wrap,
.list > li.selected > .wrap.over,
 div:focus li.selected > .wrap,
.royal_bkgd,
.menu.vertical li >.wrap.over,
.menu.vertical li > .wrap.pressed,
.list.responsive > li >.wrap.pressed,
.list.responsive > li.selected:focus > .wrap,
.list.responsive > li.selected:focus > .wrap.over {
	background-color: #3bafff;
}

.cerulean {
	color: #134F91;
}

.cerulean_bkgd {
	background-color: #134f91;
}

.tabSet.vertical.buttons .button {
    background-color: #0081cb;
}

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

.tabSet.buttons.vertical [disabled] {
    /* eqivalent to .4 opacity */
    color: #80b3df;
}

#loginPage #copy {
    background-color: #6aa707;
    border-left: 4px solid #fff;
    border-right: 4px solid #fff;
}
/*
#loginForm .devices {
    background-image: url(images/logo_nexct.png) !important;
    background-position: center center !important;
    background-size: 150px 40px !important;
}
*/
#loginPage #frameFooter {
    background-image: none;
    background-color: #00a9d7;
    /* border-top: 2px solid #fff;*/
    height: 20px;
}

a#about,
a#about:hover,
a#about:active {
	color: #e4f4c9;
}

.workflow-title {
    color: #467a02;
}

.workflow-buttonContainer .button {
	color:#467a02;
}

/* lists */
.list.filters > li:not(.selected) > .wrap.over,
.list.filters > li:not(.selected) > .wrap.pressed {
    background-color: #3bafff;
}

/* controls */
#tableOptions.over, #chartOptions.over {
    background-color: #0081cb;
}


/* containers.css */
.banner {
    background-color: #031f58;
}

.menu.primaryNav .wrap.over,
.menu.primaryNav .wrap.pressed {
	background-image: none;
	background-color: #3bafff;
}

.menu.vertical {
	border:none \9; /* for all ie browsers */
}

.panel.tooltip .message.label {
    color: #0081cb;
}

#frameFooter {
	background-image: none;
	background-color: #031f58;
}

/* repository */
#repoBrowse .column.primary > .content > .body {
    margin-top: 29px;
}


/* buttons.css */
.action.jumbo {
	*height: auto;
}

.action.jumbo.up.over {
	color: #8FBD04;
	border: 1px solid #8FBD04;
}

.action.jumbo.up.pressed {
	color: #439000;
	border: 1px solid #439000;
}

.action.jumbo.pressed {
	background-color: #6db000;
	box-shadow: 0px 0px 0px;
}

.action.jumbo>.wrap {
	left: -5px;
}

.action.primary,
.action.primary.pressed,
.action.primary.pressed.over {
    background-color: #3bafff;
}

.action.primary.over {
    background-color: #0081cb;
}

#reportViewer #asyncCancel,
#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: #0081cb;
}

#reportPartsContainer .button.action.up.over,
#reportPartsContainer .reportPart.active {
    background-color: #1388d8;
}


/* pages.css */
.twoColumn > .primary.column,
.body.twoColumn > .primary.column,
.row.twoColumn > .primary.column {
    display: block;
    left: 200px;
    right: 0;
}

.threeColumn > .primary.column,
.body.threeColumn > .primary.column,
.row.threeColumn > .primary.column {
    display: block;
    left: 200px;
    margin-left: 1px;
    margin-right: 1px;
    right: 200px;
}


/* pageSpecific.css */
#manage_users .twoColumn.manager > .primary.column,
#manage_roles .twoColumn.manager > .primary.column {
	left: 0;
	margin-left: 5px;
	margin-right: 15px;
}

#designer .toolbar .buttonSet .node > .button.pressed {
    background-color: #0081cb;
}

.resourceBlock-title {
    color: #666;
    display: inline;
    line-height: inherit;
}


/*LOGIN PAGE BACKGROUND CHANGES
body#loginPage {
    background: #1388d8;
}*/


#loginForm .devices {
    background-image: url(images/logo_nexct.png) !important;
    background-position: center center !important;
    background-size: 150px 40px !important;
}

#loginPage {
    background: rgba(0, 0, 0, 0) url("images/fullsize.jpg") no-repeat fixed center center / cover;
}
/*
#loginPage{
   min-height: 100%;
   background-image: url(images/fullsize.jpg);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
}*/

/* NEW COMPONENTS */
/* button */
.jr-mButtonAction.jr-mButtonOutline.jr-isDown.jr,
.jr-mButtonPrimary.jr:hover:active,
.jr-mButtonPrimary.jr {
    background-color: #031f58;/*Blue*/
}

.jr-mButtonPrimary.jr-isHovered.jr,
.jr-mButtonPrimary.jr:focus,
.jr-mButtonPrimary.jr:hover {
    background-color: #0081cb;/*Blue*/
}

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

#logo { /* new logo image name and size (example is twice the original logo) */
 /* background: url("images/nexctwhite.png") 0 0;
 height: 20px;
  width: 150px;*/
  background: url("images/CL_logo_nexct_white.png") 0 0;
  height: 30px;
  width: 103px;
  margin: 5px 4px 0 8px;
   /* background: url(images/logo_nexct.png) !important;
    background-position: center center !important;
    background-size: 150px 40px !important;*/
}
/*<link rel="icon" type="image/x-icon" href="/images/favicon.png">*/

/*
#logo { 
  background: url("MyImages/MyCompanyLogo.png") 0 0;
  height: 40px;
  width: 230px;
}
.banner { 
  height:65 px
}
#frame { 
  top: 66px;
}
*/


/*Changes For Parameter Pop-Up : 29th April*/

/* 19. Input Controls */
.dialog.inputControls {
    height: 750px;
    min-height: 650px;
    min-width: 540px; /* width needed to fit all buttons in english */
    width: 670px; /* width needed to fit all buttons in other languages */
}

.dialog.inputControls .groupBox .body {
    overflow-x: hidden;
    margin-left: 8px;
    margin-right: 8px;
}

.pane.inputControls {
    margin-bottom: 10px;
}

.pane.inputControls .header {
    background: transparent;
}

.pane.inputControls .header > .title {
    display:none;
}

.pane.inputControls .header > #savedValuesSelector {
    line-height: 28px;
    width: auto;
}

.pane.inputControls .header > #savedValuesSelector>select {
    display: inline;
    margin: 0;
}

.pane.inputControls .footer {
    clear: left;
    height: 38px;
    padding-top: 5px;
    padding-left: 20px;
    position: relative;
}

.pane.inputControls .body {
    bottom: 43px;
    padding-left: 15px;
}

.pane.inputControls .body>.list.inputControls>.leaf {
    clear: none;
    float: left;
    margin: 6px 5px;
}

.pane.inputControls .body > .list.inputControls > .leaf .control input {
    margin-bottom: 0 !important;
}

.ui-sortable label.control .wrap,
.ui-sortable fieldset.control legend,
.ui-sortable .control .wrap,
.ui-sortable fieldset.control legend {
    cursor: pointer;
    display: block;
    width: 100%;
    font-size: 16px;
}


.jr-mItemselector-button.jr {
  background-color: #fff;
  border-right: 1px solid #d6d6d6;
  color: #666666;
  cursor: pointer;
  display: table-cell;
  height: 100%;
  line-height: 1.6666666667;
  margin: 0;
  overflow: hidden;
  padding: 0 0.333em;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  font-weight: bold;
}


.jr-mMultiselect-toggle-label.jr {
  color: #195b8a;
  display: block;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 16px;
}

input[type="text"], input[type="password"], textarea, .mSelect-input, input.mSelect-input[type="text"], .sSelect-input, .control.combo > select.button {
    background-image: url(images/input_bkgd.png);
    background-repeat: repeat-x;
    background-position: top left;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    border-top-color: #848484;
    border-right-color: #c1c1c1;
    border-bottom-color: #c1c1c1;
    border-left-color: #c1c1c1;
    box-sizing: border-box;
    height: 26px;
    font-size: 14px;
}

.jr-mSelectlist-item-text.jr {
  color: inherit;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  white-space: nowrap;
  font-size: 14px;
}

.action > .wrap {
    background-position: left 0;
    font-family: source_sans_prosemibold, Franklin Gothic Medium, Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 28px;
    padding-left: 15px;
    font-size: 16px;
    display: block;
}

.jr-mInput-search.jr:only-child {
    /*background-image: url(images/icontrol_icons_sprite.png);*/
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: right -269px;
    font-size: 14px;
}

#loginPage #loginForm fieldset label .wrap {
    color: #ffffff;
    font-size: 16px;
}






/*New*/

#loginPage .login {
    border-radius: 3px;
    background-color: #8f84849c;
    border: medium none;
    position: relative;
    width: 350px;
    z-index: 0;
    margin: 150px auto;
    padding: 6px;
    backdrop-filter: blur(2px);
    border-radius: 8px;
}



#loginPage #loginForm fieldset input {
    border: 0.091em solid var(--border-grey-16);
    display: block;
    height: 2.545em;
    margin-bottom: 16px;
    margin-top: 1px;
    padding-right: 0.364em;
    padding-left: 0.364em;
    width: 100%;
    border-radius: 8px;
}


.action {
    display: inline-block;
    margin-right: 5px;
    min-height: 28px;
    padding: 0 15px 0 0;
    text-align: center;
    text-decoration: none;
    border-radius: 8px;
}


#loginPage a#needHelp {
    font-family: source_sans_prosemibold, Franklin Gothic Medium, Verdana, Arial, sans-serif;
    font-size: 18px;
    margin: 0 auto;
    text-align: center;
    display: block;
    color: white;
}


.folders.collapsible > li > .wrap, .folders .collapsible > li > .wrap {
    font-family: source_sans_proregular, Franklin Gothic, Verdana, Arial, sans-serif;
    font-size: 15px;
    height: 26px;
}


.banner {
    background-color: var(--theme-dark);
    border-bottom: 1px solid var(--border-white);
    /* font-family: source_sans_proregular, Franklin Gothic, Verdana, Arial, sans-serif; */
    height: 40px;
    position: relative;
}


.button.capsule.text .wrap {
    height: 100%;
    line-height: 28px;
    font-size: 16px;
    padding: 0 12px;
}

.palette05, label, legend, legend.label > .wrap, ul.decorated, #addResource_locateDataSource #newDataSourceLink.disabled, #addResource_locateQuery #newQueryLink.disabled, #addResource_inputControl_information .list.twoColumn > .node > .wrap, .attributesDesigner .baseTable, .attributesViewer .baseTable, .attributesTable > .thead .table-column, .attributesTable > .tbody .table-row, .button, .button.action.pressed, .control > .wrap, .control.path > .step.last > .wrap, .control.path > .step.last > .wrap.over, .control.path > .step.last > .wrap.pressed, #entitiesList .leaf > .wrap, .foundItem, .group legend.label, .header, .label, .label.wrap, .list.collapsible > li > .header.wrap, .list.inputSet, .list.settings .node > .wrap .title, .list.twoColumn > .node > .wrap, .LogCollectors .collectorsList tr td, .manager .entities.header > .leaf > .wrap, #messageDetail .message .label .wrap, #messageListHeader .leaf p, #messageList .leaf .wrap, #metaLinks, .resourceBlock .fileType, #resultsContainer p:not(.resourceName), #resultsListHeader h3, #resultsListHeader p, #results .resourceType, #serverError h3, .tabSet.text > .tab > .wrap, .tabSet.text > .tab > .wrap.over, .tabSet.text > .label > .wrap, .tabular, .workflow-description, .workflow-description a:link, .workflow-description a:visited, .workflow-description a:active {
    color: #666;
    font-size: 16px;
}

.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: #0081cb;
     font-size: 16px;
}

a{
    color: inherit;
    cursor: pointer;
    text-decoration: none;
    font-size: 16px;
}

.tabSet.vertical.buttons .button .wrap {
    font-family: source_sans_prosemibold, Franklin Gothic Medium, Verdana, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    height: 28px;
    padding: 0 0 0 15px;
    line-height: 28px;
    font-size: 16px;
}


/*Calander width*/



.element.style {
    margin-left: 564px;
    position: absolute;
    top: 406px;
    left: 619.5px;
    z-index: 2;
    display: block;
    width: 400px;
}


.jr .ui-datepicker {
    font-size: 15px;
}


.jr .ui-widget.ui-widget-content {
    border: 1px solid #c5dbec;
    /* width: 300px; */
    /* border: 1px solid #c5dbec; */
    /* width: 250px; */
}

/*11May23 Changes For Pop Size*/
.dialog.overlay.sizeable > .content > .body {
    bottom: 44px;
    margin-bottom: 0;
    position: absolute;
    top: 10px;
}

.list.inputControls label .wrap, .list.inputControls div .wrap {
    font-weight: bold;
    line-height: 1.1em;
    white-space: normal;
}


control, .picker input {
    margin-bottom: 10px;
}

/*16May23 Changes For Username and password centre alignment*/
#loginPage #loginForm fieldset input {
    border: 0.091em solid var(--border-grey-16);
    display: block;
    height: 2.545em;
    margin-bottom: 16px;
    margin-top: 1px;
    padding-right: 0.364em;
    padding-left: 0.364em;
    width: 100%;
    border-radius: 8px;
    text-align: center;
}