/* START - copied css properties from redwood.css to override alta style */
.file_Diff_dark_red{
    background-color: #faa;
}
.file_Diff_red{
    background-color: #fee;
}
.file_Diff_Dark_orange{
    background-color: #ffa500a3;
}
.file_Diff_orange{
    background-color: #e3bb7266;
}
.oj-selected > a.oj-tabbar-item-content > .oj-tabbar-item-label {
    color: var(--oj-tab-bar-item-label-color-selected)!important;
    font-weight: var(--oj-tab-bar-item-font-weight-selected)!important;
}
.alert-dialog{
    top: 170px !important;
    left: 160px !important;
}
.fa-info-circle:before{
    content: "\f05a";
}
.file_Diff_dark_red{
    background-color: #faa;
}
.file_Diff_Dark_green{
    background-color: #9f9;
}
.file_Diff_red{
    background-color: #fee;
}
.file_Diff_green{
    background-color: #dfd;
}
.anomaly-left-panel{ 
    float: left    ;
    background-image: url(images/texture-16.png);
    border: solid;
    width: 20%;
    position: relative;
    background-color: var(--oj-private-app-layout-web-header-bg-color);
    margin-right: 10px;
    border-radius: 10px;
}
.anomaly-data-container{
    background-color: white !important;
    height: 75vh;
    overflow: scroll;
}
.anomaly-right-panel{
    border: solid;
    background-image: url(images/texture-16.png); 
    padding: 0px 30px;
    position: relative;
    background-color: var(--oj-private-app-layout-web-header-bg-color);
    float: right;
    border-radius: 10px;
    width: calc(75% - 30px);
}
.anomaly-dropdown{
    padding: 10px;
    text-align: center;
}
.anomaly-dropdown .oj-combobox {
    max-width: inherit!important; 
}
.anomaly-button-container{
    padding: 10px;
    text-align: center;
}
.anomaly-button{
    border-color: white !important;
    border: solid;
    border-radius: 10px;
}
#updateAnomaly div.oj-button-label{
    color: white;
 }
.anomaly-header{
    overflow: hidden;
    background-color: var(--oj-private-app-layout-web-header-bg-color)!important;
    padding: 10px 10px;
    margin-bottom: 15px;
    background-image: url(images/texture-16.png);
}
#slo-tabs span.oj-tabbar-item-label{
    width: 100%;
}
#eventMenu span.oj-tabbar-item-label {
    height: 100%;
}
#slo-tabs li.oj-tabbar-item-element{
    background-color: lightgrey !important;
    width:10% !important;
    margin: 1px !important;
    border-radius: 20px;
}
.common-chart-search-menu{
    margin-top: 3px;
    margin-right: 3px;
    margin-left: 3px;
    margin-bottom: 3px;
    border: solid;
    border-width: 1px;
    border-radius: 10px;
    border-color: grey !important;
}
.SLO-Chart .oj-text-field-container{
    border-radius: 10px;
}
.context-menu-button .oj-button-label{
  justify-content: left !important;
}
a.oj-tabbar-item-content .oj-tabbar-item-label {
    color: var(--oj-tab-bar-item-label-color)!important;
    font-weight: var(--oj-tab-bar-item-font-weight)!important;
}
.confirm-button .oj-button-button{
    background-color: var(--oj-train-button-bg-color-visited) !important;color: white !important;
}
.cancel-button .oj-button-button{
    background-color: #b81031 !important;color: white !important;
}
.fa-info-circle{
    content: "\f05a";
}
.landing-page-reload-icon{
    position: absolute !important;
    z-index: 1000;
    right: 46px;
    top: 24px;
    cursor: pointer;
    color: black !important; 
    width: 12px; 
    height: 12px;
}
.landing-page-popup {
    top: 10vh !important;
    left:10vw !important;
    width: 80% !important;
}
.oj-margin-start {
    margin-left: var(--oj-private-app-layout-hybrid-padding);
}
.oj-margin {
    margin: var(--oj-private-app-layout-hybrid-padding);
}
.oj-filepicker-dropzone {
    background-color: white !important;
    border-color: var(--oj-file-picker-border-color)
}
.oj-margin-vertical {
    margin: var(--oj-private-app-layout-hybrid-padding) 0;
}
.oj-margin-horizontal {
    margin: 0 var(--oj-private-app-layout-hybrid-padding);
}
.oj-padding-horizontal {
    padding: 0 var(--oj-private-app-layout-hybrid-padding);
}
.oj-padding-vertical {
    padding: var(--oj-private-app-layout-hybrid-padding) 0;
}
.oj-padding {
    padding : var(--oj-private-app-layout-hybrid-padding);
}
.app-button-small{
    height: var(--oj-button-sm-height);
}
.toggleNavListButton{
    background: none!important;
}
.feedbackblock .oj-treeview-item-content
{
    display: inline-block;
}
.bluebar .oj-progress-bar-value{
    background-color: #027bc7;
    height: 10px;
}
.oj-expanded.empty-folder .oj-treeview-item-content  .oj-treeview-item-icon:before {
    content: '\f156' !important;
    color: var(--oj-dvt-danger-color) !important;
}
.recommend-list ul{
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #e0e1e1;
}
.system-activity-design{
    padding: 0.2em 0.6em 0.3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
    margin: 5px 20px 5px 20px;
}
.recommend-list li:hover{
    background-color: #f2f2f3;
}
.recommend-list li{
    background-size: 100% 1px !important;
}

.oj-fwk-icon-checkbox-on:before, .oj-checkboxset .oj-selected.oj-hover .oj-radiocheckbox-icon:before, .oj-checkboxset .oj-selected .oj-radiocheckbox-icon:before, .oj-checkboxset .oj-disabled.oj-selected .oj-radiocheckbox-icon:before, .oj-selector .oj-selector-wrapper.oj-selected:before, .oj-selector:active .oj-selector-wrapper.oj-selected:before, .oj-selector:hover .oj-selector-wrapper.oj-selected:before {
    /* content: ""; */
}
.oj-fwk-icon-checkbox-off:before, .oj-checkboxset .oj-radiocheckbox-icon:before, .oj-checkboxset .oj-hover .oj-radiocheckbox-icon:before, .oj-checkboxset .oj-disabled .oj-radiocheckbox-icon:before, .oj-selector:active .oj-selector-wrapper:not(.oj-indeterminate):not(.oj-selected):before, .oj-selector .oj-selector-wrapper:not(.oj-indeterminate):not(.oj-selected):before, .oj-selector:hover .oj-selector-wrapper:not(.oj-indeterminate):not(.oj-selected):before {
    /* content: ""; */
}
html:not([dir="rtl"]) .oj-label-inline {
    padding-top: initial;
}
/* Issue in Home page where new added tabs where hidden */
#home-page-tabs .oj-listview-item-add-remove-transition, #orachk-dashboard .oj-listview-item-add-remove-transition, .fileListWrapper .oj-listview-item-add-remove-transition {
    opacity: unset!important;
}
/* Issue fix for last tab element no margin with next element */
.oj-tabbar-item.oj-tabbar-item-last-child:not(:last-child) {
    margin: var(--oj-tab-bar-item-margin)!important;
}
/* END - copied css properties from redwood.css to override alta style */

/* START - override redwood css properties, apply alta style */
.custom-combobox-dropdown .oj-combobox-arrow { 
    margin: 0px;
    width: 30px;
}

.fixed-width-input .oj-text-field, .oj-text-field {
    max-width: 18em !important;
    min-width: 8em;
}
.auto-width-input.oj-text-field {
    max-width: unset!important;
}
.oj-pagingcontrol {
    display: flex;
}

/* END - override redwood css properties, apply alta style  */
#filemanager-tab-wrapper >oj-switcher {
    height: calc(100vh - var(--header-height) - var(--footer-height) - 35px) !important;
    display: grid;
  }
  
:not(.tabs-container)>oj-switcher>div::before, #myactivity-content-wrapper::before, .dynamic-module-wrapper::before {
    content: "";
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: var(--background-opacity);
    background-image: url(images/texture-16.png);
    pointer-events: none;
}
.white-background { 
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAAkCAYAAAAzUJLAAAABX2lDQ1BJQ0MgUHJvZmlsZQAAKJFtkMFLAlEQxr8tQzIJg4iIoL1FYFEq1SkwizIixBKz2/rcVNLtsbsR3aNLd7FbXTqF0MmrUf9BYdC1wO6Bl5Jtnlar1XsM8+NjZt68D+jyKJznHADymqlHVxbl7cSO7KzBATd6MYMhhRk8GImsUwm+c+epVyGJfD8pZhVuTuXa88bwycV56axUTPyt7ziulGowyh8Us4zrJiAFiCOHJhd8TDyo01LERcHpFl8JTra40qzZioaIH4g9LKOkiF+Ivck2Pd3G+dwB+9pBbO9Wtdgm5RGKUawihiDiWEYYMtES5jFNapx8+r8v0OwLYR8cR9CRRRoZmM1uTjcHlTgMDQxT8BL7aKIPfuH3bx9tbe8amHPRU2O2xhaAMnH/na2NvwIDVeB2jSu68uOuVHcYu35fi/vKQE/Bst7oF84JoPFoWe9ly2pcAt1PQKX+CRC+ZRSeCWncAAAAVmVYSWZNTQAqAAAACAABh2kABAAAAAEAAAAaAAAAAAADkoYABwAAABIAAABEoAIABAAAAAEAAAA5oAMABAAAAAEAAAAkAAAAAEFTQ0lJAAAAU2NyZWVuc2hvdK7tRf0AAAHUaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJYTVAgQ29yZSA2LjAuMCI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIj4KICAgICAgICAgPGV4aWY6UGl4ZWxZRGltZW5zaW9uPjM2PC9leGlmOlBpeGVsWURpbWVuc2lvbj4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjU3PC9leGlmOlBpeGVsWERpbWVuc2lvbj4KICAgICAgICAgPGV4aWY6VXNlckNvbW1lbnQ+U2NyZWVuc2hvdDwvZXhpZjpVc2VyQ29tbWVudD4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+Cl2vHOMAAAB0SURBVGgF7dKxFcAgEMNQYP+dE14GUK+LaN34/NnPfWv4O8Pv+87ryCnKSSYpWqDvKsLCqkniPKIwSREWVk0S5xGFSYqwsGqSOI8oTFKEhVWTxHlEYZIiLKyaJM4jCpMUYWHVJHEeUZikCAurJonziMJfSL70egREm2oVFwAAAABJRU5ErkJggg==")!important;
}
.dynamic-module-wrapper .scroll-container, .dynamic-module-wrapper.scroll-container, #sr-activity-container {
    background-color: #fefefe;
    background-color: #fff;
    position: relative;
}
th.custom-direction[wa-direction=descending] .oj-component-icon:before {
    content: "\f11f"
}
th.custom-direction[wa-direction=ascending] .oj-component-icon:before {
     content: "\f11e"; 
}
.oj-web-applayout-header-title {
    margin: auto 0;
    padding: 6px 10px;
}
.oj-web-applayout-body-theme-image {
    background-image: url(images/footer-top-bg.png);
}
.theme-redwood .oj-web-applayout-header .redwood-image-bar {
    padding: 0px!important;
    height: var(--redwood-image-bar-height);
    background-image: url(images/footer-top-bg.png);
}
.oj-web-applayout-footer {
    padding: 0px!important;
    min-height: var(--footer-height);
    height: var(--footer-height);
    background-color: var(--oj-private-app-layout-web-header-bg-color);
    box-shadow: var(--oj-private-app-layout-web-header-box-shadow);
    color: var(--oj-core-neutral-contrast)!important;
}
.oj-web-applayout-header a, .oj-web-applayout-header li * :not(.oj-combobox-selected-choice), .oj-web-applayout-header .oj-button * {
    color: var(--oj-core-neutral-contrast); 
}
.theme-redwood .oj-web-applayout-header .oj-button-icon-only {
    background-color: var(--oj-core-neutral-contrast);
}
.theme-redwood .oj-web-applayout-header .oj-button-menu-dropdown-icon, .navContrastPanel .oj-collapsible-header {
    color: var(--oj-core-neutral-contrast)!important;
}
.theme-redwood .oj-web-applayout-header {
    height: var(--header-height);
    /* --oj-button-borderless-chrome-text-color:  var(--oj-core-neutral-contrast); */
}
.theme-redwood .oj-web-applayout-header>div {
    height: var(--header-bar-height);
}
.navContrastPanel {
    background-image: url(images/texture-16.png);
    background-color: var(--oj-private-app-layout-web-header-bg-color)!important;
    --oj-primary-text-color: var(--oj-core-neutral-contrast);
    --oj-private-icon-color-default: var(--oj-core-neutral-contrast);
    --oj-private-icon-color: var(--oj-core-neutral-contrast);
    --oj-tree-view-text-color: var(--oj-core-neutral-contrast);
}

.navContrastPanel .normal-text-color {
    color:var(--oj-core-neutral-contrast)!important;
}
.navContrastPanel .oj-selected {
    background-color: transparent!important;
}
.oj-complete .oj-table-status-message {
    display: none !important;
}
#detail-page-tabs .oj-tabbar-empty-text {
    display: none;
}
.SLO-full-screen{
    position: fixed;
    z-index: 100;
    width: 100%;
    top: 0;
    left: 0;
    height: 100vh;
    background-color: white;
    padding: 10px 0 0 0;
    margin: 0 !important;
}
.SLO-filter-heading{
    font-size: 14px;
    margin-left: 10px;
}
.SLO-filter{
    margin: 5px 10px 0px 10px;
    max-height: 6em;
    overflow: auto;
    max-width: 22em;
}
.SLO-header{
    overflow: hidden;
    /* background-color: #f1f1f1; */
    background-color: var(--oj-private-app-layout-web-header-bg-color)!important;
    padding: 10px 10px;
    margin-bottom: 15px;
}
.SLO-header-span{
    float: left;
    color: var(--oj-core-neutral-contrast);
    text-align: center;
    padding: 12px;
    text-decoration: none;
    font-size: 22px; 
    line-height: 25px;
    border-radius: 4px;
}
.SLO-Chart-Heading{
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-style: solid;
    border-color: #D3D3D3;
    color: black;
    padding: 8px;
    text-decoration: none;
    font-size: 15px; 
    margin: 0px 10px 0px 10px;
    border-bottom: none;
    background-color: #f1f1f1;
    border-width: 2px;
}
.common-chart-search-menu{
    margin-top: 3px;
    margin-right: 3px;
    margin-left: 3px;
    margin-bottom: 3px;
    border: solid;
    border-width: 1px;
    border-radius: 10px;
    border-color: grey !important;
}
.slo-header-item-width{
    max-width:8% !important;
    width:8% !important;
}
.slo-header-item-width .oj-text-field-container{
    border-radius: 10px;
}
.slo-filters-block{
    border: solid;
    border-color: lightgray;
    border-width: 1px;
    margin-left: 10px;
    border-radius: 10px;
}
#sloApplyFilter .oj-button-button{
    border-radius: 10px;
}
#sloClearFilters .oj-button-button{
    border-radius: 10px;
}
.SLO-Chart{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-style: solid;
    border-color: #D3D3D3;
    margin: 0px 10px 20px 10px;
    border-width: 2px;
    padding: 0px 10px 10px 10px;
}
.SLO-buttons-container{
    margin: 0px 0px 20px 10px;
}
.SLO-Buttons{
    border-style: ridge;
    border-color: #D3D3D3;
    float:left;
}
.SLO-Card{
    padding: 5px 10px 5px 10px;
    margin: 10px;
    text-align: center;
    background: rgb(95, 185, 181);
}
.slo-chart-radio-button{
    border-style: solid;
    border-color: #D3D3D3;
    margin: 0px 10px 10px 10px;
    width: 100%;
}
.slo-card-value{
padding-top: 10px;
color: white;
font-size: 22px;
}
.slo-card-text{
    padding-bottom: 10px;
    color: white;
    font-size: 10px;
}
.SLO-Chart-Heading-button{
    margin: 0 10px 0 0; 
}
.SLO-Chart-Heading-button:hover{
    color:#027bc7
}
.SLO-Chart-Heading-icon:hover{
    background-color: grey;
}
.chart-heading-buttons{
    float: right;
    display: flex;
}
.SLO-table-container{
    width: 100%;
    border-radius: 10px;
}
.SLO-main-button{
    font-size: 13px;
}
.SLO-main-button-active{
    background-color: #D3D3D3;
}

.common-paginator{
    padding: 10px;
    border: ridge;
}
.common-paginator-span{
    padding: 10px 10px 10px 10px;
}
.common-paginator-input{
    min-width: 40px !important;
    max-width: 20px !important;
    text-align: center;
}

body {
    font-family: 'Oracle Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',sans-serif
}
.appheader-logo-oracle {
    width: 27px;
    transform: scale(1.1);
    margin: auto 2px;
    overflow: hidden;
}

.day {
    background: #eee;
    color: black;
  }
  .night {
    background: #333;
    color: white;
  }
  
  @media (prefers-color-scheme: dark) {
    .day.dark-scheme {
      background: #333;
      color: white;
    }
    .night.dark-scheme {
      background: black;
      color: #ddd;
    }
  }
  
  @media (prefers-color-scheme: light) {
    .day.light-scheme {
      background: white;
      color: #555;
    }
    .night.light-scheme {
      background: #eee;
      color: black;
    }
  }


/*Start - Sprite Image class*/
.tfa-app-icon-sprite, [facet_name] .oj-tree-icon.oj-tree-node-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 1;
    overflow: hidden;
    direction: ltr;
    text-align: center;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.tfa-app-icon-sprite:before {
    display: inline-block;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.tfa-app-icon-email:before {
    content: url(images/func_email_18@2x.png);
}
/*Start - Nav Tree custom icons*/

[rel=file] .oj-tree-icon.oj-tree-node-icon,
[facet_name="ORACHKDashboard"] .oj-tree-icon.oj-tree-node-icon,
[facet_name="OSW"] .oj-tree-icon.oj-tree-node-icon, [facet_name="SYSTEMS"] .oj-tree-icon.oj-tree-node-icon, [facet_name="HOME"] .oj-tree-icon.oj-tree-node-icon, [facet_name="EVENTS"] .oj-tree-icon.oj-tree-node-icon, [facet_name="TIMELINE"] .oj-tree-icon.oj-tree-node-icon, [rel=listf] .oj-tree-node-icon, [rel=folder][p_ttype=ANALYZERS] .oj-tree-node-icon {
    background: none !important;
}
[facet_name="ORACHKDashboard"] .oj-tree-icon.oj-tree-node-icon:before {
    content: "\e903"!important;
}
.tfa-app-icon-sprite:before,[rel=file] .oj-tree-icon.oj-tree-node-icon:before,[facet_name="OSW"] .oj-tree-icon.oj-tree-node-icon:before,[facet_name="SYSTEMS"] .oj-tree-icon.oj-tree-node-icon:before,[facet_name="HOME"] .oj-tree-icon.oj-tree-node-icon:before,[facet_name="EVENTS"] .oj-tree-icon.oj-tree-node-icon:before,[facet_name="TIMELINE"] .oj-tree-icon.oj-tree-node-icon:before {
    content: url("images/demo-small-icons_454545_256x240.png")!important;
    width: 16px;
}
.oj-enabled .tfa-app-icon-sprite:before, [facet_name="OSW"] .oj-enabled .oj-tree-icon.oj-tree-node-icon:before, [rel=file] .oj-enabled .oj-tree-icon.oj-tree-node-icon:before, [facet_name="SYSTEMS"] .oj-enabled .oj-tree-icon.oj-tree-node-icon:before, [facet_name="HOME"] .oj-enabled .oj-tree-icon.oj-tree-node-icon:before, [facet_name="EVENTS"] .oj-enabled .oj-tree-icon.oj-tree-node-icon:before, [facet_name="TIMELINE"] .oj-enabled .oj-tree-icon.oj-tree-node-icon:before {
    content: url("images/demo-small-icons_454545_256x240.png") !important;
    width: 16px;
}
.oj-hover .tfa-app-icon-sprite:before, [rel=file] .oj-hover .oj-tree-icon.oj-tree-node-icon:before, [facet_name="OSW"] .oj-hover .oj-tree-icon.oj-tree-node-icon:before, [facet_name="SYSTEMS"] .oj-hover .oj-tree-icon.oj-tree-node-icon:before, [facet_name="HOME"] .oj-hover .oj-tree-icon.oj-tree-node-icon:before, [facet_name="EVENTS"] .oj-hover .oj-tree-icon.oj-tree-node-icon:before, [facet_name="TIMELINE"] .oj-hover .oj-tree-icon.oj-tree-node-icon:before {
    content: url("images/demo-small-icons_0572ce_256x240.png") !important;
    width: 16px;
}
.oj-active .tfa-app-icon-sprite:before, [rel=file] .oj-active .oj-tree-icon.oj-tree-node-icon:before, [facet_name="OSW"] .oj-active .oj-tree-icon.oj-tree-node-icon:before, [facet_name="SYSTEMS"] .oj-active .oj-tree-icon.oj-tree-node-icon:before, [facet_name="HOME"] .oj-active .oj-tree-icon.oj-tree-node-icon:before, [facet_name="TIMELINE"] .oj-active .oj-tree-icon.oj-tree-node-icon:before, [facet_name="EVENTS"] .oj-active .oj-tree-icon.oj-tree-node-icon:before {
    content: url("images/demo-small-icons_ffffff_256x240.png") !important;
    width: 16px;
}
[facet_name="DEVSHELL"] .oj-tree-icon.oj-tree-node-icon:before{
    font-family: FontAwesome;
    content: "\f120" !important;
    margin: initial !important;
}
[facet_name="DEVSHELL"] .oj-hover .oj-tree-icon.oj-tree-node-icon:before{
    font-family: FontAwesome;
    content: "\f120" !important;
    margin: initial !important;
    color: #0572CE;
}
/*End - Nav Tree custom icons*/

.overlap-setting-icon .tfa-app-icon-settings {
    margin-left: -1rem;
    margin-bottom: -1rem;
}
.tfa-app-icon-file:before, [rel=file] .oj-tree-icon.oj-tree-node-icon:before {
    margin: 0px 0 0 -280px;
}
.tfa-app-icon-edit:before {
    margin: 0 0 0 -418px;
}
.tfa-app-icon-events:before, [facet_name="EVENTS"] .oj-tree-icon.oj-tree-node-icon:before {
    margin: 0px 0 0 -88px;
}
.tfa-app-icon-stats:before, [facet_name="OSW"] .oj-tree-icon.oj-tree-node-icon:before {
    margin: -32px 0 0 0px;
}
.tfa-app-icon-timeline:before, [facet_name="TIMELINE"] .oj-tree-icon.oj-tree-node-icon:before {
    margin: 0px 0 0 0;
}
.tfa-app-icon-home:before, [facet_name="HOME"] .oj-tree-icon.oj-tree-node-icon:before {
    margin: 0 0 0 -342px;
}
.tfa-app-icon-settings:before, [facet_name="SYSTEMS"] .oj-tree-icon.oj-tree-node-icon:before {
    margin: -16px 0 0 0px;
}
.tfa-app-hub-icon {
    background-image: url(images/org_icon_16@2x.png);
    height: 32px;
    width: 32px;
    margin-top: 20px;
    margin-left: 15px;
    float: left;
    cursor: pointer;
}
/*End - Sprite Image class*/

.tfa-app-auto-center {
    margin: 0 auto;
    text-align: center;
}

@font-face {
    font-family: AppFont;
    src: local("AppFont"), url(fonts/App_iconfont.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: auto;
}
.justifyCenter {
    max-width: 1440px;
    margin: 0 auto;
    padding: 10px 10px 0px;
    width: inherit;
}
.tfa-app-min-width {
    width: min-content;
}
.red-font {
    color: #dd4b39 !important;
}
.green-font {
    color: #00a65a !important;
}
.highlight-text-color {
    color: var(--oj-icon-color-selected) !important;
    /* color: var(--error-color) !important; */
}
.normal-text-color {
    color: #000 !important;
    /*color: var(--oj-primary-text-color) !important;*/
}
.dim-text-color {
    color: #939699!important;
}
 /*Start - override alta css properties*/
.oj-table, .oj-listview { user-select: text; }

.theme-redwood .oj-table-container {
    background-color: inherit;
}
.containedTable td, .containedTable th {
    width: unset !important;
    white-space: unset !important;
}
#rightDashboardAccordion .wrap-table-cell td, #rightDashboardAccordion .wrap-table-cell th {
    min-width: 1rem!important;
}
.wrap-table-cell td:not(.chart-table-cell):not(.checkbox-table-cell), .wrap-table-cell th:not(.chart-table-cell):not(.checkbox-table-cell) {
    width: fit-content !important;
    width: -moz-fit-content !important;
    word-break: break-word;
    /* line-height: 12px; */
    white-space: pre-line;
    min-width: 8rem;
    max-width: 90rem;
}
.event-dashboard .wrap-table-cell td:nth-child(1), .event-dashboard .wrap-table-cell th:nth-child(1) {
    min-width: 15px!important;
    max-width: 30px!important;
}
.chart-table-cell .oj-statusmetergauge {
    height: 10px !important;
    width: -webkit-fill-available;
    width: -moz-available;
}
/*No horizontal scroll bar for Table - break long lines*/

/*Start - Font Awesome icons*/
@font-face {
    font-family: FontAwesome;
    font-display: auto;
    src: local('FontAwesome'), url(fonts/fontawesome-webfont.woff2);
    font-weight: normal;
    font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-slack-icon:before { 
   content: "\f354";    
   }    
.slack-image:before {   
   background-image:url(images/slack_text.png); 
   content: ""; 
   width: 24px; 
   height: 24px;    
   background-size: cover;  
   background-repeat: no-repeat; 
}
.fa-thumbs-up:before {
    content: "\f164";
}
.fa-thumbs-down:before {
    content: "\f165";
}
.fa-external-link:before{
    content: "\f08e";
}
.fa-download:before{
    content: "\f019";
}
.fa-bell:before{
    content: "\f0f3";
}
.fa-search:before{
    content: "\f002";
}
.fa-comment:before{
    content: "\f086";
    margin-right: 5px;
}
/*End - Font Awesome icons*/

/*Start - App custom icons*/

.app-icon-font, .app-icon-font-24, .oj-tree-icon.oj-tree-node-icon {
    font-family: AppFont;
    font-size: 16px;
    line-height: 1;
    display: inline-block;
    font-weight: 400;
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    text-align: center;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.app-icon-font-24:before, .app-icon-font:before {
    display: inline-block
}
.app-icons-size-16 {
    width: 14px;
    height: 14px;
}
.app-icon-font-24, .icon-font-24 {
    font-size: 24px !important;
}
.app-icon-font-16, .icon-font-16 {
    font-size: 20px !important;
}
/*.appheader-logo-oracle:before {
    content: url(images/oracle_logo_lrg.png)
}*/

.appheader-logo-oracle:before {
    content: url(images/oracle_logo_sm.png)
}
@media(-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi), (min-resolution:1.5dppx) {
    .appheader-logo-oracle:before {
        content: url(images/oracle_logo_sm.png);
        -webkit-transform: translate(-25%, -25%) scale(.5);
        transform: translate(-25%, -25%) scale(.5)
    }
}
.tfa-app-icon-search:before {
    margin: -32px 0 0 -16px
}
.tfa-app-header-title {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 5px;
    margin-top: 10px
}

.tfa-app-employee-title {
    font-size: 14px;
    padding-bottom: 5px
}
.tfa-app-employee-dept {
    font-size: 12px
}
.tfa-app-employee-comp-ratio, .tfa-app-employee-tenure {
    color: #309fdb;
    font-size: 20px
}
.tfa-app-employee-comp-ratio {
    text-align: center
}
.tfa-app-employee-comp-ratio-label {
    text-align: center;
    white-space: nowrap
}
/*End - App custom icons*/

.rate-icon {
    line-height: 90px
}
.rate-icon img {
    margin-top: 50px;
    margin-left: 15px
}
.aboutmetitle, .notifytitle {
    font-size: 18px;
    padding-left: 20px;
    border: 0;
    font-weight: lighter;
    font-family: helvetica;
    margin-top: 15px;
    color: #fff;
    text-align: left
}
.notifytitle {
    color: #5b6b70
}
.fontbold, #cluster-summary-tab .dashboard_summary_table .vertical-header-table td, .search-input.highlight-text-color .oj-inputsearch-input{
    font-weight: 600
}
.oj-message-detail {font-weight: 500;font-size: 12px;}

.fontbold-400 {
    font-weight: 400
}
.fontbold-700 {
    font-weight: 700
}
.compheight {
    line-height: 27px;
    padding: 0 10px
} 
.tfa-app-oracle-icon {
    width: 137px;
    height: 18px
}
.tfa-app-oracle-icon:before {
    content: url(images/oracle_logo.svg);
    display: inline
}
html:not([dir=rtl]) .tfa-app-oracle-icon {
    padding-right: 4px
}
html[dir=rtl] .tfa-app-oracle-icon {
    padding-left: 4px
}
.user-avatar-icon, .tfa-app-icon-email {
    width: fit-content;
    width: -moz-fit-content;
    height: 24px
}
.user-avatar-icon:before {
    content: url(images/avatar_24px.png)
}
@media(-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi), (min-resolution:1.5dppx) {
    .user-avatar-icon:before {
        content: url(images/avatar_24px_2x.png);
        -webkit-transform: translate(-25%, -25%) scale(.5);
        transform: translate(-25%, -25%) scale(.5)
    }
}
#userMenu {
    margin-right: 0
}
.theme-redwood :not(h6).oj-collapsible-header {
    font-size: 1.29rem !important;
}
.theme-redwood .oj-collapsible-content .oj-collapsible-header {
    font-size: 1.18rem !important;
    font-weight: 500;
}
.scan-sr-details .number-content-normal {
    color: #309fdb;
    font-size: 20px
}
[class*=app-icons-]:after, [class*=app-icons-]:before {
    content: '';
    pointer-events: none;
}
[class*=app-icons-] {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-style: normal;
    color: #ddd;
    text-align: left;
    text-indent: -9999px;
    direction: ltr;
}
.app-icons-reset {
    border-radius: 50%;
    border-width: 2px;
    border-style: solid;
    border-left-color: transparent;
    margin: 4px;
}
.app-icons-reset:before {
    position: absolute;
    width: 0;
    height: 0;
    left: -7px;
    bottom: 0;
    border-width: 6px;
    border-style: solid;
    border-right-color: transparent;
    border-left-color: transparent;
    border-bottom-color: transparent;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}
.tfa-app-grid-icon-16:before {
    content: "\e607"
}
.tfa-app-list-icon-16:before, [rel=listf] .oj-tree-node-icon:before {
    content: "\e608" !important;
}
.tfa-app-gear-icon-16:before {
    content: "\e609"
}
.tfa-app-filter-icon-16:before {
    content: "\e907"
}
.tfa-app-chat-icon-16:before {
  content: "\e605"; }
.tfa-app-home-icon-24:before {
    content: "\e600"
}
.tfa-app-library-icon-24:before {
    content: "\e604"
}
.tfa-app-signout-icon-24:before {
    content: "\e90b";
}
.tfa-app-catalog-icon-24:before, [rel=folder][p_ttype=ANALYZERS] .oj-tree-icon.oj-tree-node-icon:before {
    content: "\e602" !important
}
.tfa-app-edit-icon-24:before {
    content: "\e906"
}
.tfa-app-person-icon-24:before {
    content: "\e909"
}
.tfa-app-info-icon-24:before {
    content: "\e900"
}
.tfa-app-chart-icon-24:before {
    content: "\e903"
}
.tfa-app-download-icon-24:before {
    content: "\e905"
}
.tfa-app-location-icon-24:before {
    content: "\e90d"
}
.tfa-app-jet-icon-24:before {
    content: "\e90c"
}
.spin-icon {
    background: #0572ce !important;
    padding: 10px;
    border-radius: 20px 20px 0;
    font-size: 16px;
    bottom: 187px;
    z-index: 100;
    width: 20px;
    color: #fff !important;
    position: fixed;
    cursor: pointer !important
}
.loading-content-spinner:after {
    content: attr(aria-label);
    /* position: static; */
    color: #000;
    text-align: center;
    font-weight: 500;
    background-color: #999;
    cursor: progress;
}

@keyframes loader2 {
    0% {
        width: 0;
    }
    25% {
        width: 24%;
    }
    43% {
        width: 41%;
    }
    56% {
        width: 50%;
    }
    75% {
        width: 76%;
    }
    90% {
        width: 86%;
    }
    100% {
        width: 100%;
    }
}
.loading-content-progress-bar:before {
    border-top-color: #333;
    animation: loader2 1s linear infinite;
    margin-top: 40px;
    content: "";
    border: 1px none #e5e6e6;
    border-radius: 0;
    position: absolute;
    height: 10px;
    width: 100%;
    z-index: 1;
    background-color: #0a99ec;
    opacity: .3;
}
.hideChartAreaOnHover.loading-content-spinner {
    background-color: #f7f7f7;
    pointer-events: none;
}
.skin-settings {
    visibility: hidden;
    width: 220px;
    margin-left: 40px;
    border: solid #ccc;
    border-width: 1px 0 1px 1px;
    background: #f3f3f4
}
.theme-config-box {
    margin-right: -200px;
    position: fixed;
    bottom: 0;
    overflow: hidden;
    transition-duration: .8s;
    float: right;
    z-index: -1
}
.skin-settings .title {
    background: #efefef;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    padding: 10px 15px;
    font-size: 12px
}
.settings-item {
    padding: 10px 30px
}
.theme-blue {}
.theme-blue .oj-default *, .theme-gold .oj-default *, .theme-purple .oj-default * {
    color: #ccc !important;
}
.theme-blue .oj-accordion-collapsible>.oj-collapsible-header, .oj-button:not(.oj-disabled) button, 
    a:not(.oj-disabled), .heatmap-cell, .oj-listview-item, .oj-ledgauge rect, #runningParsers, .treeview li  {
    cursor: pointer !important;
}
.theme-blue .oj-button:hover {
    color: #fff !important;
    border-color: #005c8a !important;
}
.theme-purple .oj-button {
    background-color: #07ac02;
}
.theme-gold .oj-button {
    background-color: #f2552c;
}
.theme-config-box.show {
    margin-right: 0;
    z-index: 2000
}
.theme-config-box.show .skin-settings {
    visibility: visible
}
.settings-item:hover {
    outline: #ccc solid 1px;
    box-shadow: 0 -2px #ccc
}
@-webkit-keyframes oj-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}
@keyframes oj-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}
.oj-spin {
    -webkit-animation: oj-spin 2s infinite linear;
    animation: oj-spin 4s infinite linear
}
.overflow-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}
.overflow-ellipsis:hover {
    text-overflow: clip;
    white-space: normal;
    word-break: break-all
}
.tooltip-content:hover:after, .info-popup:focus:after {
    position: absolute;
    padding: 4px 8px;
    left: 0;
    font-weight: 400;
    color: #fff;
    top: 0;
    max-height: 100%;
    background-color: #0096e0;
    overflow-y: auto;
    white-space: normal;
    z-index: 10;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 4px #222;
    -webkit-box-shadow: 0 0 4px #222;
    box-shadow: 0 0 4px #222;
    background-image: -moz-linear-gradient(top, #eee, #ccc);
    background-image: -ms-linear-gradient(top, #eee, #ccc);
    background-image: -o-linear-gradient(top, #eee, #ccc)
}
.tooltip-content:hover:after {
    content: attr(title);
}
.info-popup:focus:after {
    content: attr(data-info-content);
}
.orachk-info-color {
    color: var(--orachk-info-color)!important;
}
.orachk-fail-color {
    color: var(--orachk-fail-color)!important;
}
.orachk-warn-color {
    color: var(--orachk-warn-color)!important;
}
.orachk-critical-color {
    color: var(--orachk-critical-color)!important;
}
.orachk-undetermined-color {
    color: var(--orachk-undetermined-color)!important;
}
.orachk-pass-color {
    color: var(--orachk-pass-color)!important;
}
:root {
    --background-opacity: 0.06;
    --oj-private-app-layout-web-header-bg-color: rgb(var(--oj-palette-neutral-rgb-160));
    --oj-private-app-layout-web-header-title-text-color: var(--oj-core-neutral-contrast);
    --oj-private-app-layout-web-footer-bg-color: var(--oj-core-neutral-contrast);
    --banner-message-height: 45px;
    --footer-height: 28px;
    --nav-tree-width: 200px;
    --nav-tree-max-width: 500px;
    --error-color: #e40004;
    --warning-color: #ef8d00;
    --info-color: #0572ce;
    --orachk-info-color: #237bb1;
    --orachk-fail-color: #ec5252;
    --orachk-warn-color: #f6f64a;
    --orachk-critical-color: #d431d4;
    --orachk-undetermined-color: #f2b231;
    --orachk-pass-color: #ceefce;
    --tab-top-offset: 5px;
    --hometab-top-offset: 60px;
    --redwood-image-bar-height: 12px;
    --header-bar-height: 45px;
    --header-height: calc (var(--redwood-image-bar-height) + var(--header-bar-height));
    --tab-bar-height: 40px;
    --search-container-height: 50px;
    --search-container-max-height: 700px;
    --anomaly-container-height: 50px;
    --anomaly-container-max-height: 700px;


    /* Redwood properties */
    --oj-html-font-size: .85em;
    --oj-core-bg-color-content: rgb(var(--oj-palette-neutral-rgb-170));
  
    /* NavigationList */
    --oj-navigation-list-item-border-color-selected: rgb(var(--oj-palette-brand-rgb-110));
    --oj-core-bg-color-active: rgba(var(--oj-palette-neutral-rgb-0), .12);
    --oj-navigation-list-item-label-color-selected: white;
    --oj-navigation-list-item-label-color: white;
    --oj-navigation-list-item-label-color-hover: white;
    /* --oj-navigation-list-item-bg-color-hover: white; */
  
    /* Tab Bar */
    --oj-tab-bar-item-border-color-selected: rgb(var(--oj-palette-brand-rgb-110));
}
.tfa-app-plus-icon-24:before {
    content: "\+";
    font-weight: 900;
    font-size: x-large;
    vertical-align: super
}
.decisionTabsWrapper.readonly-mode .oj-select .oj-select-choice, .nopointer-events {
    background-color: inherit;
    pointer-events: none;
}
.conditions-table-body td:not(:first-child), #userMenu {
    text-transform: capitalize;
}
.capitalize {
    text-transform: lowercase;
}
.capitalize:first-letter {
    text-transform: uppercase;
}
.hide-visibility {
    visibility: hidden;
}
.navContrastPanel {
    color: #fff;
    /* height: calc(100vh - var(--header-height) - var(--footer-height) - 23px); */
    /* TreePanel max-width for small devices is 356px */
}
#collapsibleFilters {/* background-color: #f4f5f7 !important; */border-bottom: 2px solid #0000001a;}
.treeview-wrapper {
    overflow: hidden;
    border-width: 0px 0px;
    /*! margin-right: 5px; */
    border-style: solid;
    width: var(--nav-tree-width) !important;
    min-width: var(--nav-tree-width) !important;
    max-width: var(--nav-tree-width) !important;
    display: grid;
    flex-direction: column;
    position: relative;
    grid-template-rows: min-content;
}
.ui-draggable-dragging + #filemanager-content, .oj-web-applayout-content + .oj-web-applayout-footer.ui-draggable-dragging {
    pointer-events: none;
}
.vertical-split-bar {
    border-left: 1px solid #ccc;
    background-color: #eee;
    padding-top: 40px;
    min-width: 35px;
    cursor: ew-resize;
}
.vertical-splitter {
    position: relative;
    right: 0px;
    border: 1px solid transparent;
    min-width: 2px;
    height: inherit;
    /*! margin-left: 5px; */
    z-index: 1;
    cursor: ew-resize;
    top: 350px;
    height: 2vh;
    /*! display: block; */
}
.vertical-splitter, .vertical-splitter.ui-draggable-dragging {
    /*! background-color: #999; */
    border-left: 2px solid #666666f2;
    border-right: 2px solid #666666f2;
    border-top: 0px;
    border-bottom: 0px;
    /*! padding: 1px; */
    margin: 2px;
}
.horizontal-splitter {
    border-top: 2px solid #666666f2;
    border-bottom: 2px solid #666666f2;
    border-left: 0px;
    border-right: 0px;
    margin: 2px;
    position: relative;
    top: 0px;
    min-height: 2px;
    width: inherit;
    z-index: 1;
    cursor: ns-resize;
    left: 50%;
    width: 2vh;
}
.navContrastPanel.left-side-bar-overlay {
    max-width: var(--nav-tree-width) !important;
    position: absolute !important;
}
.navContrastPanel.left-side-bar-overlay .treeview-wrapper .treeview {
height: 58vh;
}
.navContrastPanel, #filemanager-content {
    height: calc(100vh - var(--header-height) - var(--footer-height)) !important;
}
.navContrastPanel.left-side-bar {
    max-width: var(--nav-tree-width) !important;
    /* max-width: 500px; */
}
.web-notification-side-bar {
    min-width: 356px;
}
#filemanager-wrapper {
    height: inherit;
}

.treeview-wrapper .treeview {
    padding-left: 0px !important;
    overflow: auto;
    padding-right: 0px;
    height: 100%;
    /* height: 56vh; */
    display: grid;
    align-self: auto;
    /* height: auto; */

}
.treeview .oj-tree-node {
    width: max-content;
}
.scroll-container {
    overflow: auto;
    height: inherit;
}
.scroll-container::-webkit-scrollbar {
    width: .7em;
    background-color: inherit;
}
.scroll-container::-webkit-scrollbar, .scroll-container::-webkit-scrollbar-thumb {
    overflow: visible;
    border-radius: 5px
}
.scroll-container::-webkit-scrollbar-thumb, .scrollVisibleOnhover.scroll-container:hover::-webkit-scrollbar-thumb {
    background: #ccc;
}
.scrollVisibleOnhover.scroll-container::-webkit-scrollbar-thumb {
    background-color: inherit
}
.scrollVisibleOnhover.scroll-container:hover::-webkit-scrollbar, .opaque-display, .tfaweb-tab-bar li.oj-listview-temp-item {
    opacity: 1 !important;
}
.scroll-container > .scrollVisibleOnhover.parent-height {
    overflow: hidden;
}
.tfaweb-tab-bar {
    min-height: var(--tab-bar-height);  
    height: var(--tab-bar-height);  
}
#search-container{
    height: var(--search-container-height);
    min-height: var(--search-container-height);
    max-height: var(--search-container-height);
}
#anomaly-container{
    height: var(--anomaly-container-height);
    min-height: var(--anomaly-container-height);
    max-height: var(--anomaly-container-height);
}
/*#filemanager-content {
    min-height: calc(100vh - var(--header-height) - var(--footer-height) - 6px);
** todo -  this property moves content area below width: 72%;
}*/

/*#events-timeline-container, #filereader-container {
    height: calc(100vh - var(--header-height) - var(--footer-height) - 75px);
    overflow: auto;
}*/

#filemanager-tab-wrapper, #filemanager-content, .tfa-app-layout {
    overflow: hidden;
    height: inherit;
}
/*Override chart hover display opacity*/

.hideChartAreaOnHover g *[opacity='0.35'] {
    opacity: .2
}
.clusterheatmap-chart>div, .clusterheatmap-chart.loading-spinner {
    /*max-height: 400px;*/
    min-height: 100px;
}
#sr-tline {
    height: 62vh;
}
.iframe-content-wrapper {
    height: inherit;
    /* height: fill-available;
    height: -webkit-fill-available;
    height: -moz-available; */
    /* height: 78vh; */
    border: 0;
}
/*Note1: Notes textarea dynamic height based on device*/
/*Start - small devices media queries*/
@media screen and (max-width: 480px) {
    .oj-xxs-1 {
        -webkit-flex: 0 1 8.3333333333%;
        flex: 0 1 8.3333333333%;
        max-width: 8.3333333333%;
        width: 8.3333333333%
    }
    .oj-xxs-2 {
        -webkit-flex: 0 1 16.6666666667%;
        flex: 0 1 16.6666666667%;
        max-width: 16.6666666667%;
        width: 16.6666666667%
    }
    .oj-xxs-3 {
        -webkit-flex: 0 1 25%;
        flex: 0 1 25%;
        max-width: 25%;
        width: 25%
    }
    .oj-xxs-4 {
        -webkit-flex: 0 1 33.3333333333%;
        flex: 0 1 33.3333333333%;
        max-width: 33.3333333333%;
        width: 33.3333333333%
    }
    .oj-xxs-5 {
        -webkit-flex: 0 1 41.6666666667%;
        flex: 0 1 41.6666666667%;
        max-width: 41.6666666667%;
        width: 41.6666666667%
    }
    .oj-xxs-6 {
        -webkit-flex: 0 1 50%;
        flex: 0 1 50%;
        max-width: 50%;
        width: 50%
    }
    .oj-xxs-7 {
        -webkit-flex: 0 1 58.3333333333%;
        flex: 0 1 58.3333333333%;
        max-width: 58.3333333333%;
        width: 58.3333333333%
    }
    .oj-xxs-8 {
        -webkit-flex: 0 1 66.6666666667%;
        flex: 0 1 66.6666666667%;
        max-width: 66.6666666667%;
        width: 66.6666666667%
    }
    .oj-xxs-9 {
        -webkit-flex: 0 1 75%;
        flex: 0 1 75%;
        max-width: 75%;
        width: 75%
    }
    .oj-xxs-10 {
        -webkit-flex: 0 1 83.3333333333%;
        flex: 0 1 83.3333333333%;
        max-width: 83.3333333333%;
        width: 83.3333333333%
    }
    .oj-xxs-11 {
        -webkit-flex: 0 1 91.6666666667%;
        flex: 0 1 91.6666666667%;
        max-width: 91.6666666667%;
        width: 91.6666666667%
    }
    .oj-xxs-12 {
        -webkit-flex: 0 1 100%;
        flex: 0 1 100%;
        max-width: 100%;
        width: 100%
    }
}
@media screen and (min-width: 481px) and (max-width: 766px) {
    .oj-xs-1 {
        -webkit-flex: 0 1 8.3333333333%;
        flex: 0 1 8.3333333333%;
        max-width: 8.3333333333%;
        width: 8.3333333333%
    }
    .oj-xs-2 {
        -webkit-flex: 0 1 16.6666666667%;
        flex: 0 1 16.6666666667%;
        max-width: 16.6666666667%;
        width: 16.6666666667%
    }
    .oj-xs-3 {
        -webkit-flex: 0 1 25%;
        flex: 0 1 25%;
        max-width: 25%;
        width: 25%
    }
    .oj-xs-4 {
        -webkit-flex: 0 1 33.3333333333%;
        flex: 0 1 33.3333333333%;
        max-width: 33.3333333333%;
        width: 33.3333333333%
    }
    .oj-xs-5 {
        -webkit-flex: 0 1 41.6666666667%;
        flex: 0 1 41.6666666667%;
        max-width: 41.6666666667%;
        width: 41.6666666667%
    }
    .oj-xs-6 {
        -webkit-flex: 0 1 50%;
        flex: 0 1 50%;
        max-width: 50%;
        width: 50%
    }
    .oj-xs-7 {
        -webkit-flex: 0 1 58.3333333333%;
        flex: 0 1 58.3333333333%;
        max-width: 58.3333333333%;
        width: 58.3333333333%
    }
    .oj-xs-8 {
        -webkit-flex: 0 1 66.6666666667%;
        flex: 0 1 66.6666666667%;
        max-width: 66.6666666667%;
        width: 66.6666666667%
    }
    .oj-xs-9 {
        -webkit-flex: 0 1 75%;
        flex: 0 1 75%;
        max-width: 75%;
        width: 75%
    }
    .oj-xs-10 {
        -webkit-flex: 0 1 83.3333333333%;
        flex: 0 1 83.3333333333%;
        max-width: 83.3333333333%;
        width: 83.3333333333%
    }
    .oj-xs-11 {
        -webkit-flex: 0 1 91.6666666667%;
        flex: 0 1 91.6666666667%;
        max-width: 91.6666666667%;
        width: 91.6666666667%
    }
    .oj-xs-12 {
        -webkit-flex: 0 1 100%;
        flex: 0 1 100%;
        max-width: 100%;
        width: 100%
    }
}
/*End - small devices media queries*/

@media screen and (max-height: 1024px) {
    #sr-notes-wrapper textarea {
        height: 260px;
    }
}
@media screen and (min-height: 1025px) {
    #sr-notes-wrapper textarea {
        height: 370px;
    }
    /* .iframe-content-wrapper {
        height: calc(100vh - var(--header-height) - var(--tab-top-offset) - var(--footer-height) - 7vh) !important;
    } */
}
.dynamic-module-wrapper:not(:empty) {
    /* height: calc(100vh - var(--header-height) - var(--tab-bar-height) - var(--footer-height) - 40px); */
    height: calc(100vh - var(--header-height) - var(--tab-top-offset) - var(--footer-height) - 5px) !important;
}
.tabs-container .dynamic-module-wrapper:not(:empty) {
    /* height: calc(100vh - var(--header-height) - var(--footer-height) - 36px); */
    height: calc(100vh - var(--header-height) - var(--tab-top-offset) - var(--footer-height)) !important;
}
@media only screen and (min-height: 1200px)  {
    .navContrastPanel, #filemanager-content {
        height: calc(100vh - var(--header-height) - var(--footer-height) - 30px);
    }
    .dynamic-module-wrapper {
        /* margin-top: 10px; */
        height: calc(100vh - var(--header-height) - var(--tab-top-offset) - var(--footer-height) - 62px)!important;
    }
    /* .iframe-content-wrapper {
        height: calc(100vh - var(--header-height) - var(--tab-top-offset) - var(--footer-height) - 42px) !important;
    } */
}
/*End: Note1*/

/*---------- START - Receiver UI style ----------*/

.bigcircle:hover {
    background-color: #B3D9FE;
    color: white;
    cursor: pointer;
}
.bigcircle {
    width: 64px;
    height: 64px;
    font-size: 24px;
    border-radius: 50%;
    text-decoration: none;
    font-weight: 200;
    box-shadow: 0 0 0 1px #EEE inset;
    transition: box-shadow .1s, color .1s, background-color .3s;
}
.bigcircle>* {
    margin: auto;
}
/* .dynamic-module-wrapper > div:first-child {
    height: inherit;
} */
#tfa-module-wrapper { overflow: auto; margin-right: 10px;
/*height: calc(100vh - var(--header-height) - var(--footer-height) - 10px); height: inherit;*/ }
.dynamic-module-container {
    height: calc(100vh - var(--header-height) - var(--tab-top-offset) - var(--footer-height) - 25px);
}
.dashboard-summary-grids .oj-header-border {
    background-color: #eee;
    border: none;
}
#timeFilterBtn:focus+#time-filter-menu, #timeFilterBtn+#time-filter-menu:hover {
    display: block !important;
    transition: all 0.8s ease;
    position: absolute;
    z-index: 11;
    background: #fff;
    border: 2px solid var(--oj-interaction-1-color);
    top: calc(var(--header-height));
    right: 0px;
}
#timeFilterBtn:focus {
    background-color: var(--oj-icon-color-selected);
}
.right-side-bar.close {
    transform: translate(100%);
}
.toggle-center-button {
    position: absolute;
    top: 50%;
    left: -28px;
    width: 28px;
    height: 40px;
}
.tfa-events-drawer {
    display: none;
    overflow: visible;
    bottom: inherit;
}
.tfa-events-drawer a, .tfa-app-header-title, .tfa-app-employee-title, .tfa-app-employee-dept {
    color: #333;
}
/*Todo color animation */

@keyframes scale_pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.25);
    }
}
.tfa-events-drawer:not(.oj-offcanvas-open):not(.open) .tfa-animate-scale {
    -webkit-animation: scale_pulse 1s infinite;
    /* Safari 4+ */
    -moz-animation: scale_pulse 1s infinite;
    /* Fx 5+ */
    -o-animation: scale_pulse 1s infinite;
    /* Opera 12+ */
    animation: scale_pulse 1s infinite;
    /* IE 10+, Fx 29+ */
}
/*---------- END - Receiver UI style ----------*/

.right-mark-check [type=checkbox]:checked+label:after {
    transform: scaleX(-1) rotate(-45deg);
}
.right-mark-check [type=checkbox]:checked+label:after, .right-mark-check [type=checkbox]:not(:checked)+label:after {
    content: 'L';
    left: 0.35em;
}

.note-tile textarea {
    display: block;
    /*font-family: 'Gloria Hallelujah', cursive;*/
    line-height: 1.5;
    border: 0;
    border-radius: 3px;
    background: inherit;
    box-sizing: border-box;
    /* For IE and modern versions of Chrome */
    -moz-box-sizing: border-box;
    /* For Firefox                          */
    -webkit-box-sizing: border-box;
    margin-top: 2%;
    /*background: -webkit-linear-gradient(#F9EFAF, #F7E98D);
    background: -moz-linear-gradient(#F9EFAF, #F7E98D);
    background: -o-linear-gradient(#F9EFAF, #F7E98D);
    background: -ms-linear-gradient(#F9EFAF, #F7E98D);
    background: linear-gradient(#F9EFAF, #F7E98D);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);*/
    transition: box-shadow 0.5s ease;
    font-smoothing: subpixel-antialiased;
}
.note-tile textarea:hover, .note-tile .title-input:input:hover, .config-panel-body {
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);
}
.note-tile textarea:focus, .config-panel-body {
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
    outline: none;
}
.note-tile .title-input, .config-panel .config-panel-title {
    background: inherit;
    border: 0;
    font-size: 1.2rem;
}
.note-tile .oj-panel-remove-button, .note-top-save-button, .note-top-add-button, .page-title-container, .note-header, .note-tile, .gutter-container, 
.lines-container, .event-time-wrapper, .right-side-bar.open, .config-panel, .oj-tabs-panel.loading-content-spinner, #events-timeline-wrapper, 
.event-dashboard, #event-dashboard, #listview li, .common-table, .table-container,  #componentDemoContent .loading-content-spinner, .loading-content-spinner {
    position: relative;
}

/* issue with jet 9 oj-table is not scrollable .oj-table-container is overflow: hidden; */
.common-table .oj-table-container {
    overflow: auto;
}
/*
.event-timeline .wrap-table-cell td:nth-child(3), .event-timeline .wrap-table-cell th:nth-child(3)  {
    width: 14px!important;
    min-width: 14px;
} */
#alertModalDialog-table {
    min-width: 50vw;
}
.collection-events-table .wrap-table-cell td:nth-child(1)  {
    width: 150px!important;
    min-width: 150px!important;
}
.collection-events-table .wrap-table-cell td:nth-child(4)  {
    width: 220px!important;
    min-width: 220px!important;
}
.collection-events-table .wrap-table-cell td:nth-child(2)  {
    width: 300px!important;
    min-width: 300px!important;
}
.collection-files-table .wrap-table-cell td:nth-child(1)  {
    width: 300px!important;
    min-width: 300px!important;
}
.checks-data-table .wrap-table-cell td:nth-child(1)  {
    width: 60%!important;
    min-width: 60%!important;
}
.list-files .wrap-table-cell td:nth-child(2), .list-files .wrap-table-cell th:nth-child(2)  {
    width: 54%!important;
}

.list-files .wrap-table-cell td:nth-child(1), .list-files .wrap-table-cell th:nth-child(1) {
    width: 30px!important;
    min-width: 30px! important;
}
.timeline-model .wrap-table-cell td:nth-child(2), .timeline-model .wrap-table-cell th:nth-child(2), td.event_criticality {
    min-width: 3rem!important;
    width: 3rem!important;
}

.timeline-model .wrap-table-cell td:nth-child(1), .timeline-model .wrap-table-cell th:nth-child(1) {
    width: 14rem!important;
    min-width: 14rem!important;
}
.event-timeline .wrap-table-cell td:nth-child(2), .event-timeline .wrap-table-cell th:nth-child(2)  {
    width: 10vw;
    min-width: 11vw;
}
/* .common-table .oj-table-status-message, .event-timeline .oj-table-header, .oj-table.oj-complete > .oj-table-status-message {
    display:none!important;
} */

/* (Wrong selector) CSS alignment issue in home list view, when below pseudo selector combined with above line */

/* .loading-content-spinner:not(#globalBody):not(.hideChartAreaOnHover):not(* > .oj-table):not(oj-switcher div):before {
    position: relative;
} */
.note-tile .tfa-app-plus-icon-24:before {
    line-height: 20px;
    height: 20px;
}
#notes-legend, textarea.fit-content {
    width: 100%;
    max-height: 50px;
}
.note-tile, .config-panel {
    margin: 1rem;
    border-radius: 2px;
}
.loader:before {
    display: block;
    position: absolute;
    content: "";
    left: -200px;
    width: 200px;
    height: 4px;
    background-color: #2980b9;
    animation: loading 2s linear infinite;
}
.loader {
    cursor: wait;
}
@keyframes loading {
    from {
        left: -200px;
        width: 30%;
    }
    50% {
        width: 30%;
    }
    70% {
        width: 70%;
    }
    80% {
        left: 50%;
    }
    95% {
        left: 120%;
    }
    to {
        left: 100%;
    }
}
#tfa-common-popup-shade {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    position: absolute;
    display: none;
    background-color: rgba(0, 0, 0, 0.2);
    overflow: hidden;
}
#tfa-common-popup-area {
    top: 36vh;
    position: fixed;
    width: 100%;
}
/*Timeline - Message box css*/

.event-msg {
    position: relative;
    border: 1px solid #ddd;
    padding: 10px 10px 10px 20px;
    margin-bottom: 20px;
    width: inherit!important;
    height: inherit!important;
    cursor: pointer;
}
.event-msg:after, .event-msg:before {
    top: 0;
    left: -10px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0 !important;
    position: absolute;
    pointer-events: none;
}
.event-msg:after {
    border-top-color: #fff;
    border-width: 13px;
    margin-left: -12px;
    border-right: 0 solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 24px solid transparent;
}
.event-msg:before {
    border-top-color: inherit;
    border-width: 14px;
    margin-left: -15px;
    margin-top: -1px;
    border-right: 0 solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 24px solid transparent;
}
.event-msg.oj-message-error-icon {
    border-color: var(--error-color);
}
.event-msg.oj-message-warning-icon {
    border-color: var(--warning-color);
}
#filtersWrapper .oj-button-toggle {
    margin-right: 10px;
    border-right-width: thin;
}
.event-time-wrapper:before {
    content: " ";
    height: 100%;
    position: absolute;
    border-right: 10px solid #ddd;
    margin-left: 50%;
    pointer-events: none;
}
.event-time-pt {
    position: relative;
    background: #fff;
    text-align: center;
    display: block;
    margin: 0 auto !important;
}
.sticky-header {
    top: 0;
    position: sticky;
    opacity: 1;
    z-index: 1;
    display: block;
    background-color: #f0f0f0;
    border: 1px solid #d0d0d0;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
}
.sticky-header .oj-form-control {
    margin-bottom: auto;
}
.oj-offcanvas-glasspane, .oj-offcanvas-overlay {
    z-index: 10;
}
.gutter {
    overflow: hidden;
    z-index: 0;
    text-align: right;
    cursor: default;
    min-width: 1em;
    box-sizing: border-box;
    user-select: none;
}
.dynamic-content-wrapper:before, .oj-chart.nopointer-events:before, .oj-chart.user-action-msg:before {
    content: attr(data-errormsg);
    display: block;
    color: var(--error-color)!important;
    /*width: 100%;*/
    overflow: auto;
    position: absolute;
}
.oj-chart.user-action-msg:not(.loading-spinner):before {
    top: -10px;
}
.tfa-app-top-right-align {
    position: absolute;
    top: 0px;
    right: 0px;
}
#events-timeline-wrapper>div, .gutter.line-numbers, .lines-wrapper, .search-highlight-wrapper, #event-dashboard-reset, .top-reset-button, .position-absolute {
    position: absolute;
}
.line-number {
    color: #ccc;
    text-align: left;
}
.row-line {
    height: calc(var(--line-height));
    white-space: nowrap;
}
.row-line span {
    white-space: pre;
}
.gutter-container:before {
    content: attr(data-startlinenumber);
    visibility: hidden;
}
.gutter-container {
    max-width: 30vw;
    overflow: hidden;
    margin-right: 0.75rem;
}
/* .lines-container:before {
    content: attr(data-logcontent);
    visibility: hidden;
} */

/* Lines in fileviwer is absolutly positioned so using before parent div width was set */
/* .row-line [data-logcontent*='ORA-'], */
.error-text-style, #cluster-summary-tab .dashboard_summary_table .vertical-header-table td:not([title=OK]){
    color: var(--error-color) !important;
    /* var(--oj-core-text-color-primary) */
}
.row-line [data-logcontent*='Starting ORACLE instance'], .row-line [data-logcontent*='Reconfiguration started'], .row-line [data-logcontent*='Reconfiguration complete'], .info-text-style {
    color: blue;
}
.file-reader {
    /*File reader default view properties*/
    --line-height: 20px;
    --text-size: 100%;
    margin-right: 6px !important;
    --file-font-family: Menlo, Consolas, 'DejaVu Sans Mono', monospace;
    font-family: var(--file-font-family);
    font-size: calc(var(--text-size));
    width: inherit;
}
.search-results-available.file-reader {
    height: calc(100vh - var(--tab-top-offset) - var(--footer-height) - var(--search-container-height) - var(--anomaly-container-height) - 68px)!important;
}

.filecontent-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    padding-top: 10px;
    padding-left: 10px;
    min-height: 75%!important;
    /*min-height: calc(100vh - var(--header-height) - var(--footer-height) - var(--tab-top-offset) - 95px);*/
}
.filecontent-wrapper .night-theme {
    height: 15990px;
    background-color: #1a1715;
    background-image: inherit;
    display: block;
    color: var(--oj-private-app-layout-web-header-title-text-color);
}

.inspect-console-header {
    top: 0;
    border: 1px solid #ccc;
    width: 100%;
    background-color: #eee;
    cursor: s-resize;
}
.tfa-inspect-console, .custom-tab-style {
    border-top: 0px;
    padding-top: 0px;
    overflow: hidden;
    /*border-top: 4px solid #ccc;*/
}
.tfa-inspect-console {
    height: var(--context-panel-height);
}
.right-context-panel {
    position: relative;
    border: 1px solid;
    overflow: auto;
    border-width: 1px 0px;
    width: 100%;
}
.context-panel-wrapper {
    min-width: 350px;
    padding-top: 35px;
}
.context-panel-wrapper:not(div) {
    padding-top: 0px;
}
.context-panel {height: 100%;}
.custom-tab-style #inspect-tabs .oj-tabs-panel {
    height: calc(var(--footer-height) - 88px);
}
#inspect-tabs .oj-tabs-tab {
    padding-right: 0px;
    border-top-width: 0px;
}
#inspect-tabs .oj-tabs-anchor, .custom-tab-style .oj-tabs-anchor {
    padding: 0.3rem 0.6rem;
}
/*Override header left/right padding*/

.oj-web-applayout-header .oj-flex-bar-start .oj-button.oj-button-lg:first-child {
    margin-left: 0px !important;
}
.half-round-left {
    border-top-left-radius: 100%;
    border-bottom-left-radius: 100%;
    background-color: var(--oj-contrast-background-1-color) !important;
    border: none;
}
.tfa-error-msg.oj-button, .error-bgcolor {
    background-color: rgba(228, 0, 4, 0.75) !important;
    fill: rgba(237, 102, 71, 0.75);
}
.tfa-warning-msg.oj-button, .warn-bgcolor {
    background-color: rgba(250, 213, 92, 0.85) !important;
    fill: var(--warning-color);
}
.tfa-info-msg.oj-button, .info-bgcolor {
    background-color: rgba(109, 219, 219, 0.85) !important;
    fill: var(--info-color);
}
.orachk-info-color {
    color: var(--orachk-info-color);
}
.noevents-bgcolor {
    fill: #68c182;
    background-color: #68c182;
}
.tfa-events-drawer li.tfa-error-msg, .tfa-events-drawer li.tfa-error-msg[data-parent]>div {
    border-color: var(--error-color) !important;
}
.tfa-events-drawer li.tfa-warning-msg, .tfa-events-drawer li.tfa-warning-msg[data-parent]>div {
    border-color: var(--warning-color) !important;
}
.tfa-events-drawer li.tfa-info-msg, .tfa-events-drawer li.tfa-info-msg[data-parent]>div {
    border-color: var(--info-color) !important;
}
.tfa-info-msg .oj-button-icon, .tfa-warning-msg .oj-button-icon, .tfa-error-msg .oj-button-icon {
    color: #fff !important;
}
.tfa-events-drawer li.tfa-info-msg[data-parent]>div, .tfa-events-drawer li.tfa-error-msg[data-parent]>div, .tfa-events-drawer li.tfa-warning-msg[data-parent]>div {
    border-left-width: 4px !important;
}
.tfa-inspect-console .oj-tabs-tab .oj-tabs-tab-content, .custom-tab-style .oj-tabs-tab .oj-tabs-tab-content {
    border-color: transparent;
}
.tfa-inspect-console .oj-tabs-tab.oj-selected, .custom-tab-style .oj-tabs-tab.oj-selected {
    background-color: inherit;
    border-width: 0px 0px 3px 0px;
}
.tfa-inspect-console .oj-tabs-nav-root, .custom-tab-style .oj-tabs-nav-root {
    border-style: solid;
    border-color: #d6dfe6;
    border-width: 1px 1px 0px 1px;
}
.button-border { border: 1px solid #666; }
.custom-tab-style .oj-tabs-nav-root, .table-cell-header {
    background-color: #f8fafd;
    /* background-color: #f0f0f0; */
    border: 1px solid #ccc;
}
.oj-contrast-marker {
    background-color: #313334;
}
.no-margin {
    margin: 0px;
}
.no-padding {
    padding: 0px !important;
}
.parent-height, .common-table {
    height: inherit;
    align-content: start;
    flex: auto;
}
/* .oj-statusmetergauge, */

.oj-chart, .oj-treemap, a.error-bgcolor, a.warn-bgcolor, a.info-bgcolor {
    height: 100%;
    width: 100%;
}
.oj-chart.nopointer-events>svg {
    fill-opacity: 0.5;
}
/*.oj-chart.highlight-user-selection g[aria-label*="Selected"]>polygon {
    fill: brown;
}*/

.oj-chart.chart-nodata-message:not(#dashboardAnomalyTL) {
    height: 30px !important;
}
.chart-custom-tooltip {
    display: block !important;
    width: 100%;
    color: var(--info-color);
    line-height: 20px;
    font-weight: 600;
}
.chart-custom-tooltip .warn {
    color: var(--warning-color);
}
.chart-custom-tooltip .error {
    color: var(--error-color);
}
.tooltip-chart {
    width: 120px;
    height: 120px;
    float: right;
}
.clusterheatmap-chart .oj-table-data-cell.oj-hover {
    opacity: 0.5;
}
.cluster-grid-heatmap table {
    table-layout: fixed;
    min-width: 560px;
}
.cluster-grid-heatmap {
    max-height: 300px;
}
.cluster-grid-heatmap .oj-table-body-row.oj-hover {
    background-color: inherit;
}
.cluster-grid-heatmap .oj-table-body-row.oj-focus:not(.oj-table-body-row-edit) {
    outline: transparent;
}
#chart-tooltip:not(:empty) {
    position: fixed;
    background-color: whitesmoke;
    border: 2px solid #ccc;
    min-width: 150px;
    max-width: 230px;
}
#event-dashboard-reset, #chart-tooltip:not(:empty), .search-highlight-wrapper, #notify-error-details {
    z-index: 1;
}
.oj-table-column-header-acc-select-row, .oj-table-column-header-acc-select-row, .oj-table-data-cell-acc-select, .metrics-tooltip-chart .tooltip-pie-chart, .event-tooltip-chart .tooltip-gauge-chart, #chart-tooltip.tooltip-noevents-msg .tooltip-chart-content, #chart-tooltip.show-chart-tooltip .tooltip-heatmap-err-msg, #chart-tooltip, .oj-flex-item:empty, .search-input[data-bind*="ojComponent"]:not(.oj-component-initnode) {
    display: none;
}
.clusterheatmap-chart:hover+#chart-tooltip.show-chart-tooltip:not(:empty), #chart-tooltip:hover, #chart-tooltip.tooltip-noevents-msg .tooltip-heatmap-err-msg, a.error-bgcolor, a.warn-bgcolor, a.info-bgcolor, .tfa-events-drawer.web-notification-side-bar[class^="oj-offcanvas-"] {
    display: block;
}
/*CSS-4 level pseudo selector - .tfa-events-drawer.web-notification-side-bar:not(:blank), */

/*For TFAWEB - If Right Panel does not have class web-notification-side-bar then hide*/

.checkbox-dropdown-list .oj-listbox-result-label {
    pointer-events: inherit;
}
/* .oj-dialog[aria-describedby^="alertModalDialog-table"] {
    position: fixed;
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%, -50%);
} */

.oj-dialog[id^="alertModalDialog"] {
    max-width: 80vw;
    width: inherit;
    height: inherit;
    max-height: 80vh;
}
[id^=alertModalDialog] .oj-dialog-body {
    max-height: 63vh;
    max-width: inherit;
    min-height: fit-content;
    min-height: -moz-fit-content;
    min-width: fit-content;
    min-width: -moz-fit-content;
}
.search-highlight-wrapper, .spin-icon, .theme-config-box, #event-dashboard-reset {
    right: 0px;
}
.search-highlight-wrapper {
    height: 99%;
    margin-right: 7px;
    width: 30px;
    background: var(--oj-background-5-color);
}
.app-content-border, .search-highlight-wrapper:not(:empty)>div {
    border: 1px solid;
}
.app-custom-header {
    /* background: var(--oj-interaction-4-color); */
    background: var(--oj-neutral-color5);
    border: 1px solid #ccc;
}
.oj-listview-group-item {
    padding-right: 0px;
    padding-left: 0px;
    border: none;
    background-color: transparent;
}

.anomalyTimestampColumn {}
.anomalyLineColumn {}
.bootstrap-style-label {
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.red-label {
    background-color: #dd4b39 !important;
}
.green-label {
    background-color: #00a65a !important;
}
#cluster-summary-tab .dashboard_summary_table .vertical-header-table td[title=OK] {
    color: #00a65a !important;
}
.orange-label {
    background-color: #f39c12 !important;
}
.recommendationTable {
    margin: 2px;
}
/* .recommendationTable td, .recommendationTable th {
    padding: 5px;
} */
.oj-accordion-collapsible>.oj-collapsible-header>.oj-collapsible-header-icon {
    padding: 4px;
}
/* Static Center position oj-dialog, no drag available*/

/* .file-body-container ::-moz-selection {
    background: inherit;
}
.file-body-container ::selection {
    background: inherit;
} */

.oj-tree-title, .oj-tabs-title {
    color: var(--oj-primary-text-color);
}
/* .oj-tabs-tab.oj-selected {
    border-color: var(--oj-primary-text-color);
} */

/* .file-body-container {
    -webkit-touch-callout: all;
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
} */

.incident-time-filter {
    /* opacity: 0.7; */
    position: relative;
    z-index: 1;
    /* display: table; */
    display: grid;
    height: fit-content;
}
/* .incident-time-filter:before {
    content: "Coming soon!";
    position: absolute;
    color: var(--oj-icon-color-selected);
    font-weight: 777;
    align-self: center;
    width: max-content;
    font-size: large;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: inherit;
    z-index: 10;
} */

.hor-minimalist {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 14px;
    background: #fff;
    margin: 10px;
    width: 700px;
    border-collapse: collapse;
    text-align: left;
}
.fileClassificationModal .oj-flex{
    margin-top: 5px;
    margin-bottom: 5px;
}

.fileClassificationModal .oj-sm-2{
    padding-top: 5px;
}
/* fix - 6.1.0 override message hides custom inserted elements*/
#app-notification.oj-messages-notification .oj-subtree-hidden {display:block!important;}

#app-notification .oj-message-detail, #alertModalDialog-message .oj-dialog-body span { white-space: pre-line; line-height: inherit; }
.filterModalActionBtnPanel .oj-button{
    display: grid;
    margin-top: 10px;
}

/*.fileFilterTableContainer table{
    table-layout: fixed;
}*/

.fileFilterTableContainer table td{
    word-wrap: break-word;
    white-space: pre-line;
}

#alertModalDialog-template oj-button {
    margin-left: 5px;
    margin-right : 5px;
}
/*
span#Attachments > div > div.fontbold{
    margin-left: -10px;
} */

.inputbox-customize input
{
    width: 50px !important;
}
.sr-update-res-level {
    background: rgba(255,0,0,.7) !important;
    padding: 5px;
    color: #fff;
    display:inline-block;
}

.sr-update-metadata {
    background: rgba(255,165,0,1) !important;
    padding: 5px;
    display: inline-block;
    color: #fff;
}

.stats-highlights{
    display: inline-block;
    padding: 10px;
    background: rgb(229,219,190);
    border: none;
    min-width: 250px;
}

.stats-highlights-min{
    background: rgb(117,156,108);
}

.stats-highlights-max{
    background: rgb(174,86,44);
}

.stats-highlights-avg{
    background: rgb(250,205,98);
}

.stats-highlights>h4{
    margin-top: 0px;
}
.top-right-align {
    position: absolute;
    right: 0;
    top: 0;
}
.right-align {
    position: absolute;
    right: 0;
}
.content-vertical-center {
    margin: auto 0;
}
.content-vertical-bottom {
    margin: auto 0;
    margin-bottom: 0;
}
.float-right {
    float: right;
}

ul.helpContentsIndex{
    list-style:none;
}
#helpContentList img {
    max-width: 100%;
    max-height: 100%;
}
#helpContentList{
    margin-right: 10%;
    margin-left: 10%;
    padding: 0px !important;
    text-align: justify;
}

#helpContentList .helpHeader{
    background: rgba(0,0,0,0.1);
    padding: 10px;
    border: 1px solid grey;
}

#helpContentList .highlightedHelpSectionHeader{
    background: rgba(0,255,100,0.3);
}

#etaBanner{
    font-size: 22px;
    display: block;
    padding: 10px;
    text-align: center;
    color: #fff;
    position: relative;
    top: -8px;
}

#etaBanner.preInventory{
    background: #f80000;
}

#etaBanner.postInventory{
    background: #f29111;
}

#sr-activity-container {
    max-height: calc(100vh - var(--header-height) - var(--tab-top-offset) - 81px);
}
.datacenter-overview-chart .hideChartAreaOnHover {
    height: 100px;
    max-width: 125px;
    width: 100px;
}
sub, sup {
    color: var(--oj-icon-color-selected)
}
/*Start - tree node styleing*/

/*[rel="home"] .oj-tree-icon.oj-tree-node-icon:before {
    content: "\e600"!important;
}*/

/*[rel="TIMELINE"] .oj-tree-icon.oj-tree-node-icon:before {
    content: "\e903"!important;
}*/

/*[rel="SYSTEMS"] .oj-tree-icon.oj-tree-node-icon:before {
    content: "\e907"!important;
}*/

.config-panel-body {
    max-height: 200px;
}
.config-panel {
    margin: 0 !important;
    padding: 0 !important;
    height: max-content;
}
.filepath {
    overflow: hidden;
    max-width: 150px;
}

.tfa-help-icon {
    color: rgb(139,133,128);
    margin-left: 5px;
}

#imagePreview li.image-thumbnail{
    margin-right: 5px;
    padding:5px;
    display: inline-block;
}

#imagePreview li.image-thumbnail > img, .helpImageFilename, .removeImageFile{
    min-width: 100px;
    max-width: 100px;
}

.icon-sprite {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 1;
    overflow: hidden;
    direction: ltr;
    text-align: center;
    box-sizing: content-box
}

.icon-sprite:before {
    display: inline-block;
    box-sizing: content-box
}

.icon-sprite-222222:before {
    content: url(images/demo-icons_222222_256x240.png)
}

.icon-sprite-cd0a0a:before {
    content: url(images/demo-icons_cd0a0a_256x240.png)
}

.icon-sprite-888888:before {
    content: url(images/demo-icons_888888_256x240.png)
}

.icon-disk:before {
    margin: -112px 0 0 -96px
}

.icon-arrowthick-e:before {
    margin: -48px 0 0 -32px
}

.icon-minus:before {
    margin: -192px 0 0 -16px
}

.wait-cursor{
    cursor:wait;
}

.inputbox-customize input
{
    width: 50px !important;
}
#combobox > .oj-combobox
{
    min-width: 50%
}
.highlighted{
    background:blue;
    color:white;
}
.highlighted2{
    background:blue;
    color:white;
}
.oj-combobox-choices-add-filter  ul.oj-combobox-choices{
    background: none !important;
    padding-left: 0px;
    border: none !important;
}

.timelineTable .oj-table-data-cell.oj-hover{
    background:initial;
    cursor:pointer;
}

.timelineTime .oj-inputdatetime{
    max-width: 13em;
}

.timelineTable.timeline-table td:nth-child(4){
    min-width:210px
}

.timelineTable.timeline-table td:nth-child(2){
    min-width:50px
}

.timelineTable.timeline-table td:nth-child(3){
    min-width:55px
}

.timelineTable .oj-table-body-row:hover {
    outline: 2px solid blue!important;
}

.timelineTable td, .timelineTable th {
    width: unset !important;
    white-space: unset !important;
}

.preambleContainer .preambleSectionHeader{
    width: 15%;
    display:inline-block;
    padding: 10px;
    vertical-align: top;
}

.preambleContainer .preambleSectionContent{
    width: 80%;
    display:inline-block;
    padding: 10px;
}

.preambleContainer .editableSection{
    background: rgba(0, 128, 0, 0.3);
}

.preambleContainer .editableSection:hover{
    background: rgba(0, 128, 0, 0.8);
    transition: 0.2s;
    cursor:pointer;
}

.preambleContainer .staticSection{
    background: rgba(255, 165, 0, 0.3);
}

.preambleContainer .staticSection:hover{
    background: rgba(255, 165, 0, 0.8);
    transition: 0.2s;
}

.displayOnhover .fa-search-plus {
    visibility: hidden;
    padding: 0;
    color: #bbb
}

.fa-search-plus:before {
    content: "\f00e"
}

.displayOnhover .fa-search-minus {
    visibility: hidden;
    padding: 0;
    color: #bbb
}

.fa-search-minus:before {
    content: "\f010"
}

.oj-table-body, .displayOnhover:hover .fa-search-minus, .displayOnhover:hover .fa-search-plus,
.displayOnhover:hover .fa-search-minus:before, .displayOnhover:hover .fa-search-plus:before,
.displayOnhover:hover .feedbackclass, .hoverField:hover .addField, .theme-config-box.show .skin-settings {
    visibility: visible !important;
}
.fa-search-plus:hover {
    color: #4a4a4a
}

.fa-search-minus:hover {
    color: #4a4a4a
}

.displayOnhover .timelinefileLink {
    display: none
}

.displayOnhover:hover #fileName {
    display: none
}

.displayOnhover:hover .timelinefileLink {
    display: block
}

.timelineDrillDownList .fa-search-minus {
    padding: 0;
    color: #bbb
}

.fa-search-minus:hover {
    color: #4a4a4a
}

.timelineDrillDownList .fa-search-plus {
    padding: 0;
    color: #bbb
}

.fa-search-plus:hover {
    color: #4a4a4a
}

.upvoteSubOptions, .downvoteSubOptions{
    padding-left: 20px;
}

#awraDashboard .legendSections > span, a.fileLink{
    padding: 10px;
    color: #fff;
    text-decoration: none;
}

#awraDashboard ul.fileLinks{
    list-style: none;
    white-space: nowrap;
    margin: 0px;
    padding-left: 0px;
}

#awraDashboard ul.fileLinks > li{
    display: inline-flex;
}

#awraDashboard span.inputHtml, a.inputHtml{
    background: rgba(255, 165, 0, 0.8);
}

#awraDashboard span.outputHtml, a.outputHtml{
    background: rgba(0, 128, 0, 0.8);
}

#awraDashboard span.outputXml, a.outputXml{
    background: rgba(150, 0, 100, 0.8);
}

#awraDashboard span.inputHtmlNoOutput, a.inputHtmlNoOutput{
    background: rgba(255, 0, 0, 0.8);
}

#awraDashboard span.processLog, a.processLog{
    background: rgba(0, 0, 255, 0.8);
}

#awraDashboard span.awraContextXml, a.awraContextXml{
    background: #000;
}

#awraDashboard span.awraDbloadXml, a.awraDbloadXml{
    background: rgba(0, 0, 0, 0.5);
}

#awraDashboard span.dxXml, a.dxXml{
    background: rgba(12 ,187, 165, 0.8);
}
.fa-remove-column:before
{
    content: "\f00d"
}
.timelineTableClass .fa-remove-column:before {
    visibility:hidden;
    color: grey
}

.timelineTableClass:hover .fa-remove-column:before {
    visibility: visible;
   cursor:pointer
}
.addField, .feedbackclass
{
    visibility:hidden;
}
.tfa-app-cpu-icon:before {
    content: url(images/core-cpu.svg);
    display: inline
}
.tfa-app-cluster-icon:before
{
  content: url(images/Cluster.svg);
  display: inline
}
.tfa-app-cluster-lite-icon:before
{
  content: url(images/ClusterLite.svg);
  display: inline
}
.tfa-app-cluster-small-icon:before
{
  content: url(images/ClusterSmall.svg);
  display: inline
}
.tfa-app-system-icon:before
{
  content: url(images/System.svg);
  display: inline
}
.tfa-app-system-lite-icon::before
{
  content: url(images/SystemLite.svg);
  display: inline;
}
.tfa-app-system-small-icon::before
{
  content: url(images/SystemSmall.svg);
  display: inline;
}
.tfa-app-database-icon:before
{
  content: url(images/DBContent.svg);
  display: inline
}
.tfa-app-database-lite-icon:before
{
  content: url(images/DBContentLite.svg);
  display: inline
}
.tfa-app-database-small-icon:before
{
  content: url(images/DbContentSmall.svg);
  display: inline
}
.tfa-app-dblife-icon:before
{
  content: url(images/DBLIfecycle.svg);
  display: inline
}
.tfa-app-dblife-lite-icon:before
{
  content: url(images/DBLIfecycleLite.svg);
  display: inline
}
.tfa-app-dblife-small-icon:before
{
  content: url(images/DBLIfecycleSmall.svg);
  display: inline
}
.tfa-app-info-impact:before
{
  content: url(images/info_impact_ico.svg);
  display: inline
}
.tfa-app-info-impact-small:before
{
  content: url(images/info_impact_ico_small.svg);
  display: inline
}
.tfa-app-warning-impact:before
{
  content: url(images/warning_impact_ico.svg);
  display: inline
}
.tfa-app-warning-impact-small:before
{
  content: url(images/warning_impact_ico_small.svg);
  display: inline
}
.tfa-app-critical-impact:before
{
  content: url(images/critical_impact_ico.svg);
  display: inline
}
.tfa-app-critical-impact-small:before
{
  content: url(images/critical_impact_ico_small.svg);
  display: inline
}
.tfa-app-reconfig-impact:before
{
  content: url(images/reconfig_impact_ico.svg);
  display: inline
}
.tfa-app-reconfig-impact-small:before
{
  content: url(images/reconfig_impact_ico_small.svg);
  display: inline
}
.tfa-app-startup-impact:before
{
  content: url(images/startup_impact_ico.svg);
  display: inline
}
.tfa-app-startup-impact-small:before
{
  content: url(images/startup_impact_ico_small.svg);
  display: inline
}

.tfa-app-shutdown-impact:before
{
  content: url(images/shutdown_impact_ico.svg);
  display: inline
}
.tfa-app-redflag:before
{
  content: url(images/ico_redflag.svg);
  display: inline
}
.tfa-app-shutdown-impact-small:before
{
  content: url(images/shutdown_impact_ico_small.svg);
  display: inline
}
.tfa-app-context-search:before
{
  content: url(images/ico_search.svg);
  display: inline
}
.tfa-app-context-info:before
{
  content: url(images/ico_info.svg);
  display: inline
}
.tfa-app-context-search-small:before
{
  content: url(images/ico_search_small.svg);
  display: inline
}
.tfa-app-context-comment::before
{
  content:url(images/ico_comments.svg);
  display: inline
}
.oj-collapsible-header-timeline {
    font-weight: lighter;
    font-size: 1rem !important
}
.tfa-app-context-comment-small::before
{
  content:url(images/ico_comment_small.svg);
  display: inline
}


.oj-text-area-v-resize{
    min-width: 100%;
}

.oj-text-area-v-resize textarea, #reviewText textarea{
    resize: vertical!important;
}
.hide{
    display: none;
}

.oswAnalysisDashboard{
    width: 100%;
    height: 50rem;
}

.fullscreen{
    z-index: 1;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: white;
 }
  .demo-tab-content {
    overflow:auto;
  }
  .demo-edge-start oj-tab-bar,
  .demo-edge-end oj-tab-bar {
    /*max-width: 200px;*/
    width:15%;
  }
  .demo-edge-start oj-switcher,
  .demo-edge-end oj-switcher {
    width:84%;
  }

.font-white-text {
    color: white;
}
@font-face {
    font-family: FontOracle;
    font-display: auto;
    src: local('FontOracle'), url(fonts/ojuxIconFont_Rg.ttf);
    font-weight: normal;
    font-style: normal;
}
.fo {
  display: inline-block;
  font: normal normal normal 14px/1 FontOracle;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fo-jump-bottom:before {
  content: "\f395";
}
.fo-new-user:before {
  content: "\f1fc";
}
.fo-user:before {
  content:"\f138";
}
.fo-bug:before {
 content: "\f162";
}
.fo-user-repeat:before {
  content: "\f333";
}
.fo-page-views:before{
  content:"\f4f2";
}

.jet-flex-custom-pad>.oj-flex>.oj-flex-item>.oj-flex, .oj-flex.jet-flex-custom-pad>.oj-flex-item>.oj-flex {
    margin-left: 0;
    margin-right: 0
}

.fo-normal-performance:before
{
    content:"\f1bc"
}
.fo-degraded-performance::before
{
  content:"\f3a4";
}
.fo-major-outage-performance::before
{
  content:"\f427";
}

/* redwood styling */
:root {
    --redwood-ocean-color: #2C5967;
    --redwood-bark-color: #312D2A;
    --redwood-red-color: #C74634;
    --redwood-sunrise-color: #FACD62;
    --redwood-forest-color: #2B6242;
    --redwood-pebble-color: #8B8580;
}
.pre-formatted{
    font-family: inherit;
    overflow-x: auto;
    white-space: pre-wrap;
}
.nav-panel {
    background-color: #f2f2f3;
}

.summaryTable > tbody > tr > td{
    padding: 10px;
    border: 1px solid;
}

.summaryTable > tbody > tr > td.header{
    background: #E5DBBE;
    font-weight: bold;
}

.iframe-tabbed{
    width: 100%;
    height: 100rem;
}

.banner-message oj-message {height: var(--banner-message-height);}
.banner-message,.banner-message .oj-message-summary,.banner-message .oj-message-detail {
    color: var(--error-color) !important;
}
.banner-message .oj-message-header {
    padding: 0px 20px!important;
}
.banner-message .oj-message-body {
    padding: 0px 20px 10px!important;
}
#timeSeriesView .oj-table-body, #collectionView .oj-table-body{
    visibility:visible!important;
}

#bugCreationTmpl oj-input-text{
    max-width: 60em;
}

#bugCreationTmpl oj-text-area{
    max-width: 60em;
}

.pluginCard .running{
    color: var(--redwood-red-color);
}
.pluginCard .completed{
    color: var(--redwood-forest-color);
}

.pluginCard .oj-fwk-icon-help{
    color: var(--redwood-pebble-color);
}

.contact-us{
    font-size: 2rem;
    margin: 0 15px 0 15px;
}
.non-whitespace td, .list-files .wrap-table-cell td, .event-dashboard .wrap-table-cell td {
    white-space: normal !important;
}

#listview .oj-button-jqui.oj-hover.oj-button-half-chrome, .oj-button-nocomp.oj-button-half-chrome:hover, .oj-button.oj-hover.oj-button-half-chrome .oj-button-button {
   /* color: #02629f; */
    background-color:transparent !important;
    border-color: transparent !important;
}
#listview > .contextline > .oj-button-button{    
    cursor:text !important;
}

#listview .oj-button-label .oj-button-text{
    color: #03629f !important;
    text-decoration: underline !important;
}
#listview .contextline .oj-button-label .oj-button-text{
    color: black !important;
    text-decoration:inherit !important;
} 

#listview .oj-listitemlayout-content{
    padding:0 !important;
}
#listview .oj-listitemlayout{
    padding:0 !important;
    cursor:text !important;
}
#listview .oj-listview-item{
    padding:0 !important;
}
#listview .oj-button-nocomp.oj-button-sm, .oj-button.oj-button-sm, .oj-buttonset.oj-button-sm .oj-button-jqui{
    height: 1.5rem;
}
#listviewContainer .oj-pagingcontrol-nav{
    padding:0
}
#listviewContainer .oj-pagingcontrol-nav-arrow-section{
    border-right: 1px solid #e0e1e1;
    margin-right: 5px;
}

#listviewContainer .oj-text-field .oj-text-field-container{
    height: 30px;
}

#listviewContainer .oj-inputnumber-input .oj-text-field-input .oj-component-initnode{
    padding: 4px !important;
}
 
.search-result-header-title{
    font-weight:bold;
    font-size:small;
    margin:7px;
}
.search-result-header-text
{
    margin:7px;
}
.search-result-close-button{
    padding: 2px;
}

.tooltip {
    position: relative;
    display: inline-block;
}
  
.tooltip .tooltiptext {
    visibility: hidden;
    top: 105%;
    width: 300px;
    background-color: white;
    color: black;
    text-align: left;
    /* border: 1px solid grey; */
    border-radius: 1px;
    padding: 5px;
    font-size: x-small;
    box-shadow: 1px 3px 3px 3px rgb(0 0 0 / 20%);
  
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}
  
.tooltip:hover .tooltiptext {
    visibility: visible;
}





#isa_agg_issue_tables .context-panel-wrapper {
    min-width: 350px;
    padding-top: 0;
}
.hoverField:hover .addField
{
    visibility:visible
}
.feedbackclass
{
    visibility:hidden
}
.displayOnhover:hover .feedbackclass
{
    visibility:visible
}
.tfa-app-workload:before
{
    content: url(images/Workload-icon.svg);
    display: inline
}
.tfa-app-incident:before
{
    content: url(images/Incident-icon.svg);
    display: inline
}
.tfa-app-health:before
{
    content: url(images/Health-icon.svg);
    display: inline
}
.tfa-app-compliance:before
{
    content: url(images/Compliance-icon.svg);
    display: inline
}
.tfa-app-capacity:before
{
    content: url(images/Capacity-icon.svg);
    display: inline
}
.tfa-app-availability:before
{
    content: url(images/Availability-icon.svg);
    display: inline
}
.tfa-app-sev1:before
{
    content: url(images/sev1-icon.svg);
    display: inline
}
.tfa-app-sev2:before
{
    content: url(images/sev2-icon.svg);
    display: inline
}
.tfa-app-sev3:before
{
    content: url(images/sev3-icon.svg);
    display: inline
}
.tfa-app-sev4:before
{
    content: url(images/sev4-icon.svg);
    display: inline
}
.highlight-selected button
{
    background-color: lightblue!important;
}
.ico-bar-chart:before
{
    content: url(images/ico-bar-chart.svg);
    display: inline
}
.ico-line-graph:before
{
    content: url(images/ico-line-graph.svg);
    display: inline
}
.incident-widget-table{
    background-color: white !important;
    width: 100% !important;
}
.incident-widget-table div{
    height: auto !important;
}
.reports-page-h3{
    font-size: 1.14286rem !important; 
    font-weight: 300 !important;
}
.reports-page-h5{
    font-size: 1.14286rem; 
    font-weight: 400;
}
.reports-page-h1{
    font-size: 1.25857rem; 
    font-weight: 400;
}
.reports-page-h4{
    font-size: 1.28571rem;
    font-weight: 400;
}
.tfa-common-table
{
    background-color:transparent;
    width: 100%;
}
.oj-flex .circle:hover, #utilizationScore:hover, .horizontal-status-meter-sample:hover {
    transform: scale(1.05);
}
.oj-flex .circle {
    border-radius: 50%;
    width: 38px;
    height: 38px;
    padding: 10px;
    background: #fff;
    border: 3px solid var(--oj-core-text-color-primary);
    color: var(--oj-core-text-color-primary);
    text-align: center;
    font: 15px Arial, sans-serif;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
}
.theme-redwood .oj-panel { 
    background-color: transparent;
    border: none
}
.custom-led-guage {
    padding-top:0px;
    cursor: pointer;
}
.led-guage-vertical-center { 
    margin: 11px -20px;
    display: block;
}
.incident-profile-chart{
    max-height:100px;
/*    max-width: 200px;*/
/*    margin-left: 20%;*/
/*    max-width: 60%;*/
}
@media screen and (min-width: 1024px) {
    #eventDetailsTable th:first-child, #eventDetailsTable td:first-child {
        width: 10%!important;
    }
    
    #eventDetailsTable th:nth-child(2), #eventDetailsTable td:nth-child(2) {
        width: 10%!important;
    }
    
    #eventDetailsTable th:nth-child(3), #eventDetailsTable td:nth-child(3) {
        width: 10%!important;
    }
    #eventDetailsTable th:nth-child(4), #eventDetailsTable td:nth-child(4) {
        width: 40%!important;
    }
    #eventDetailsTable th:nth-child(5), #eventDetailsTable td:nth-child(5) {
        width: 30%!important;
    }
    }
    @media screen and (min-width: 1280px) {
    #eventDetailsTable th:first-child, #eventDetailsTable td:first-child {
        width: 10%!important;
    }
    
    #eventDetailsTable th:nth-child(2), #eventDetailsTable td:nth-child(2) {
        width: 10%!important;
    }
    
    #eventDetailsTable th:nth-child(3), #eventDetailsTable td:nth-child(3) {
        width: 10%!important;
    }
    #eventDetailsTable th:nth-child(4), #eventDetailsTable td:nth-child(4) {
        width: 40%!important;
    }
    #eventDetailsTable th:nth-child(5), #eventDetailsTable td:nth-child(5) {
        width: 30%!important;
    }
}
.bootstrap-button-style-label {
    padding: 0 0.3em 0 0.3em;
    font-weight: 700;
    line-height: 3;
    color: #fff;
    border-radius: .25em;
}
.context-menu-block{
    display: none;
    border-radius: 5px;
    padding: 5px 0px;
    box-shadow: 0 0 5px 3px #ccc;
    position: fixed;
    background: rgb(254, 254, 254);
    font-family: arial;
    text-align: left;
    z-index: 10000;
}

.user_property{
   float:left;
   color: black !important;
}

.toggle_switch{
   float:right;
}
.check-box{
    height:15px!important; 
    width:15px!important; 
    margin:7px 3px 7px 3px; 
    border-color: #e5e6e6; 
    border-width: 1px 1px 1px 1px; 
    background-color: #fcfcfd;
}

.tooltiptext.tooltipleft{
    right:100%;
}
.context-menu-button span
{
  color:black;
}
.highlighted-line{
    background-color: #fafa93;
}
.selected-line {
    background-color: #89CFF0;
}
.prevent-select {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.context-menu-ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.fileviewer-help-icon{  
    font-size: 1.2em;   
}   
.fileviewer-info-icon{  
    cursor: pointer;    
    font-size: 1.0em;   
    margin-left:2px;    
    margin-right:6px;   
    vertical-align: middle; 
}
hr {
    display: block;
    width: 100%;    
}
.fileCollectionTable td:nth-child(2){
  max-width:80em!important;
  width:65em!important;
}
.tlgSuc{
    color: green !important;
}
.tlgDif{
    color: red !important;
}
.sideBysideBlock{
    width: 50% !important; 
    overflow-x: scroll; 
    border-right: solid; 
    border-left: solid; 
    border-color: lightgrey; 
    border-width: 3px; 
    overflow-y: hidden;
}
.oj-listbox-results {
max-height: 370px;
}
.fileCompare-height{
    min-height : 900px !important;
}
.filereader-anomaly-feedback-button {
    display: inline-block;
    height: 13px;
    width: 13px;
    border-radius: 50%;
}
#slo-tabs span.oj-tabbar-item-label{
    width: 100%;
    height: 100%;
}
#slo-tabs a.oj-tabbar-item-content{
    border-bottom:solid;
    border-left:solid;
    border-right:solid;
    border-width: 1px;

}
#slo-tabs li.oj-tabbar-item-element{
    margin: 0px !important;
} 
.file-Compare-button{
    border: solid;
    padding: 5px;
    border-radius: 5px;
    margin: 5px;
    float: right;
}
:has(> .critical-cell){
   background-color: #f11515cc;
}
:has(> .warning-cell){
    background-color: yellow;
}
:has(> .fail-cell){
    background-color: orange;
}
:has(> .good-cell){
    background-color: #41b541c2;
}
:has(> .can-be-ignored-cell){
    background-color: teal;
}
:has(> .to-deploy-cell){
    background-color:lightblue;
}
:has(> .fix-exachk-cell){
    background-color: #ffa5006b;
}
span:has(> .critical-cell){
   background-color: #f11515cc;
}
span:has(> .warning-cell){
    background-color: #e5e535;
}
span:has(> .fail-cell){
    background-color: #ffa5008f;
}
span:has(> .good-cell){
    background-color: #41b541c2;
}
.slo-data-grid{
    width: 100%;
    min-height: 60rem;
    height: 100%;
}
div.custom-grid-direction[wa-direction=descending] .oj-component-icon:before {
    content: "\f11f"
}
div.custom-grid-direction[wa-direction=ascending] .oj-component-icon:before {
     content: "\f11e"; 
}
:has(> .critical-cell){
   background-color: #f11515cc;
}
:has(> .warning-cell){
    background-color: yellow;
}
:has(> .fail-cell){
    background-color: orange;
}
:has(> .good-cell){
    background-color: #41b541c2;
}
.filereader-bookmark-menu{
    max-width: 40% !important;
}
.filereader-bookmark-menu oj-option.oj-menu-item{
    display: block !important;
    min-height: 150px;
    overflow-y: scroll;
}
.corrupted-files-menu {
    max-width: 60% !important;
    /* word-wrap: break-word; */
}
.corrupted-files-menu oj-option {
    display: inline-block;
    width: 100%;
}
.corrupted-files-menu span {
    display: block;
    /* background-color: white; */
    padding: 5px;
    margin: 0; 
    white-space: normal;
    word-wrap: break-word; 
    width: 100%;
    line-height: 1.6;
}
.add-to-compare-message{
    width: 700px !important; 
    border: solid;
    border-radius: 7px;
    border-width: 1.5px;
}
@font-face {
    font-family: ojuxIconFont;
    src: url('fonts/ojuxIconFont_Rg.woff2') format('woff2');
    font-weight: 400
}
.oj-ux-ico-pin-s:before {
    content: '\fa5c';
    cursor: pointer;
}
#osw-label  div.oj-label-group {
    height: 0px;
}
.bookmark-share-icon{
    font-size: 15px;
    top: -15px !important;
    position: relative;
    margin-left: 10px;
}
.content-vertical-bottom {
    margin: auto 0;
    margin-bottom: 0;
}


.expand-chat-bot-vertically{
    height: 80vh !important;
}
.contract-chat-bot-vertically{
   height: 50vh !important;
}
.chat-bot{
    position: absolute;
    bottom: 30px;
    right: 20px;
    z-index: 10;
    border: solid;
    padding: 0px 10px 0px 10px;
    background: white;
    border-radius: 50%;
    border-width: 3px;
}
.chat-bot:hover {
    cursor: pointer;
}
.chat-bot-drawer-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
.chat-bot-drawer-bottom {
    background-color: white;
    z-index: 10;
}
.chat-bot-drawer-start {
    height: 100%;
    background-color: white;
    z-index: 10;
    overflow: scroll;
}
.expand-chat-bot{
    width: 70% !important;
    min-width: 70% !important;
}
.contract-chat-bot{
    width: 30% !important;
}
.expand-chat-bot-height{
    /* top: 323px !important; */
}
.contract-chat-bot-height{
    /* top: 3px !important; */
} 
.drawer-full-height {
    height: 100%;
}
.chat-bot-drawer-end {
    height: 100%;
    overflow: scroll;
    background-color: white;
    z-index: 10;
}
.grid-pagination .oj-pagingcontrol-content{
    display: none;
}

.facet-container-left{
    background-color: white;
    height: 100%;     
    width: 400px;  /* Fixed width */
    max-width: 400px;
    min-width: 400px;
    overflow-x: hidden;
}
.facet-container-right{
    background-color: white;
    height: 100%;
}
.search-content-button{
    display: inline-block;
    width: 100%;
    max-width: 150px;
    border: solid;
    border-width: 1px;
    margin-left: 10px;
    border-radius: 5px;
    background-color: white;
    height: 50px;
}
.patchRecClusterPopUp > div > table{
   width:100% !important;
   table-layout: fixed;
}

.advance-serach-bg::before{
    content: "";
    background-image: url(images/texture-16.png);
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: -1;
    opacity: 0.4;
}

.advance-serach-bg{
    /* background-image: url(images/texture-16.png); */
    /* width: 100vw;
    height: 100vh; */
}

#advance-serach-drawer .oj-drawer-start{
    overflow: hidden;
    border: solid;
    border-width: 1px;
    border-radius: 5px;
    border-color: #D3D3D3;
}
#advance-serach-drawer .oj-drawer-end{
    overflow: hidden;
    border: solid;
    border-width: 1px;
    border-radius: 5px;
    background-color: white;
    border-color: #D3D3D3;
}
#advance-serarch-heading .SLO-Chart-Heading{
    border-width: 1px;
    border-color: black;
}

.advance-serach-bg .wrap-table-cell td:not(.chart-table-cell):not(.checkbox-table-cell), .wrap-table-cell th:not(.chart-table-cell):not(.checkbox-table-cell) {
    white-space: nowrap;
}

.search-result-wrapper {
    /* border-bottom: 1px solid black; */
}

.content-search-result{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-color: #D3D3D3;
    border-width: 2px;
}

.content-search-result .oj-table-header {
    display: none;
 }
.advance-search-box .oj-text-field-container{
  height: 44px;
} 

.cts-drawer-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.incident-header-item-width{
    max-width: 12% !important;
    width: 12% !important;
}
.incident-header-item-width .oj-text-field-container{
    border-radius: 10px;
}

#custom_analyzer_status_selector .oj-text-field-container{
    min-height : 56px; 
}

#custom_analyzer_number_checks .oj-text-field-container{
    min-height : 56px; 
}

#custom_analyzer_number_days .oj-text-field-container{
    min-height : 56px; 
}

.collection-stats-item-width{
    max-width:12% !important;
    width:12% !important;
}


.check-dashboard-icon-dim {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;    
  background-position: center;
   background-size: 100%;
}

.spiking-checks-icon {

  background-image: url(images/ico-browser-analytics.svg);
  
}

.flapping-checks-icon {
 
  background-image: url(images/ico-card-reader-alert.svg);
  
}

.persistent-failures-icon {
  
  background-image: url(images/ico-v-type-table-warning.svg);
  
}

.co-failure-pattern-icon {
  
  background-image: url(images/ico-chart-heat-map.svg);
  
}

.spike-detection-icon {
  
  background-image: url(images/ico-trending-up.svg);
  
}

.rare-failing-checks-icon {
  
  background-image: url(images/ico-chart-outlier.svg);
  
}

.most-frequently-missing-checks-icon {
  
  background-image: url(images/ico-lightbulb-question.svg);
  
}

.db-version-comparison-icon {
  
  background-image: url(images/ico-database-settings.svg);
  
}

.os-version-comparison-icon {
  
  background-image: url(images/ico-computer-stats.svg);
  
}

.clusterware-version-comparison-icon {
  
  background-image: url(images/ico-cluster.svg);
  
}

.ahf-version-comparison-icon {
  
  background-image: url(images/ico-monitor-data.svg);
  
}

.hourly-failure-trend-icon {
  
  background-image: url(images/ico-time-index-analysis.svg);
  
}

.warning-stuck-checks-icon {
  
  background-image: url(images/ico-clock-warning.svg);
  
}

.non-responsive-checks-icon {
  
  background-image: url(images/ico-comment-delete.svg);
  
}

.check-behavior-classification-icon {
  
  background-image: url(images/ico-product-category.svg);
  
}

.benchmarking-across-clusters-icon {
  
  background-image: url(images/ico-trophy.svg);
  
}

.cluster-health-leaderboard-icon {
  
  background-image: url(images/ico-top-individual-analysis.svg);
  
}

.chat-container {    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 82vh;
    border: 1px solid #ccc;
    border-radius: 10px;
    overflow: hidden;
    background: #f9f9f9;
    min-width: 98%;
}

.chat-header {
    padding: 10px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    border-bottom: solid;
    border-width: 1px;
    border-radius: 5px;
    border-color: #b6abab;
}

.chat-messages {
    flex: 1;
    padding: 10px;
    overflow-y: auto;
}

.chat-bubble {
    max-width: 70%;
    margin: 8px 0;
    padding: 10px;
    border-radius: 15px;
    clear: both;
}

.chat-bubble.user {
    background-color: rgb(218 228 231);
    align-self: flex-end;
    margin-left: auto;
    text-align: right;
    border: solid;
    border-width: 1px;
}

.chat-bubble.bot {
    background-color: rgb(228, 225, 221);;
    align-self: flex-start;
    margin-right: auto;
    text-align: left;
    border: solid;
    border-width: 1px;

}

.chat-input {
    display: flex;
    padding: 10px;
    border-top: 1px solid #ddd;
    background: white;
}

.chat-text-input {
    flex: 1;
    margin-right: 10px;
}

.chat-send-button {
    background-color: #005fbf;
    color: white;
}

.custom-tabbar {
  background-color: #f4f4f4;
  border-right: 1px solid #ccc;
}

.custom-tabbar .oj-tabbar-item-icon {
  font-size: 1.5rem;
}

.custom-tabbar .oj-tabbar-item.oj-selected {
  background-color: #e6f7ff;
}

.dot-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1rem auto;
  height: 40px;
}

.dot {
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background-color: #007bff;
  border-radius: 50%;
  animation: bounce 1.4s infinite ease-in-out both;
}

.dot:nth-child(1) {
  animation-delay: -0.32s;
}

.dot:nth-child(2) {
  animation-delay: -0.16s;
}

.dot:nth-child(3) {
  animation-delay: 0;
}

@keyframes bounce {
  0%, 80%, 100% {
    transform: scale(0);
  } 
  40% {
    transform: scale(1);
  }
}
.oj-badge-selected-subtle{
   background-color: grey !important;
   color: white !important;
}