/* --light-gray: #E3E3E3; */
:root {
    --light-gray2: #F4F4F4;
    --light-gray: ##DDDDDD;
    --gray: #A0A0A0;
    --dark-gray: #6C6C6C;
    --whitef: #FFFFFF;
    --tds-main: #FF6A13;
    --dark-gray2: #555555;
    --background: #EBEBEB;
    --light-tds2: #FFEFE8;
    --light-tds: #F0B89C;
    --dark-tds: #C65A24;
    --dark-tds2: #813D1A;
    --light-yellow: #FAE700;
    --dark-yellow: #CEBE00;
    --light-red: #F55656;
    --dark-red: #A82A2A;
    --light-green: #3DCC91;
    --dark-green: #0A6640;
}

a {
    color: var(--tds-main) !important;
}

a:hover {
    color: var(--dark-tds) !important;
}

/* JRS9-NEW for report dropdown text bar */
.jr-mSelectlist-item.jr-isSelected.jr-isHovered.jr {
    background-color:var(--background) !important;
    color: #182026 !important;
}

/* JRS9-NEW for report dropdown text bar */
.jr-mSelectlist-item.jr-isSelected.jr {
    background-color: var(--light-gray2) !important;
}

/* JRS9-NEW for report dropdown text color */
a.jr-mSingleselect-input.jr {
    color: #182026 !important;
}

/* ??? */
li.jr-mSelectlist-item.jr a.jr-mSelectlist-item-text.jr{
    color: #182026 !important;
}

/* ???
div jr-mMultiselect-list jr >> li jr-mSelectlist-item jr-isSelected  jr >> a ORANGE */
li.jr-mSelectlist-item.jr-isSelected.jr a.jr-mSelectlist-item-text.jr{
    color: var(--tds-main) !important;
}

/* JRS9-NEW Options dropdown in report */
select option[selected="selected"]{
    color: var(--tds-main) !important;
    background-color: var(--light-gray2) !important;
}

/* JRS9-NEW Options dropdown in report */
select option[selected="selected"]:hover{
    background-color: var(--background) !important;
}

/* JRS9-NEW Saved Values text in tds-main */
/* #reportViewer #reportOptionsSelect {
    color: #182026;
} */

/* padding: 5px 0;
height: 50px;
box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
1px solid var(--light-gray); */
.banner {
    background-color: white;
    height: 40px;
    border-bottom: 1px solid var(--gray);
    border-top: none;
}

#loginPage .banner {
    display: none;
}

#logo {
    background-image: url('images/tdslogo.png');
    background-position: center center;
    height: 40px;
    width: 150px;
    margin: 0 10px;
}

/* JRS9-NEW */
#mainNavigation .wrap.button {
    color: var(--dark-gray2) !important;
}

/* Left side menu texts
#mainNavigation .wrap.button {
    color: var(--tds-main) !important;
} */

#mainNavigation .icon {
    filter: brightness(0.5);
}

/* JRS9-MODIFIED, #navigation to #mainNavigation */
#mainNavigation .wrap.button {
    border-radius: 5px;
}

/* JRS9-MODIFIED, #navigation to #mainNavigation */
#mainNavigation .wrap.button.over {
    background-color: var(--light-tds2);
}

/* JRS9-MODIFIED, #navigation to #mainNavigation */
#mainNavigation .wrap.button.over {
    background-color: var(--light-tds2);
}

/* JRS9-MODIFIED, #navigation to #mainNavigation */
#mainNavigation .wrap.pressed {
    background-color: var(--light-tds2);
}

#metaLinks li,
#metaLinks a {
    color: var(--dark-gray2) !important;
}

#metaLinks a:hover {
    color: var(--tds-main) !important;
}

/* JRS9-MODIFIED */
#globalSearch .wrap {
    background: var(--light-gray2);
    /* border-radius: 200px; */
}
/* JRS-9 02282025 TDS_v4 fixed search hover shadow box */
/* #globalSearch .wrap:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
} */
 
/* JRS-9 02282025 TDS_v4 fixed search box within shadow box */
/* #globalSearch .wrap:focus-within {
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
} */

/* JRS-9 02282025 TDS_v4 fixed search box height */
/* height: 50px; */
/* #globalSearch input {
    padding: 5px 15px !important;
    height: 40px;
} */

#globalSearch .button.search {
    transform: scale(0.9);
    filter: hue-rotate(175deg) brightness(2.5);
}

/* Keyboard Focus */
/* #globalSearch.control.searchLockup > .wrap > input[type=text]:focus,
#globalSearch .button.search.focus-visible,
#globalSearch .button.searchClear.focus-visible {
    border: 1px solid #0098f0 !important;
    outline: 2px solid #0098f0 !important;
    outline-offset: 0;
} */
/* Keyboard Focus - TDS_v4 */
#globalSearch.control.searchLockup > .wrap > input[type=text]:focus,
#globalSearch .button.search.focus-visible,
#globalSearch .button.searchClear.focus-visible {
    border: 0 !important;
    outline: 0 !important;
    outline-offset: 0;
}

.jr-mButtonPrimary.mui .jr-mButton-label.mui, .jr-mButtonPrimary.mui .jr-mButton-icon.mui {
    color: var(--tds-main);
}

/* JRS-9 TDS_v4     outline: 0px solid var(--theme-dark); */
.action.primary:focus-visible {
    outline: 0px !important;
    outline-offset: 0 !important;
}

/* JRS-9 TDS_v4 - alert panel close button - NOT NEEDED */
/* .jr-mButtonPrimary.jr-MuiButton-contained.mui {
    background-color: var(--dark-tds);
} */

#frame {
    height: calc(100vh - 60px);
}

#display > .column.decorated > .content > .header > .title, #display > div > .column.decorated > .content > .header > .title, #display > form > .column.decorated > .content > .header > .title {
    color: var(--dark-gray2);
}

.resourceType-icon {
    filter: hue-rotate(175deg) brightness(1.2);
}

.column.home > .content > .body, #home_manage .column.home > .content > .body {
    background-color: #EBEBEB !important;
}

.resourceBlock {
    background-color: white;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
}

.workflowsTitle {
    font-size: 24px;
    color: var(--dark-gray2);
}

/* .button:not(.picker) {
    display: flex;
    padding: 5px 10px;
} */

/* JRS0-MODIFIED, REMOVED for Home page Create and Admin button
.button .wrap {
    padding-left: 5px !important;
} */

.workflow {
    padding: 15px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
}

/* JRS9-NEW */
/* .workflow-actions .button .icon {
    position: initial;
} */

/* JRS9-MODIFIED */
.workflow-actions .button.action {
    background-color: var(--tds-main);
    /* height: initial; */
}

/* JRS9-NEW - Schedule and Alerts page text */
.jr-mTextFilter.mui .jr-mText-descriptor.mui {
    color: var(--tds-main);
}
/* JRS9-NEW - Schedule and Alerts page text */
.jr-mTab.mui.jr-Mui-selected {
    color: var(--tds-main);
}
/* JRS9-NEW - Schedule and Alerts page switch button */
.jr-MuiSwitch-colorPrimary.jr-Mui-checked + .jr-MuiSwitch-track {
    background-color:var(--tds-main);
}

/* JRS9-NEW - Schedule and Alerts page delete, edit icons */
.jr-mButton-icon.jr-mIcon.mui {
    color: var(--tds-main);
}

.workflow-actions .button.action:hover {
    background-color: var(--dark-tds);
}

.workflow-actions .button.action:active {
    background-color: var(--dark-tds2);
}

.menu.vertical {
    padding: 5px 7px;
    margin-left: -20px;
}

.menu.vertical li > .wrap {
    border-radius: 5px;
}

.menu.vertical li > .wrap.over {
    background-color: var(--light-tds2);
    color: var(--tds-main);
}

.menu.vertical li > .wrap.pressed {
    background-color: var(--light-tds);
    color: var(--dark-tds);
}

#loginPage #copy {
    background-color: white;
    margin-left: 0;
    box-shadow: 3px 0 5px rgba(0, 0, 0, .1);
}

#loginPage {
    background: #EBEBEB url("https://storage.googleapis.com/cdn-tds-gcp-prod-1/Jasper-Images/backgroundPattern.png") !important;
    background-size: 90% !important;
    background-position: right bottom !important;
    background-repeat: no-repeat !important;
}

#loginPage .login {
    box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
    border-radius: 5px;
}

#loginPage #rotating h2 {
    color: var(--dark-gray2);
}

#loginPage #rotating .secondary .list.decorated li {
    background: none;
    padding-left: 0;
}

#loginForm .devices {
    margin-bottom: 30px;
    height: 60px;
    background-size: contain;
    background-image: url('images/tdslogo.png');
    background-position: center;
}

/* DONE */
#loginPage #loginForm fieldset label,
#loginPage #loginForm fieldset label .wrap {
    color: var(--dark-gray2);
}

/* Keyboard Focus - TDS_v4 */
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
.control.combo > select.button:focus /* data chooser multi-select available values */ {
    outline: 0px solid var(--theme-dark) !important;
}

input:not([id*="search"]):not([id*="Search"]),textarea {
  /*  border: 1px solid #A0A0A0 !important;
    box-shadow: 0 0 2px rgba(0, 0, 0, .15) !important; */
    border-radius: 7px !important;
    transition: box-shadow .2s ease-out !important;
    padding: 7px 10px !important;
}

input:not([id*="search"]):not([id*="Search"]):hover,textarea:hover {
    box-shadow: 0 5px 5px rgba(0, 0, 0, .15) !important;
}

input:not([id*="search"]):not([id*="Search"]):focus,
input:not([id*="search"]):not([id*="Search"]):active,
textarea:focus,
textarea:active {
    border-color: var(--tds-main) !important;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .15) !important;
}

#loginPage #loginForm .action.primary {
    background-color: var(--tds-main);
    border-radius: 5px;
}

#loginPage #loginForm .action.primary:hover {
    background-color: var(--dark-tds);
}

#loginPage #loginForm .action.primary:active {
    background-color: var(--dark-tds2);
}

/* JRS9-MODIFIED folder in org, role, user */
.folders.collapsible > li > .wrap > .icon, .folders .collapsible > li > .wrap > .icon {
    /* filter: hue-rotate(175deg) !important; */
    filter: grayscale(1);
}

/* JRS9-NEW Role, Org, Users tree icons */
.folders .node.open.selected > .wrap > .icon {
    filter: hue-rotate(175deg) !important;
}

/* JRS9-NEW folder icons orange on Org, Roles, Users */
.list > li.selected > .wrap b.icon {
    filter: hue-rotate(175deg) !important;
}

/* JRS-9 TDS_v4 removed margin-top */
/* #resultsList {
    margin-top: 35px;
} */

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

/* JRS9-MODIFIED Search Results - selected texts*/
.list > li > .wrap.pressed, .list > li.selected > .wrap, .list > li.selected > .wrap.over {
    background-color: #dddddd;
    color: var(--tds-main) !important;
    /* color: var(--dark-gray2) !important; */
}

/* JRS9-NEW Search Results - Selected Item text in header */
.control.path .step .button{
    color: var(--tds-main) !important;
}
/* JRS9-NEW Search Results - Last text in gray in header */
.control.path .step.last .button, .control.path .step.last.selected .button {
    color: #666666;
}

.folders.selected .icon {
    filter: hue-rotate(175deg) !important;
}

/* JRS-9 TDS_v4, modified margin: 0 10px */
.list.tabular.resources .resources, .list.tabular.jobs .jobs {
    margin: 0 0 0 10px;
    border-radius: 4px;
}

/* Keyboard Focus JRS-9 TDS_v4 */
#sortMode > .tab.selected:focus-visible:after, /* classname not being applied, so using psuedo-class */
#viewMode > .tab.selected.focus-visible:after {
    outline: 2px solid var(--light-gray) !important;
}

/* Keyboard Focus JRS-9 TDS_v4 */
.list.tabular.resources .leaf.focus-visible > .wrap,
.list.tabular.resources .node.focus-visible > .wrap {
    /* row focus outline */
    outline: 2px solid var(--light-gray);
    outline-offset: -2px;
}

/* Keyboard Focus JRS-9 TDS_v4 */
.folders .list > li.selected.focus-visible > .wrap,
.folders.selected.focus-visible > .wrap {
    outline: 2px solid var(--light-gray);
    outline-offset: -2px;
}

/* JRS-9 TDS_v4, column header Type */
.list.tabular.resources #resultsListHeader_item1 div {
    color: #FFFFFF;
}

.list.tabular.resources .resources:nth-child(odd), .list.tabular.jobs .jobs:nth-child(even) {
    background-color: var(--light-gray2);
    border: none;
}

/* JRS9-NEW-Header Row -1 */
/* .list.tabular.resources .resources:first-child, .list.tabular.jobs .jobs:first-child {
    background-color: var(--dark-gray2);
    border: none;
} */
/* JRS9-NEW-Header Row -2 */
/* JRS-9 TDS_v4, .list.tabular.resources #resultsListHeader_item1, .list.tabular.jobs .jobs:first-child { */
.list.tabular.resources #resultsListHeader_item1 {
    background-color: var(--dark-gray2);
    border: none;
}
/* JRS9-NEW-Header Row -2 */
.list.tabular.resources #resultsListHeader_item1 p {
    color: #FFFFFF;
}
/* JRS9-NEW-Header Row -2 */
.list.tabular.resources #resultsListHeader_item1 .resourceName {
    color: #FFFFFF;
}

/* JRS9-NEW-Header Favorite icon */
.button.favorite {
    filter: hue-rotate(140deg) !important;
}

/* JRS9-NEW Scheduler icon */
.button.scheduled {
    filter: hue-rotate(140deg) !important;
}

/* JRS9-NEW Scheduler and all other icons */
.list.tabular.resources .icon {
    filter: hue-rotate(140deg) !important;
}

.list.resources .wrap {
    border-bottom: none;
}

.list.tabular.resources.header, .list.tabular.jobs.header {
    background-color: var(--dark-gray2);
}

#resultsContainer .resourceName {
    color: var(--dark-gray2);
}

.toolbar {
    background-color: var(--light-gray2);
}

/*.toolbar .list.buttonSet .button.capsule,.toolbar .list.buttonSet .button.capsule.up {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-right: 1px solid var(--light-gray);
    border-left: 1px solid var(--light-gray);
    background-color: transparent;
    margin: 0;
    padding: 0 3px !important;
}*/



.control.paging .button, .control.zoom .button, .control.search .button{
    display: inline;
}

.toolbar {
    height: 32px;
    min-width: 0 !important;
    display: flex;
    justify-content: space-between;
}

.toolbar ul {
    display: inline-flex;
}

.toolbar .toolsRight{
    padding-right: 10px;
}

#reportViewer .control.zoom .button.action, #reportViewer .control.search .button.action, #reportViewer .control.paging .button.action{
    padding: 0 3px;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#reportViewer .control.zoom .button.action.over, #reportViewer .control.search .button.action.over, #reportViewer .control.paging .button.action.over{
    background: var(--light-tds2);
}

#reportViewer .control.paging > .button.action > .wrap, #reportViewer .control.zoom > .button.action > .wrap, #reportViewer .control.search > .button.action > .wrap{
    left: 0;
    padding-left: 0 !important;
}

.control.zoom input{
    width: 55px;
}

.toolbar .list.buttonSet .button.capsule:not([disabled]) {
    color: var(--tds-main) !important;
}

.toolbar .list.buttonSet .button.capsule:not([disabled]):hover {
    color: var(--tds-main) !important;
    background-color: var(--light-tds2);
}

.toolbar .list.buttonSet .button.capsule:not([disabled]):active {
    color: var(--tds-main) !important;
    background-color: var(--light-tds);
}

.button.capsule.text .wrap {
    color: inherit;
}

/* JRS-9 TDS_v4, bell icon on reports */
.button.capsule.up.over,
.button.capsule.superfocus.subfocus:not([disabled]):hover,
.button.capsule.down,
.button.capsule.down.over,
.button.capsule.down.pressed {
    color: var(--tds-main) !important;
    background-color: var(--light-tds2);
}

#loginPage #copy {
    display: none;
}

.resourceBlock:nth-child(2),
.resourceBlock:nth-child(3) {
    display: none;
}

.workflowsBlock {
    display: flex;
    flex-direction: column-reverse;
}

#sortMode {
    position: absolute;
    right: 0 !important;
    top: 0 !important;
    height: 100%;
    display: flex;
    align-items: center;
}

/* JRS9-NEW */
#sortMode > .tab.selected{
    background-color: var(--background-grey-04);
}

/* JRS9-NEW */
#sortMode > .tab{
    background-color: var(--background-grey-04);
}

/* JRS9-NEW */
#sortMode > .tab:not(.last){
    border: 1px solid var(--border-grey-20);
}

/* JRS9-NEW */
#sortMode > .tab.last {
    border: 1px solid var(--border-grey-20);
}

/* JRS9-NEW track control "show only favorite" */
/* .control.switch .wrap .track {
    background: #FF6A13;
} */
.control.switch input[type=checkbox]:checked ~ .wrap .track, .control.switch input[type=checkbox]:checked:focus ~ .wrap .track {
    background-color: #FF6A13;
}

.tabSet.text > .label > .wrap {
    background-color: transparent;
    color: var(--dark-gray2) !important;
}

.tabSet.text > .tab > .wrap.button {
    background-color: transparent;
    color: var(--dark-gray) !important;
}

/* JRS9-MODIFIED, text beside Sort By, top right corner */
.tabSet.text > .tab.selected > .wrap.button {
    color: var(--tds-main) !important;
}

#resultsContainer .resources.selected p,
#resultsList .resources.selected > .wrap > .column.resourceType {
    color: var(--dark-gray2);
}

#secondarySearchBox.control.searchLockup > .wrap {
    border-radius: 100px;
    padding: 0 4px;
}

/* JRS9-NEW */
.searchLockup {
    background-color: var(--background-grey-04);
}

.column.decorated.minimized .vtitle {
    color: var(--tds-main);
}

.column.decorated.minimized .vtitle {
    color: var(--tds-main);
}

.list.filters > li:not(.selected) > .wrap.over, .list.filters > li:not(.selected) > .wrap.pressed {
    background-color: #dddddd;
    color: var(--dark-gray2);
}

.list.filters > li:last-child > .wrap.over,
.list.filters > li:last-child > .wrap {
    background-color: transparent;
    cursor: default;
}

.filters > li > .wrap > .icon, .stepIndicator .icon {
    filter: hue-rotate(175deg) brightness(1.6);
}

#resultsListHeader * {
    background-color: var(--dark-gray2);
    color: white !important;
}

.scheduled.icon.button {
    filter: brightness(10);
    background-color: transparent !important;
}

.dialog  .title {
    color: var(--tds-main) !important;
}

.dialog .footer {
    display: flex !important;
    flex-direction: row-reverse;
    justify-content: flex-start;
    margin-bottom: 20px !important;
}

.action {
    border-radius: 3px;
}

.action.primary {
    background: var(--tds-main);
    margin-right: 0;
    color: white !important;
}

.action.primary.over {
    background: var(--dark-tds);
}

.column .header > .title {
    color: var(--dark-gray2) !important;
}

.action.primary.over.pressed {
    background: var(--dark-tds2);
}

.jr-mDialog-header-title.jr {
    color: var(--tds-main);
}

.button.capsule .indicator{
    display: none;
}


.dashboardToolbar .button[id="save"] .icon{
    margin-left: -8px;
}

/* JRS-9 TDS_v4 - 02/28/2025 - dashboard icon alignment issue fix by commenting */
/* .dashboardToolbar .button .icon{
    margin-left: -52px;
} */

/* JRS-9 TDS_v4 - 03/05/2025 - page header blue border fix */
.pageHeader {
    border-bottom: 2px solid var(--gray) !important;
}

.dashboardToolbar .button.over{
    background-color: var(--tds-main) !important;
    color: white !important;
}

/* embed */
.dashboardToolbar .toolbar #embed .icon {
    background-position: -54px -449px;
}

.jr-mDialog-footer.jr{
    display: flex !important;
    flex-direction: row-reverse;
    align-items: center;
    margin: 20px 0;
    border-top: none;
}

#frameFooter{
    background-color: var(--tds-main);
}

#frameFooter #about:after{
    content:"TDS | Transcor Data Services";
}

#frameFooter #about a{
    display: none;
}

#frameFooter #copyright{
    display: none;
}

#frameFooter #license{
    display: none;
}

#manage_users #propertiesButtons, #manage_roles #propertiesButtons, #manage_orgs #propertiesButtons {
    display: flex;
    flex-direction: row-reverse;
}

fieldset .action[name]{
    display: inline-block !important;
}

#reportViewer #inputControlsForm > .content.hasFooter > .footer{
    flex-direction: row-reverse;
}

#reportViewer #reportContainer{
    padding-bottom: 200px;
}

#repoBrowse #resultsContainer{
    padding-bottom: 10vh;
}

#reportViewer #frameFooter {
    display: none;
}