/*
 * Copyright (C) 2024 Musarubra US LLC. All Rights Reserved.
 */

/*******************************************************************************/
/******************************************************************************/
:root {
    color-scheme: normal;
    --mfs-main-bg: #FCFCFC;
    --mfs-main-txt: #4D4D4D;
    --mfs-hover-txt: #013A7A;
    --mfs-disabled-txt: #B5B5B5;
    --mfs-error-txt: #D90E01;
    --mfs-border: #E3E3E3;
    --mfs-second-bg: #EBEBEB;
    --mfs-second-bg-stark: #FFFFFF;
    --mfs-second-txt: #53565A;
    --mfs-table-header: #FCFCFC;
    --mfs-td-txt: #4e657e;
    --mfs-td-hover-txt: #53565a;
    --mfs-link: #0263D1;
    --mfs-link-hover: #013A7A;
    --mfs-alternate-row: #FCFCFC;
    --mfs-active-link: #0263D1;
    --mfs-label: #4e657e;
    --mfs-section-header: #e6e7e8;
    --mfs-input-bg: #FFFFFF;
    --mfs-input-txt: #252626;
    --mfs-input-txt-disabled: #cccccc;
    --mfs-input-border: #b1babf;
    --mfs-input-shadow: #fafafa;
    --mfs-table-bg: url(/core/images/column_picker_background.png);
    --mfs-blue-table-row: #BFD2E3;
    --mfs-checkbox-unselected: url(/core/images/checkbox-unselected.png);
    --mfs-checkbox-disabled: url(/core/images/checkbox-disabled.png);
    --mfs-checkbox-selected-disabled: url(/core/images/checkbox-selected-disabled.png);
    --mfs-nav-txt: #0263d1;
    --mfs-button: #0263d1;
    --mfs-button-hover: #013A7A;
    --action-primary: #0263D1;
    --action-primary-hover: #013A7A;
    --action-primary-pressed: #0252AD;
    --action-primary-disabled: #F7F7F7;
    --action-secondary: #576D84;
    --action-secondary-hover: #223347;
    --action-secondary-pressed: #3C4D61;
    --action-secondary-disabled: #B5B5B5;
    --action-destructive: #D90E01;
    --action-destructive-hover: #990A01;
    --action-destructive-pressed: #B80C01;
    --action-destructive-disabled: #F7F7F7;
    --active-primary: #0263D1;
    --active-secondary: #3C4D61;
    --active-reverse: #FFFFFF;
    --active-keystroke: #B2D6FF;
    --background-page: #FCFCFC;
    --background-surface: #FFFFFF;
    --background-overlay: #FFFFFF;
    --border: #E3E3E3;
    --border-emphasis: #CCCCCC;
    --border-deemphasis: #EBEBEB;
    --fill: #F3F3F3;
    --fill-emphasis: #EBEBEB;
    --fill-deemphasis: #F7F7F7;
    --feedback-error: #D90E01;
    --feedback-warning: #AD9200;
    --feedback-success: #00A800;
    --feedback-info: #009BF0;
    --risk-critical: #D90E01;
    --risk-high: #D68000;
    --risk-medium: #AD9200;
    --risk-low: #009BF0;
    --risk-benign: #949494;
    --text: #4D4D4D;
    --text-emphasis: #1A1A1A;
    --text-deemphasis: #707070;
    --text-disabled: #B5B5B5;
    --text-reverse: #FFFFFF;
    --data-qualitative1-1: #6093c7;
    --data-qualitative1-2: #ff973e;
    --data-qualitative1-3: #f66366;
    --data-qualitative1-4: #84cac4;
    --data-qualitative1-5: #66b360;
    --data-qualitative1-6: #fbd560;
    --data-qualitative1-7: #c680b2;
    --data-qualitative1-8: #fb9ba5;
    --data-qualitative1-9: #b38771;
    --data-qualitative1-10: #c6c0be;
    --data-qualitative2-1: #558cd2;
    --data-qualitative2-2: #c74a37;
    --data-qualitative2-3: #5f986a;
    --data-qualitative2-4: #965aa9;
    --data-qualitative2-5: #4a9bbc;
    --data-qualitative2-6: #de8e47;
    --data-qualitative2-7: #c24976;
    --data-qualitative2-8: #f0df6d;
    --data-qualitative2-9: #73c4ac;
    --data-qualitative2-10: #939fb2;
    --data-qualitative3-1: #bbd5f6;
    --data-qualitative3-2: #558cd2;
    --data-qualitative3-3: #9ecda8;
    --data-qualitative3-4: #5f986a;
    --data-qualitative3-5: #c4a0d0;
    --data-qualitative3-6: #965aa9;
    --data-qualitative3-7: #fdbf6f;
    --data-qualitative3-8: #ff7f00;
    --data-qualitative3-9: #e19694;
    --data-qualitative3-10: #c74a37;
    --data-diverging1-1: #67001f;
    --data-diverging1-2: #b2182b;
    --data-diverging1-3: #ca0020;
    --data-diverging1-4: #d6604d;
    --data-diverging1-5: #ef8a62;
    --data-diverging1-6: #f4a582;
    --data-diverging1-7: #fddbc7;
    --data-diverging1-8: #f7f7f7;
    --data-diverging1-9: #d1e5f0;
    --data-diverging1-10: #92c5de;
    --data-diverging1-11: #67a9cf;
    --data-diverging1-12: #4393c3;
    --data-diverging1-13: #0571b0;
    --data-diverging1-14: #2166ac;
    --data-diverging1-15: #053061;
    --data-diverging2-1: #9e0142;
    --data-diverging2-2: #d53e4f;
    --data-diverging2-3: #d7191c;
    --data-diverging2-4: #f46d43;
    --data-diverging2-5: #fc8d59;
    --data-diverging2-6: #fdae61;
    --data-diverging2-7: #fee08b;
    --data-diverging2-8: #ffffbf;
    --data-diverging2-9: #e6f598;
    --data-diverging2-10: #abdda4;
    --data-diverging2-11: #99d594;
    --data-diverging2-12: #66c2a5;
    --data-diverging2-13: #2b83ba;
    --data-diverging2-14: #3288bd;
    --data-diverging2-15: #534fa2;
    --data-diverging3-1: #5e4fa2;
    --data-diverging3-2: #762a83;
    --data-diverging3-3: #7b3294;
    --data-diverging3-4: #9970ab;
    --data-diverging3-5: #af8dc3;
    --data-diverging3-6: #c2a5cf;
    --data-diverging3-7: #e7d4e8;
    --data-diverging3-8: #f7f7f7;
    --data-diverging3-9: #d9f0d3;
    --data-diverging3-10: #a6dba0;
    --data-diverging3-11: #7fbf7b;
    --data-diverging3-12: #5aae61;
    --data-diverging3-13: #008837;
    --data-diverging3-14: #1b7837;
    --data-diverging3-15: #00441b;
    --data-sequential1-1: #f7fcf0;
    --data-sequential1-2: #f0f9e8;
    --data-sequential1-3: #e0f3db;
    --data-sequential1-4: #ccebc5;
    --data-sequential1-5: #bae4bc;
    --data-sequential1-6: #a8ddb5;
    --data-sequential1-7: #7bccc4;
    --data-sequential1-8: #4eb3d3;
    --data-sequential1-9: #43a2ca;
    --data-sequential1-10: #2b8cbe;
    --data-sequential1-11: #0868ac;
    --data-sequential1-12: #08589e;
    --data-sequential1-13: #084081;
    --data-sequential2-1: #fff5f0;
    --data-sequential2-2: #fee5d9;
    --data-sequential2-3: #fee0d2;
    --data-sequential2-4: #fcbba1;
    --data-sequential2-5: #fcae91;
    --data-sequential2-6: #fc9272;
    --data-sequential2-7: #fb6a4a;
    --data-sequential2-8: #ef3b2c;
    --data-sequential2-9: #de2d26;
    --data-sequential2-10: #cb181d;
    --data-sequential2-11: #a50f15;
    --data-sequential2-12: #99000d;
    --data-sequential2-13: #67000d;
    --data-sequential3-1: #fcfbfd;
    --data-sequential3-2: #f2f0f7;
    --data-sequential3-3: #efedf5;
    --data-sequential3-4: #dadaeb;
    --data-sequential3-5: #cbc9e2;
    --data-sequential3-6: #bcbddc;
    --data-sequential3-7: #9e9ac8;
    --data-sequential3-8: #807dba;
    --data-sequential3-9: #756bb1;
    --data-sequential3-10: #6a51a3;
    --data-sequential3-11: #54278f;
    --data-sequential3-12: #4a1486;
    --data-sequential3-13: #3f007d;
    --modal-scrim: rgba(243, 243, 243, 0.25);
    --modal-scrim-blur: blur(48px);
    --modal-dialog-shadow: 0px 16px 40px rgba(26, 26, 26, 0.55);
    --surface-shadow: 0px 2px 4px rgba(26, 26, 26, 0.25);
    --overlay-shadow: 0px 6px 24px rgba(26, 26, 26, 0.2);
    --vertical-overflow: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    --horizontal-overflow: linear-gradient(270deg, rgba(204, 204, 204, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    --table-col-sel-bg: #E3E3E3;
    --new-badge-background: #aba9a9;
    --legacy-badge-background: #4D4D4D;
}

.darkMode {
    color-scheme: dark;
    --mfs-main-bg: #1A1A1A;
    --mfs-main-txt: #E8E8E8;
    --mfs-hover-txt: #C7E1FF;
    --mfs-disabled-txt: #7D7D7D;
    --mfs-error-txt: #FF4053;
    --mfs-border: #636363;
    --mfs-second-bg: #232323;
    --mfs-second-bg-stark: #232323;
    --mfs-second-txt: #c5c5c5;
    --mfs-table-header: #232323;
    --mfs-td-txt: #c5c5c5;
    --mfs-td-hover-txt: #FFFFFF;
    --mfs-link: #87BFFF;
    --mfs-link-hover: #C7E1FF;
    --mfs-alternate-row: #3d3d3d;
    --mfs-label: #c5c5c5;
    --mfs-section-header: #232323;
    --mfs-input-bg: #53565a;
    --mfs-input-txt: #b1babf;
    --mfs-input-txt-disabled: #959595;
    --mfs-input-border: #252626;
    --mfs-input-shadow: #000000;
    --mfs-table-bg: url(/core/images/column_picker_background_dark.png);
    --mfs-blue-table-row: #366D9e;
    --mfs-checkbox-unselected: url(/core/images/checkbox-unselected-dark.png);
    --mfs-checkbox-disabled: url(/core/images/checkbox-disabled-dark.png);
    --mfs-checkbox-selected-disabled: url(/core/images/checkbox-selected-disabled-dark.png);
    --mfs-nav-txt: #A7CDDB;
    --action-primary: #87BFFF;
    --action-primary-hover: #C7E1FF;
    --action-primary-pressed: #A3CEFF;
    --action-primary-disabled: #424242;
    --action-secondary: #C7D7E8;
    --action-secondary-hover: #F0F7FF;
    --action-secondary-pressed: #D5E3F2;
    --action-secondary-disabled: #7D7D7D;
    --action-destructive: #FF4053;
    --action-destructive-hover: #FF7582;
    --action-destructive-pressed: #FF5464;
    --action-destructive-disabled: #424242;
    --active-primary: #87BFFF;
    --active-secondary: #D5E3F2;
    --active-reverse: #1A1A1A;
    --active-keystroke: #335891;
    --background-page: #1A1A1A;
    --background-surface: #2E2E2E;
    --background-overlay: #3B3B3B;
    --border: #636363;
    --border-emphasis: #707070;
    --border-deemphasis: #4D4D4D;
    --fill: #424242;
    --fill-emphasis: #4D4D4D;
    --fill-deemphasis: #3B3B3B;
    --feedback-error: #FF4053;
    --feedback-warning: #EBC80A;
    --feedback-success: #00CC00;
    --feedback-info: #52C2FF;
    --risk-critical: #FF4053;
    --risk-high: #FA9600;
    --risk-medium: #EBC80A;
    --risk-low: #52C2FF;
    --risk-benign: #7D7D7D;
    --text: #E8E8E8;
    --text-emphasis: #FFFFFF;
    --text-deemphasis: #B8B8B8;
    --text-disabled: #7D7D7D;
    --text-reverse: #1A1A1A;
    --data-qualitative1-1: #6093c7;
    --data-qualitative1-2: #ff973e;
    --data-qualitative1-3: #f66366;
    --data-qualitative1-4: #84cac4;
    --data-qualitative1-5: #66b360;
    --data-qualitative1-6: #fbd560;
    --data-qualitative1-7: #c680b2;
    --data-qualitative1-8: #fb9ba5;
    --data-qualitative1-9: #b38771;
    --data-qualitative1-10: #c6c0be;
    --data-qualitative2-1: #558cd2;
    --data-qualitative2-2: #c74a37;
    --data-qualitative2-3: #5f986a;
    --data-qualitative2-4: #965aa9;
    --data-qualitative2-5: #4a9bbc;
    --data-qualitative2-6: #de8e47;
    --data-qualitative2-7: #c24976;
    --data-qualitative2-8: #f0df6d;
    --data-qualitative2-9: #73c4ac;
    --data-qualitative2-10: #939fb2;
    --data-qualitative3-1: #bbd5f6;
    --data-qualitative3-2: #558cd2;
    --data-qualitative3-3: #9ecda8;
    --data-qualitative3-4: #5f986a;
    --data-qualitative3-5: #c4a0d0;
    --data-qualitative3-6: #965aa9;
    --data-qualitative3-7: #fdbf6f;
    --data-qualitative3-8: #ff7f00;
    --data-qualitative3-9: #e19694;
    --data-qualitative3-10: #c74a37;
    --data-diverging1-1: #67001f;
    --data-diverging1-2: #b2182b;
    --data-diverging1-3: #ca0020;
    --data-diverging1-4: #d6604d;
    --data-diverging1-5: #ef8a62;
    --data-diverging1-6: #f4a582;
    --data-diverging1-7: #fddbc7;
    --data-diverging1-8: #f7f7f7;
    --data-diverging1-9: #d1e5f0;
    --data-diverging1-10: #92c5de;
    --data-diverging1-11: #67a9cf;
    --data-diverging1-12: #4393c3;
    --data-diverging1-13: #0571b0;
    --data-diverging1-14: #2166ac;
    --data-diverging1-15: #053061;
    --data-diverging2-1: #9e0142;
    --data-diverging2-2: #d53e4f;
    --data-diverging2-3: #d7191c;
    --data-diverging2-4: #f46d43;
    --data-diverging2-5: #fc8d59;
    --data-diverging2-6: #fdae61;
    --data-diverging2-7: #fee08b;
    --data-diverging2-8: #ffffbf;
    --data-diverging2-9: #e6f598;
    --data-diverging2-10: #abdda4;
    --data-diverging2-11: #99d594;
    --data-diverging2-12: #66c2a5;
    --data-diverging2-13: #2b83ba;
    --data-diverging2-14: #3288bd;
    --data-diverging2-15: #534fa2;
    --data-diverging3-1: #5e4fa2;
    --data-diverging3-2: #762a83;
    --data-diverging3-3: #7b3294;
    --data-diverging3-4: #9970ab;
    --data-diverging3-5: #af8dc3;
    --data-diverging3-6: #c2a5cf;
    --data-diverging3-7: #e7d4e8;
    --data-diverging3-8: #f7f7f7;
    --data-diverging3-9: #d9f0d3;
    --data-diverging3-10: #a6dba0;
    --data-diverging3-11: #7fbf7b;
    --data-diverging3-12: #5aae61;
    --data-diverging3-13: #008837;
    --data-diverging3-14: #1b7837;
    --data-diverging3-15: #00441b;
    --data-sequential1-1: #f7fcf0;
    --data-sequential1-2: #f0f9e8;
    --data-sequential1-3: #e0f3db;
    --data-sequential1-4: #ccebc5;
    --data-sequential1-5: #bae4bc;
    --data-sequential1-6: #a8ddb5;
    --data-sequential1-7: #7bccc4;
    --data-sequential1-8: #4eb3d3;
    --data-sequential1-9: #43a2ca;
    --data-sequential1-10: #2b8cbe;
    --data-sequential1-11: #0868ac;
    --data-sequential1-12: #08589e;
    --data-sequential1-13: #084081;
    --data-sequential2-1: #fff5f0;
    --data-sequential2-2: #fee5d9;
    --data-sequential2-3: #fee0d2;
    --data-sequential2-4: #fcbba1;
    --data-sequential2-5: #fcae91;
    --data-sequential2-6: #fc9272;
    --data-sequential2-7: #fb6a4a;
    --data-sequential2-8: #ef3b2c;
    --data-sequential2-9: #de2d26;
    --data-sequential2-10: #cb181d;
    --data-sequential2-11: #a50f15;
    --data-sequential2-12: #99000d;
    --data-sequential2-13: #67000d;
    --data-sequential3-1: #fcfbfd;
    --data-sequential3-2: #f2f0f7;
    --data-sequential3-3: #efedf5;
    --data-sequential3-4: #dadaeb;
    --data-sequential3-5: #cbc9e2;
    --data-sequential3-6: #bcbddc;
    --data-sequential3-7: #9e9ac8;
    --data-sequential3-8: #807dba;
    --data-sequential3-9: #756bb1;
    --data-sequential3-10: #6a51a3;
    --data-sequential3-11: #54278f;
    --data-sequential3-12: #4a1486;
    --data-sequential3-13: #3f007d;
    --modal-scrim: rgba(243, 243, 243, 0.25);
    --modal-scrim-blur: blur(48px);
    --modal-dialog-shadow: 0px 16px 40px rgba(26, 26, 26, 0.55);
    --surface-shadow: 0px 2px 4px rgba(26, 26, 26, 0.25);
    --overlay-shadow: 0px 6px 24px rgba(26, 26, 26, 0.2);
    --vertical-overflow: linear-gradient(180deg, rgba(46, 46, 46, 0) 0%, #2E2E2E 100%);
    --horizontal-overflow: linear-gradient(270deg, rgba(26, 26, 26, 0.5) 0%, rgba(46, 46, 46, 0) 100%);
    --table-col-sel-bg: #3B3B3B;
    --new-badge-background: #4D4D4D;
    --legacy-badge-background: #aba9a9;
}

@font-face {
    font-family: 'OpenSans-Bold';
    src: url('/core/fonts/OpenSans-Bold-webfont.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url('/core/fonts/OpenSans-Regular-webfont.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'OpenSans-Light';
    src: url('/core/fonts/OpenSans-Light-webfont.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'OpenSans-SemiBold';
    src: url('/core/fonts/OpenSans-Semibold-webfont.woff') format('woff');
    font-display: swap;
}

.openSans {
    font-family: 'OpenSans-Regular', 'Helvetica', sans-serif;
}

/* Base CSS Tags */
html {
    width:100%;
    height:100%;
    padding: 0px;
    margin: 0px;
    border: 0px;
    overflow: hidden;
    background: var(--mfs-main-bg);
    font-family: 'OpenSans-Regular', 'Helvetica', sans-serif;
}


:focus
{
    -moz-outline-style: none;
    border: 1px solid var(--mfs-input-border);
}

body {
    overflow:hidden;
    width:100%;
    height:100%;
    padding: 0px;
    margin: 0px;
    border: 0px;
    color: var(--text);
    background:  var(--background-surface) !important;
    font-size: 11px;
    line-height: 11px;
    font-weight: normal;
}

th {
    font-size: 11px;
}


#orionRootContentID {
    position:absolute;
    border: 1px solid var(--mfs-border);
}

.orionRootContentBackground {
    background: var(--mfs-main-bg);
    visibility:hidden;
}

.orionRootContent {
    visibility:hidden;
}

A {
    position: relative;
    text-decoration: none;
    color: var(--action-primary);
    transition: color 0.3s;
}

A:hover{
    color: var(--action-primary-hover);
    text-decoration: none;
}
A:active{
    color: var(--action-primary-pressed);
}

TABLE {
    padding: 0px;
    margin: 0px;
    color: var(--text);
}

TD {
    /*color: var(--mfs-td-txt);*/
    font-size: 11px;
    line-height: 14px;
    font-weight: normal;
}

TD:hover {
    color: var(--text);
}

TR:hover {
    color: var(--text);
}

TR {
    /*background-color: var(--mfs-main-bg);*/
}

select::-ms-expand,
.orionSelect::-ms-expand {
    display: none; /* this removes the default dropwodn arrow from IE10 */
}

SELECT,
.orionSelect
{
    padding: 2px 18px 2px 4px;
    color:var(--text);
    font-size: 11px;
    font-weight: normal;
    line-height: 14px;
    border: 1px solid var(--border);
    border-radius: 0px;
    background: url(/core/images/action_dropdown.png) no-repeat var(--background-overlay);
    background-size: 9px 5px;
    background-position: right 4px center;
    -webkit-appearance: none;
    -moz-appearance: none;
}

SELECT,
.orionSelect:focus
{
    border: 1px solid var(--action-secondary);
}

SELECT,
.orionSelect:hover
{
    border: 1px solid var(--action-primary);
}
SELECT,
.orionSelect option:hover{
    background-color:var(--fill);
}

SELECT:disabled,
.orionSelectDisabled
{
    background:var(--mfs-second-bg-stark);
    color:var(--mfs-input-txt-disabled);
    font-size: 11px;
    line-height: 12px;
    font-weight: normal;
    border: 1px solid #a4b5c7;
}

H1
{
    font-size:18px;
    line-height:22px;
}

H2
{
    font-size:16px;
    line-height:20px;
}

H3
{
    font-size:14px;
    line-height:18px;
}

LABEL
{
    color:var(--text);
}

.errorText
{
    color:var(--mfs-error-txt);
    font-weight:bold;
}

.button {
    margin-top: 2px;
    margin-left: 2px;
    padding-left: 5px;
    padding-right: 5px;
    height: 19px;
    border-color: #B7B7B7;
    border-width: 1px;
    background-image: url( /core/images/actions/actionConfigButtonSlice.png );
    color: #4B4B4B;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
}

.orionPleaseWait {
    position:absolute;
    top:0px;
    left:0px;
    height: 100%;
    width: 100%;
    overflow: hidden;
    z-index: 6000;
    visibility: hidden;
}

/* content */
.orionDialogBox {
    font-size: 10px;
    font-style: normal;
    font-variant: normal;
    background-color: var(--mfs-main-bg);
    color: var(--mfs-main-txt);
    border-collapse: collapse;
    border: 1px solid #333;
    margin: 0px;
    position: absolute;
    top: 110px;
    width: auto !important;
    height: 316px;
    white-space: normal;
    overflow: hidden;
    z-index: 6000;
    visibility: hidden;
}

.orionDialogBoxContent {
    height: 255px;
    overflow: auto;
    width: 100%;
}

.orionDialogBoxShim
{
    position: absolute;
    top: 110px;
    width: 500px;
    height: 300px;
    z-index: 5990;
    visibility: hidden;
    border: 0px none;
}

.orionDialogBoxShadow {
    background-color: black;
    position: absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index: 5000;
    visibility: hidden;
    filter: alpha(opacity=60); /* IE */
    -moz-opacity: 0.6; /* mozilla */
    opacity: 0.6; /* css3 */
}

.orionDialogBoxLoadingText {
    width: 100%;
    padding: 12px;
    font-size: 120%;
    color: #999;
    text-align: center;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
}

.orionDialogBoxButtonBar
{
    height: 32px;
    background:#E0E0E0;
    text-align:right;
    padding-right:8px;
}

/* title TD */
.orionDialogBoxTitle {
    color: white;
    height: 24px;
    background-image: url( images/table/table-header-background.png );
    font-weight: bold;
    text-indent:8px;
}

/*******************************************************************************/
/* "select from existing items" UI (used for criteria selection)  */
/******************************************************************************/

.lookupFieldDataContainer
{
    margin-top:4px;
    border:1px solid var(--border);
    border-radius:0px;
}

.lookupFieldDataContainer DIV {
    color: var(--mfs-label);
    cursor:pointer;
    padding: 5px;
}.lookupFieldDataContainer DIV:hover {
     color: var(--text-reverse);
     cursor:pointer;
     background: var(--fill);
 }
.lookupFieldDataContainer DIV.selected {
    color: var(--text);
    background: var(--fill-emphasis);
}
.lookupFieldItem{
    font-weight: normal;
}

.orionLookupField
{
    padding:2px 0 2px 3px;
    color: var(--mfs-label);
    font-size: 11px;
    line-height:15px;
    box-shadow: inset 0 1px 1px 0 #fafafa;
    border-color: #a4b5c7;
    border-radius: 3px 0 0 3px;
    border-width: 1px;
    border-style: solid none solid solid;
    margin-top: 3px;
    background:white;
    height:14px;
}

.orionLookupFieldDisabled
{
    padding:2px 0 2px 3px;
    color: #748eaa;
    font-size: 11px;
    line-height:15px;
    border-color: #a4b5c7;
    border-radius: 3px 0 3px 3px;
    border-width: 1px;
    border-style: solid none solid solid;
    margin-top:3px;
    background:white;
    padding-right:0px;
    height:14px;
}

.orionLookupFieldIcon
{
    vertical-align:top;
    cursor:pointer;
    margin-left: -5px;
}

* .orionLookupFieldIcon {
    margin-top: expression(1);
}

.orionLookupFieldIconDisabled
{
    vertical-align:top;
    cursor:default;
    margin-left: -5px;
}

* .orionLookupFieldIconDisabled {
    margin-top: expression(1);
}



/*******************************************************************************/
/* Standard HTML Form element look and feel CSS Tags */
/******************************************************************************/
.orionInput {
    box-sizing: border-box;
    background: var(--mfs-input-bg);
    color: var(--mfs-input-txt);
    font-size: 11px;
    line-height:16px;
    border: 1px solid var(--mfs-input-border);
    border-radius: 0;
    padding: 0 0 1px 3px;
    height:17px;
    margin-top: 3px;
    box-shadow: inset 0 1px 1px 0 var(--mfs-input-shadow);
}

.orionInput:focus{
    border: 1px solid var(--mfs-input-border);
}

.orionInputDisabled {
    box-sizing: border-box;
    color: #a4b5c7;
    font-size: 11px;
    line-height:16px;
    background: var(--mfs-second-bg);
    border: 1px solid rgb(177, 186, 191);
    border-radius: 0;
    padding: 0 0 0 3px;
    height:17px;
    margin-top: 3px;
}

.orionInputTextarea,
.orionInputTextareaDisabled {
    box-sizing: border-box;
    background: var(--background-overlay);
    color: var(--text-emphasis);
    font-size: 11px;
    line-height:15px;
    border: 1px solid var(--border);
    border-radius: 0;
    padding: 3px;
    resize:none;
    vertical-align:top;
    margin-top: 2px;
}

.orionInputTextareaDisabled {
    background: var(--mfs-second-bg);
    color: var(--mfs-input-txt-disabled);
}

.orionInputTextarea:focus{
    border: 1px solid var(--mfs-input-border);
}

.orionInputFile {
    color: var(--mfs-main-txt);
}

.orionInputFileDisabled {
    color: var(--mfs-input-txt-disabled);
    background: var(--mfs-input-shadow);
}


.orionInputErrorText{
    margin-left:5px;
    font-size: 10px;
    line-height:15px;
    color:var(--mfs-error-txt);
}

.orionInputText{
    margin-left:20px;
    line-height:15px;
}

.orionRadioButtonDiv,
.orionCheckboxDiv {
    padding-left: 25px;
    text-indent: -25px;
}

.orionRadioButton,
.orionCheckbox {
    vertical-align: middle;
    cursor:pointer;
}

.orionClickableTextLabel
{
    padding: 0px;
    margin: 0px;
    color: var(--mfs-label);
    font-size: 10px;
    line-height: 14px;
    vertical-align:middle;
    font-weight: normal;
    cursor:default;
}

.orionClickableTextLabelBold
{
    padding: 0px;
    margin: 0px;
    color: #4D4C4A;
    font-size: 10px;
    line-height: 14px;
    vertical-align:middle;
    font-weight: bold;
    cursor:default;
}

.orionTextLabel {
    padding: 0px;
    margin: 0px;
    color: var(--text);
    font-size: 10px;
    line-height: 14px;
    vertical-align:middle;
    font-weight: normal;
}

.orionTextLabelDisabled {
    padding: 0px;
    margin: 0px;
    color: var(--text);
    font-size: 10px;
    line-height: 14px;
    vertical-align:middle;
    font-weight: normal;
}


.orionButtonEnabled, .orionButtonDisabled {
    margin-top: 2px;
    margin-left: 2px;
    padding:0 5px 1px;
    height: 19px;
    border-radius: 0px;
    font-size: 10px !important;
    font-weight: normal !important;
    cursor: pointer;
    overflow: visible; /* Remove extra padding for IE */
    background:var(--action-primary);
    color: var(--active-reverse);
    border: 1px solid var(--action-primary);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

.orionButtonEnabled:hover{
    background: var(--action-primary-hover);
    border: 1px solid var(--action-primary-hover);
    box-shadow: none;
}
.orionButtonEnabled:active{
    background-color: #005FAE;
    border: 1px solid #005FAE;
    box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.3);
}


.orionButtonDisabled,
.orionButtonDisabled:disabled:hover{
    cursor: default;
    text-overflow:ellipsis;
    filter: alpha(opacity=70); /* IE */
    -moz-opacity: 0.7; /* mozilla */
    opacity: 0.7; /* css3 */
    background: var(--action-primary-disabled);
    color: var(--text-disabled);
    border: 1px solid var(--action-primary-disabled);
    box-shadow: none;
}

.orionChooserInput {
    padding:2px 0 2px 3px;
    border-right:none;
    margin-bottom:1px;
    margin-right:-4px;
    border-radius:0;
    height:20px;
}

.orionChooserLookupButton {
    width: 20px;
    height: 18px;
    background-image: url( /core/images/field_value_lookup_new.png );
    background-repeat: no-repeat;
    background-position: right 3px center;
    background-size: 14px 3px;
    background-color: var(--action-primary);
    position: relative;
    left: 0;
    margin-top: 3px;
    border: 1px solid var(--action-primary);
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    top: 6px;
}

.orionChooserLookupButtonDisabled {
    width: 20px;
    height: 18px;
    background-image: url( /core/images/field_value_lookup_disabled.png );
    background-repeat: no-repeat;
    background-position: right 3px center;
    background-size: 14px 3px;
    background-color: var(--action-primary-disabled);
    position: relative;
    left: 0;
    margin-top: 3px;
    border: 1px solid var(--action-primary-disabled);
    border-radius: 0;
    cursor: not-allowed;
    display: inline-block;
    top: 6px;
}

.orionChooserRequiredIcon span:before{
    margin-left: 30px;
    content:'*';
    color: var(--mfs-error-txt);
}

.andOrToggle {
    display:inline;
    margin-top: 2px;
    margin-left: 2px;
    padding-left: 5px;
    padding-right: 5px;
    height: 19px;
    border-width: 0;
    border-style:solid;
    border-radius:5px;
    background: var(--action-primary);
    font-size: 11px;
    font-weight: normal;
    cursor: pointer;
    overflow: visible; /* Remove extra padding for IE */
}

.andOrToggle SPAN.andOrUnselected
{
    color:var(--text-disabled);
}

.andOrToggle SPAN.andOrSelected
{
    color: var(--active-reverse);
    font-weight:bold;
}

.orionDescriptionArea {
    background-color: var(--mfs-second-bg);
    border-style: none none solid none;
    border-color: #bdcbd8;
    border-width: 1px;
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 48px;
    font-weight: normal;
    font-size: 10px;
    color: var(--mfs-second-txt);
    overflow: hidden;
    white-space: nowrap;
    height: 48px;
}
.orionDescriptionArea.multiline {
    padding-top: 16px;
    line-height: 1.4;
    white-space: normal;
    height: 32px;
}

.orionTitleBar {
    background-color: var(--mfs-second-bg);
    color: var(--mfs-second-txt);
    text-align: left;
    line-height:23px;
    height: 24px;
    border-bottom: 1px solid var(--mfs-border);
    overflow: hidden !important;
    font-weight: bold;
    box-sizing: border-box;
}

.orionTitleBarText
{
    width:100%;
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size:10px;
    color:var(--mfs-main-txt);
    text-indent:8px;
}

.orionTitleBarContent
{
    position:absolute;
    right:0px;
    top:0px;
    height:24px;
    line-height:24px;
    font-size:10px;
    color:#CBD8E9;
}

.orionTableTitleBar {
    height: 24px;
    border-collapse: collapse;
    border: 0 none;
    line-height: 24px;
    margin: 0;
}

.orionTitle {
    font-size:12px;
    color: var(--mfs-second-txt);
    background-color: var(--mfs-second-bg);
    text-align: left;
    line-height:24px;
    height: 24px;
    overflow: hidden !important;
    border-bottom: 1px solid #bdcbd8;
    white-space: nowrap;
    font-weight: bold;
    box-sizing: border-box;
}

.orionBottomBar {
    text-align: right;
    background-image: url( images/table/table-footer-background.png );
    height: 24px;
    border: 0px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
}

.orionBottomArea {
    height: 30px;
    background-color: #83A7CB;
    border: 0px;
    margin: 0px;
    overflow: hidden;
    white-space: nowrap;
}

.orionGrayBackground {
    background-color: #EDEDED;
}

.orionBorderRightGrey {
    border-style: none solid none none;
    border-color: var(--border);
    border-width: 1px;
}

.orionBorderBottomGrey {
    border-style: none none solid none;
    border-color: var(--border);
    border-width: 1px;
}

.orionNoMargin {
    border-collapse: collapse;
    /* border-style: hidden;*/

    margin: 0px;
    padding: 0px;
    border: 0px;
}

.orionFullScreen {
    height: 100%;
    width: 100%;
}

.orionVerticalSpacer {
    background-image: url( /core/images/vertical-content-divider.png );
    background-repeat:repeat-y;
    background-color: #BED1E2;
    width: 12px;
    min-width: 12px;
    max-width: 12px;
}

/* Tab Section CSS Tags */
#orionTabBar {
    z-index: 30;
    position: absolute;
    top: 95px;
    width: 100%;
    height: 24px;
    font-size: 10px;
    line-height: 24px;
    background-image: url( /core/images/nav_secondary_background.png );
    background-repeat: repeat-x;
    overflow: hidden;
}

#orionTabBar DIV {
    float: left;
    color: #B8E3FF;
    height: 24px;
    line-height: 24px;
}

#orionTabBar DIV.selected {
    background-image: url(/core/images/nav_secondary_background_selected.png);
    background-position: top left;
    background-repeat: repeat-x;
}

#orionTabBar DIV DIV.subdiv {
    /* CHANGING THE PADDING AFFECTS THE TAB RESIZING CODE IN core.js (TAB_PADDING_WIDTH) !!! */
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
}

#orionTabBar DIV DIV DIV.text {
    padding-left: 0px;
    padding-right: 0px;
    background: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#orionTabBar DIV.unselected DIV.subdiv {
    background-image: url(/core/images/nav_secondary_divider.png );
    background-position: top right;
    background-repeat: repeat-y;
}

#orionTabBar DIV.selected DIV.subdiv {
    background-image: url(/core/images/nav_secondary_divider10.png );
    background-position: top right;
    background-repeat: repeat-y;
}

#orionTabBar DIV.selected DIV.subdiv DIV.text {
    color: white;
    font-weight:bold;
    cursor: default;
}

#orionTabBar DIV.beforeSelected DIV.subdiv {
    background-image: url(/core/images/nav_secondary_divider01.png );
    background-position: top right;
    background-repeat: repeat-y;
}

#orionTabBar DIV.hover DIV.subdiv {
    background-image: url(/core/images/nav_secondary_divider.png );
    background-position: top right;
    background-repeat: repeat-y;
}

#orionTabBar DIV.hover DIV.subdiv DIV.text {
    color: white;
    cursor:pointer;
}

.orionTabButton {
    cursor: pointer;
    border-style: hidden;
    border-collapse: collapse;
    margin: 0;
}

.orionTitleBarContentContainer
{
    background-position: top left;
    background-repeat: repeat-y;
    height: 24px;
    font-weight:normal;
    color:#454545;
    font-size: 10px;
    line-height: 24px;
    padding-left:8px;
}

/* Button CSS Tags */
.orionButtonContainer {
    color: black;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 24px;
    width: 120px;
    border: 1px solid #666;
    background-color: #DEF;
    cursor: pointer;
}

/*****************************************************************************/
/* Content CSS Tags                                                          */
/*****************************************************************************/
/*  Query CSS something else */

.readonly {
    padding-left: 1em;
    padding-right: 1em;
    background: #EEEEEE;
    color: #333333;
    border: 1px solid #000000;
}



/* this is used by the tabstrip, not the wizard tag */
.orionWizardStepOffDisabled {
    COLOR: #C9DAE4;
    FONT-WEIGHT: normal;
    background-image: url( images/wizard-gradiant-light-blue.jpg );
    white-space: nowrap;
}



/*******************************************************************************/
/* Query wizard Criteria Row Header CSS Tags */
/******************************************************************************/
.conditionTable .orionGreenTableRow TD {
    color: #ADB88E;
    background-color: #D8E7AC;
    height: 13px;
    padding-left: 10px;
}

.conditionTable .orionBlueTableRow TD {
    color: var(--mfs-label);
    background-color: var(--mfs-blue-table-row);
    height: 13px;
    padding-left: 10px;
}

.conditionRow
{
    height: 38px;
}

.conditionTable .propertyName
{
    font-weight:bold;
    line-height:15px;
}

.orionTargets {
    color: var(--mfs-main-txt);
    font-weight:bold;
    font-size: 12px;
    padding: 6px;
}

.orionTargetDescription {
    color: var(--mfs-label);
    padding:0 6px 6px;
    vertical-align: top;
}

.orionCriteriaOperator
{
    color:var(--mfs-label);
    height:18px;
    line-height:18px;
    vertical-align:middle;
    border:1px solid #8C8C8C;
}

.orionCriteriaInput
{
    color: var(--mfs-label);
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    border: 1px solid #a4b5c7;
    padding: 0 0 3px 3px;
}

.orionCriteriaOperator OPTION
{
    color:var(--mfs-label);
    padding-top:2px;
    height:18px;
    line-height:18px;
    vertical-align:middle;
}

/*
  Common Chart Config Page Styles
*/

.chartConfigCell
{
    width:254px;
    height:193px;
    color:#4A4A4A;
    border-style:solid none solid none;
    border-width:1px;
    border-color:#D9D9D9;
    background:#F2F2F2;
}

.chartConfigHeading
{
    white-space:nowrap;
    font-weight:bold;
}


/******************************************************************************/
/* Action Control CSS Tags */
/******************************************************************************/
.orionActionControl {
    font-size:10px;
    line-height:12px;
    background: #CCF;
    border: 1px solid #000;
    padding: 5px;
    width: 300px;
}

.orionActionTable {
    font-size: 10px;
    line-height: 12px;
    table-layout: fixed;
    border-collapse: collapse;
    white-space: nowrap;
    width: 300px;
    position: relative;
}

.orionActionTable td {
    overflow: hidden;
    white-space: nowrap;
    width: 33%;
}

.orionActionEnabled {
    cursor: pointer;
}

.orionActionEnabled:hover {
    text-decoration: underline;
}

.orionActionDisabled {
    cursor: default;
}

/******************************************************************************/
/* PropertyList Control CSS Tags */
/******************************************************************************/
.orionPList {
    background: var(--mfs-main-bg);
    font-size:10px;
    line-height:12px;
    vertical-align: top;
    width: 100%;
    margin: 0px;
    padding: 0px;
    border: 0px;
}


.orionPListColumnContainer {
    vertical-align: top;
    margin: 0px;
    padding: 0px;
    border: 0px;
}


.orionPListColumnTable {
    font-size:10px;
    line-height:12px;
    width: 100%;
    margin: 0px;
    padding: 0px;
    border: 0px;
    vertical-align: top;
    empty-cells:show;
    border-collapse:collapse;
}

.orionPListColumnTable TH {
    font-size:10px;
    line-height:12px;
    font-weight: bold;
    text-align: left;
    border-bottom: 1px solid var(--border);
    width: 30%;
}

.orionPListColumnTable TD {
    font-size:10px;
    line-height:12px;
    border-bottom: 1px solid var(--border);
    width: 70%;
}

.orionPListRow {
    background-color: var(--mfs-main-bg);
    color: var(--mfs-main-txt);
    border-bottom: 1px solid var(--border);
    height: 24px;
}

.orionPListPropertyName {
    border-right: 1px solid var(--border);
    padding-left: 5px;
    color:var(--mfs-label);
}

.orionPListPropertyValue {
    border-right: 1px solid var(--border);
    padding-left: 5px;
}

.orionPListActionable {
    color:var(--mfs-active-link);
    cursor:pointer;
}

/******************************************************************************/
/* ListControl CSS Tags */
/******************************************************************************/

.queryConditionTableRow TD
{
    background-color: var(--mfs-second-bg);
    font-size:10px;
    line-height:22px;
    FONT-WEIGHT: normal;
    color:var(--mfs-second-txt);
}
.conditionTableCell
{
    padding-left:16px;
}

.conditionTableFirstCell
{
    padding-left:8px;
}

.orionListGroupHeader {
    cursor:pointer;
    background: url( images/list-group-header-open.png ) no-repeat 8px;
    background-size: 9px 5px;
    font-size:11px;
    font-weight: normal;
    color: var(--mfs-link);
    line-height:25px;
    text-indent: 22px;
    height:25px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    border-bottom: 1px solid #bdcbd8;
}

.orionListGroupHeaderClosed {
    cursor:pointer;
    background: url( images/list-group-header-closed.png ) no-repeat 8px;
    background-size: 5px 9px;
    font-size:11px;
    font-weight: normal;
    color: #0071c6;
    line-height:25px;
    text-indent: 22px;
    height:25px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    border-bottom: 1px solid #bdcbd8;
}

.orionListItemHover,
.orionListItem {
    color: var(--mfs-main-txt);
    background-color: var(--mfs-main-bg);
    FONT-WEIGHT: normal;
    border-bottom: 1px solid var(--border);
    line-height:24px;
    text-indent:8px;
    cursor:pointer;
    overflow:hidden;
    width:100%;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.orionListItemHover:hover,
.orionListItem:hover {
    background-color:var(--fill-emphasis);
    font-weight:normal;
}

.orionListItemSelected {
    color: var(--text);
    background-color: var(--fill);
    font-weight: bold;
    border-bottom: 1px solid var(--border);
    line-height:24px;
    text-indent:8px;
    cursor:pointer;
    overflow:hidden;
    width:100%;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.orionListPickerRowHover,
.orionListPickerRowEnabled,
.orionListPickerRowDisabled
{
    text-indent: 8px;
    background-color: var(--mfs-main-bg);
    color: var(--mfs-main-txt);
    font-weight: normal;
    border-bottom: 1px solid var(--border);
    vertical-align: middle;
    line-height: 24px;
    background-position: right 5px center;
    background-repeat: no-repeat;
    padding-right: 24px;
    display: inline-block;
}

.orionListPickerRowHover
{
    color: var(--mfs-link);
    background-color: var(--mfs-main-bg);
    background-image: url( /core/images/listpicker/add-item-enabled.png );
    background-size: 5px 9px;
    cursor: pointer;
}

.orionListPickerRowEnabled
{
    color: var(--mfs-main-txt);
    background-image: url( /core/images/listpicker/add-item-enabled.png );
    background-size: 5px 9px;
    cursor: pointer;
}

.orionListPickerRowDisabled
{
    color: #ADADAD;
    background-image: url( /core/images/listpicker/add-item-disabled.png );
    background-size: 5px 9px;
    cursor: default;
}

.orionListPickerRowHover DIV,
.orionListPickerRowEnabled DIV,
.orionListPickerRowDisabled DIV
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-indent: 23px;
}

.OrionListButtonArea
{
    background: var(--mfs-second-bg);
}

.OrionListButtonArea *
{
    margin-top:8px;
    margin-right:8px;
    margin-left:8px;
}

.orionListQuickFilter
{
    background-color:var(--mfs-second-bg);
    padding: 4px;
}

.orionListQuickFilterText
{
    font-size:11px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin:0;
    width:100%;
    border-radius: 3px;
    background-color: var(--background-overlay);
    border: solid 1px var(--border);
    padding: 4px;
}


/*
TODO: Don't appear to be used anywhere
.orionListButton {
    font-size: 12px !important;
    background: #eef !important;
    padding: 1px 6px !important;
    border-bottom: 1px solid #999 !important;
}

.orionListSelect {
    COLOR: #000000;
    FONT-WEIGHT: bold;
    border-bottom: 1px solid black;
}
*/

/******************************************************************************/
/* FooterBar CSS Tags */
/******************************************************************************/

.OrionFooterBar
{
    height:31px;
    /*border-top: 1px solid #b5b5b5; -- grrrrrr */
    background: var(--mfs-second-bg);
    text-align: right;
    box-sizing: border-box;
    z-index: 1;
}

.OrionFooterBarContainer
{
    margin-left:6px;
    margin-right:6px;
}

.OrionFooterBarContainer *
{
    margin-top:5px;
    margin-right:2px;
    margin-left:2px;
}

/******************************************************************************/
/* Summary CSS Tags */
/******************************************************************************/
.orionSummary {
    background-color: var(--mfs-main-bg);
    border-color: var(--mfs-border);
    font-size: 10px;
    line-height: 12px;
    position: relative;
    vertical-align: top;
    border-collapse: collapse;
}

.orionSummaryFooter {
    background-color: #83A7CB;
}

.orionSummaryHeaderRow
{
    vertical-align: top;
    background-color: var(--mfs-table-header);
    color: var(--mfs-td-txt);
    font-size: 10px;
    line-height: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 10px;
    padding-left: 10px;
    border-style:none solid solid none;
    border-width: 1px;
    border-color: var(--mfs-border);
}

.orionSummaryHeader
{
    vertical-align: top;
    background-color: var(--mfs-second-bg);
    color: var(--mfs-main-txt);
    font-weight:bold;
    font-size: 10px;
    line-height: 16px;
    padding: 10px;
    border-style:none solid solid none;
    border-width: 1px;
    border-color: var(--mfs-border);
    width: 220px;
    min-width: 220px;
    max-width: 220px;
}

.orionSummaryColumn {
    vertical-align: top;
    background-color: var(--mfs-main-bg);
    color: var(--mfs-second-txt);
    font-weight:normal;
    font-size: 10px;
    line-height: 16px;
    padding: 10px;
    border-style:none none solid none;
    border-width: 1px;
    border-color: var(--mfs-border);
}

.orionSummaryHeader TD,
.orionSummaryColumn TD {
    color: var(--text);
    font-size: 10px;
    line-height: 16px;
}
#atdConfigurations .orionSummaryColumn TD {
    color: var(--text) !important;
}
#atdTenantSettings .orionSummaryHeader table TD {
    color: var(--text) !important;
}
.passwordError {
    width: 550px;
    padding-left: 10px;
    padding-right: 10px;
    color:var(--mfs-error-txt);
    font-weight: bold;
}

.orionValidationError {
    color: var(--mfs-error-txt);
    font-size: 10px;
}

.orionSpacer {
    color: #FFFFFF;
    background-color: #FFFFFF;
}

/******************************************************************************/
/* Chart CSS Tags */
/******************************************************************************/


.orionChartTitle
{
    height: 23px;
    margin: 0;
    padding: 0;
    border-collapse:collapse;
    border:0 none;
    border-bottom: 1px solid #BDCBD8;
}

.orionChartTitle TR TD {
    background-color: var(--mfs-second-bg);
    padding: 0px;
    margin: 0px;
    border:0px none;
    color: var(--mfs-second-txt);
    text-indent:8px;
    overflow: hidden;
    white-space: nowrap;
    font-weight: bold;
}

.orionChartTitle TR TD IMG {
    display:block;
}

.orionChartTitleError
{
    height: 24px;
    margin: 0px;
    padding: 0px;
    border-collapse:collapse;
    border:0px none;
    background-color: #828282;
}

.orionChartTitleError TR TD {
    background-image: url( /core/images/dashboard/monitor-error-bg.png );
    height: 24px;
    padding: 0px;
    margin: 0px;
    border:0px none;
    color: #B0B0B0;
    text-indent:8px;
    overflow: hidden;
    white-space: nowrap;
    font-weight: bold;
}

.orionChartTitleError TR TD IMG {
    display:block;
}


/******************************************************************************/
/* TableControl CSS Tags */
/******************************************************************************/

.orionTableTitle
{
    height: 24px;
    margin: 0px;
    padding: 0px;
    border-collapse:collapse;
    border:0px none;
}

.orionTableTitle TR TD {
    background-image: url( /core/images/table/table_title_bg.png );
    padding: 0px;
    margin: 0px;
    border:0px none;
    color: #C8D9E3;
    text-indent:8px;
    overflow: hidden;
    white-space: nowrap;
    font-weight: bold;
}

.orionTableTitle TR TD IMG {
    display:block;
}


.orionTableFooter
{
    height:26px;
    overflow:hidden;
    background-image: url( /core/images/table/table_footer_bg.png );
}

.orionTableFooter TR TD
{
    margin: 0px;
    border:0px none;
    color: #EEF2F5;
    font-weight:bold;
    overflow: hidden;
    white-space: nowrap;
}

.orionTableFooter_alert
{
    height:26px;
    background-image: url( /core/images/table/table_footer_bg_alert.png );
}

.orionTableFooter_alert TR TD
{
    margin: 0px;
    border:0px none;
    color: #EEF2F5;
    font-weight:bold;
    overflow: hidden;
    white-space: nowrap;
}

.orionTableCellMouseOver {
    background-color:#c1d3e3;
    cursor:pointer;
}


.orionTableCellSelected
{
    background-color: var(--action-primary);
    color: var(--active-reverse);
}

.tableContentBody TR TD.orionTableCellCheckbox {
    background-color: #bbccdd;
    padding:0px;
    text-indent:0px;
}

.tableHeaderContainer
{
    background:var(--mfs-table-header);
}

.tableHeaderBody TR TD
{
    height:24px;
    padding:0px;
    border-collapse:collapse;
    background-color: var(--mfs-main-bg);
    overflow: hidden;
    font-size:10px;
    color:var(--mfs-label);
    white-space:nowrap;
    text-overflow:ellipsis;
	border-right: 2px solid var(--border);
}

.tableHeaderBody TD.sortUp
{
    cursor:pointer;
    overflow: hidden;
    white-space:nowrap;
    font-weight:bold;
    text-overflow:ellipsis;
    color:var(--mfs-label);
    background-image: url( /core/images/table/table_sort_up.gif );
}

.tableHeaderBody TD.sortDown
{
    cursor:pointer;
    overflow: hidden;
    white-space:nowrap;
    font-weight:bold;
    text-overflow:ellipsis;
    color:var(--mfs-label);
    background-image: url( /core/images/table/table_sort_down.gif );
}

.tableHeaderBody TD DIV
{
    color:var(--mfs-label);
    padding-left:10px;
    padding-right:10px;
    line-height:16px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.tableHeaderBody TD.sortUp DIV,
.tableHeaderBody TD.sortDown DIV
{
    margin-right: 24px;
}
.tableContentBody TR TD
{
    height:24px;
    padding:0px;
    margin:0px;
    border-style:none;
    border-width:0px;
    border-color:#bdcbd8;
    border-collapse:collapse;
    font-size:10px;
    line-height:20px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-indent:10px;
}

.tableContentBody TR.tableResizeRow TD
{
    height:0px;
    border-collapse:collapse;
}

/*
.tableContentBody TD DIV
{
	padding-left:10px;
	padding-right:10px;
    line-height:16px;
    overflow:hidden;
    white-space:nowrap;
    display:table-cell;
}
*/


.orionTableSelectionContainer
{
    background-image: url( /core/images/table/table-footer-divider.png );
    background-position: right 0;
    background-repeat:no-repeat;
    padding-right:8px;
    padding-left:8px;
    text-overflow:ellipsis;
    overflow:hidden;
    width:175px;
}

.orionTableSelectionContainer_alert
{
    background-image: url( /core/images/table/table-footer-divider_alert.png );
    background-position: right 0;
    background-repeat:no-repeat;
    padding-right:8px;
    padding-left:8px;
    text-overflow:ellipsis;
    overflow:hidden;

    width:175px;
}

.orionTableSelectionContainer_alert DIV,
.orionTableSelectionContainer DIV
{
    line-height:26px;
    text-overflow:ellipsis;
    overflow:hidden;

    background-repeat:no-repeat;
    background-position: left 6px;
    text-indent:16px;
    white-space:nowrap;
}

.orionTableSelectionButtonSelected
{
    cursor:pointer;
    color:#3d72a6;
    background-image: url( /core/images/table/table_checkbox_1.png );
}

.orionTableSelectionButtonUnselected
{
    cursor:pointer;
    color:#3d72a6;
    background-image: url( /core/images/table/table_checkbox_0.png );
}

.orionTableSelectionButtonSelected_alert
{
    cursor:pointer;
    color:white;
    background-image: url( /core/images/table/table_checkbox_1_alert.png );
}

.orionTableSelectionButtonUnselected_alert
{
    color:#e4a2ac;
    cursor:default;
    background-image: url( /core/images/table/table_checkbox_0_alert.png );
}

.orionTableFooterNavButton
{
    width:26px;
    cursor:pointer;
}

.orionTableFooterNavButtonDivider {
    height: 26px;
    width: 2px;
    background:green;
    background-image: url( /core/images/table/table-footer-divider.png );
}

.orionJumpToInput {
    margin-left: 6px;
    margin-right: 6px;
    padding: 0px;
    border: 0px;
    border-width: 0px;
    width: 35px;
    height:14px;
    vertical-align:middle;
    background-color: #FFF;
    color: #666666;
    font-style: normal;
    font-size: 10px;
}

.orionTableRow
{
    background:var(--mfs-alternate-row);
}

.orionTableRowAlt
{
    background:var(--mfs-main-bg);
}

.orionTableCellMouseOver
{
    background-color:#c1d3e3;
    cursor:pointer;
}


/******************************************************************************/
/* Positional Only CSS Tags */
/******************************************************************************/
.orionVerticalStacker {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    width: 100%;
}

.orionMaxWidth {
    width: 100%;
}

/******************************************************************************/
/* Action/Status CSS Tags */
/******************************************************************************/

.actionContainer {
    padding: 0px;
    white-space: nowrap;
    overflow: hidden;
    height: 125px;
}

.actionButtonContainer {
    width: 470px;
    height: 125px;
    white-space: nowrap;
    background: #6C8EB1;
}

.actionStatusContainer {
    background: var(--mfs-second-bg);
}

.buttonCap {
    float: right;
    width: 1px;
    margin: 0px 0px 0px 5px;
    padding: 0px 0px 0px 0px;
}

.actionButton {
    background-image: url( /core/images/actions/actionButton_bg.png );
    position:absolute;
    color: #326DA7;
    display: block;
    font-size: 10px;
    font-weight: bold;
    height: 24px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    overflow: hidden;
}

.actionButtonDisabled {
    background-image: url( /core/images/actions/actionButton_bg.png );
    position:absolute;
    color: #AABBEE;
    display: block;
    font-size: 10px;
    font-weight: bold;
    height: 24px;
    margin: 0px;
    padding: 0px;
    cursor: default;
    overflow: hidden;
    filter: alpha(opacity=70); /* IE */
    -moz-opacity: 0.7; /* mozilla */
    opacity: 0.7; /* css3 */
}

.actionLabel {
    display: block;
    height: 24px;
    position:absolute;
    top:0px;
    left:0px;
    line-height: 24px;
    padding: 0px 0px 0px 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.actionIcon
{
    position:absolute;
    top:0px;
    left:0px;
    width:24px;
    height:24px;
}

.actionContent {
    position:absolute;
    top:6px;
    left:6px;
    background:white;
    width:328px;
    height:113px;
    overflow:hidden;
}

.actionConfigTitle {
    background-image: url( /core/images/actions/actionConfigTitleLong.png );
    background-repeat: no-repeat;
    color: #4D4C4A;
    font-size: 10px;
    line-height: 24px;
    padding-left: 5px;
    height: 24px;
    overflow: hidden;
}

.actionConfigOptions {
    background: #F2F2F2;
    background-image: url( /core/images/actions/actionConfigOptionsSlice.png );
    height: 24px;
    line-height: 24px;
    color: #4D4C4A;
    font-size: 10px;
    overflow: hidden;
}

.actionConfigContent {
    background: var(--mfs-main-bg);
    height: 67px;
    width: 328px;
    color: #4D4C4A;
    font-size: 10px;
    line-height:18px;
    overflow: auto;
    overflow-x:hidden;
}

.configUI
{
    padding:8px;
}

.configConfirmationButton
{

}

.actionConfigOptions INPUT {
    float: left;
    margin-top: 2px;
    margin-left: 2px;
    padding-left: 5px;
    padding-right: 5px;
    height: 19px;
    border-color: #d98ea3 #d98ea3 #d98ea3 #d98ea3;
    border-width: 1px;
    border-style:solid;
    background:url( /core/images/actions/actionConfigButtonSlice.png ) #e5b7c4;
    color: #4b4b4b;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
}

.actionConfigOptionsToggle {
    font-weight: bold;
    float: right;
    padding-right: 5px;
    padding-left: 15px;
    background-image: url( /core/images/actions/actionConfigOptionsTwistyOp.png );
    background-repeat: no-repeat;
    cursor: pointer;
}

#actionStatusTable TD {
    color: #4D4C4A;
    font-size: 10px;
    padding:4px;
}

#actionStatusContainer {
    background: var(--mfs-second-bg);
    height: 88px;
    width:328px;
    overflow: auto;
}

.statusRow_0 {
    background: white;
}

.statusRow_1 {
    background: #EFF4F8;
}

.tunnelPageFooter,
.buttonBarFooter
{
    text-align:right;
    background-color: var(--mfs-main-bg);
    color: var(--mfs-main-txt);
    padding-right:8px;
    height:32px;
    line-height:32px;
}

.tunnelPageTitleBar
{
    COLOR: var(--mfs-main-txt);
    height:24px;
    font-size: 10px;
    line-height: 24px;
    text-indent:8px;
    FONT-WEIGHT: bold;
    background-color: var(--mfs-main-bg);
    border-bottom: 1px solid #bdcbd8;
}

.criteriaFieldTitle
{
    line-height:15px;
}

/******************************************************************************/
/* Tree Tag CSS Tags */
/******************************************************************************/


.treeLabel
{
    line-height:28px;
    height:28px;
    white-space:nowrap;
    cursor:pointer;
}

.treeLabel:hover
{
    background-color: var(--fill-emphasis);
}

.treeLabelSelected
{
    line-height:28px;
    height:28px;
    white-space:nowrap;
    background-color: var(--fill-deemphasis);
    cursor:pointer;
    color:var(--text);
}
#queryGroupsTree_container .treeLabelSelected {
    background-color: var(--fill-deemphasis) !important;
    color:var(--action-secondary) !important;
}
.treeLabelDisabled
{
    line-height:28px;
    height:28px;
    white-space:nowrap;
    cursor:default;
    color:var(--text-disabled);
}

.treeLabelDisabled:hover
{
    background-color: var(--fill-deemphasis);
}

.treeTwistyBox {
    display: inline-block;
}

.treeTwisty
{
    display: inline-block;
    width: 5px;
    height: 5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: var(--text);
    margin-left: 0.5em;
    margin-bottom: 0.1em;
    margin-right: 0.6em;
    cursor:pointer;
    vertical-align:middle;
}

.treeTwistyDisabled
{
    display: inline-block;
    width: 5px;
    height: 5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: var(--text-disabled);
    margin-left: 0.5em;
    margin-bottom: 0.1em;
    margin-right: 0.5em;
    cursor:default;
    vertical-align:middle;
}

.treeLabelSelected SPAN,
.treeLabelDisabled SPAN,
.treeLabel SPAN
{
    background-image:none;
    vertical-align:middle;
}

.treeNode DIV INPUT
{
    vertical-align:middle;
    line-height:28px;
}

.treeNode
{
    color: var(--text) !important;
    white-space:nowrap;
}

/*   Popup styles */

.orionIframeShim {
    position:absolute;
    border:none;
}

.orionPopup {
    position:absolute;

    border:0px none black;
    background:#f0f0f0;
}

.orionUIDraggableDivider
{
    background: var(--mfs-border);
}
.orionUIDraggableDivider DIV
{
    cursor: ew-resize;
}

.orionUIDraggableHDivider
{
    background:var(--mfs-border);

}
.orionUIDraggableHDivider DIV
{
    cursor: ns-resize;
}

.orionDragProxy
{
    background-color:#BDCBD8;
    position:absolute;
    filter: alpha(opacity=60); /* IE */
    -moz-opacity: 0.6; /* mozilla */
    opacity: 0.6; /* css3 */

}




.actionMenu
{
    font-size:10px;
    position:absolute;
    border-radius: 0px;
    background-color: var(--mfs-main-bg);
    color:var(--mfs-label);
    box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #a4b5c7;
}

.actionMenu DIV
{
    line-height:24px;
    padding-left:8px;
    padding-right:20px;
    padding-top:2px;
    padding-bottom:2px;
}

.actionMenu .groupItem
{
    cursor:pointer;
    padding-right:28px;
    padding-left: 0px;
    background-image: url( /core/images/table2/table-action-arrow.gif );
    background-repeat: no-repeat;
    background-position: right 13px;
    border-bottom: 1px solid var(--mfs-border);
}

.actionMenu .groupItem div
{
    background-position: left -31px;
    padding-bottom: 0px;

}

.actionMenu .hover
{
    cursor:pointer;
    background-color:#dbf0ff;
    color: #0069b8;
}


.actionBarPadding
{
    width:25px;
    line-height:32px;
    background-color: var(--mfs-second-bg);
}

.actionPopupButton
{
    height:17px;
    margin-left:9px;
    margin-right:9px;
    padding: 3px 20px 3px 9px;
    cursor:pointer;
    white-space: nowrap; /* Fixes width on webkit. */
    border-radius: 0;
    border: solid 1px #a4b5c7;
    color: var(--mfs-main-txt);
    background: url(/core/images/action_dropdown.png) no-repeat var(--mfs-main-bg);
    background-size: 9px 5px;
    background-position: right 4px center;

}

.actionPopupButton:hover
{
    background-color: var(--mfs-second-bg);
    color: var(--mfs-second-txt);
}

.recentActionsTitle
{
    background-color:#ededed;
    font-weight:bold;
    cursor:default;
}

.actionMenuItem
{
    text-indent: 20px;
    cursor:pointer;
    background-image: url( /core/images/table2/table-action-inputs.gif );
    background-repeat: no-repeat;
}

.actionMenuItemDraghandle
{
    background:transparent;
    position: absolute;
    right: 2px;
    padding-top: 5px;
    padding-right: 4px;
    cursor:pointer;
    display:inline;
}

.recentActionItem
{
    background-color:#eff4f8;
    background-image: url( /core/images/table2/table-action-inputs.gif );
    background-repeat: no-repeat;
    text-indent: 20px;
    cursor:pointer;
    border-bottom:1px solid white;
}

.actionMenu DIV.disabled
{
    color: var(--mfs-disabled-txt);
    cursor:not-allowed;
}

.actionStatusSuccess
{
    line-height: 32px;
    color: #3b9841;
    font-weight:bold;
    font-size:10px;
    text-indent:10px;
    overflow: auto;
    height: 32px;
    width: 294px;
    background: #F7F8F8;
    border-left:#3b9841 5px solid;
}

.actionStatusFailure
{
    font-size:10px;
    text-indent:10px;
    line-height: 32px;
    color: rgb(255, 52, 48);
    font-weight:bold;
    overflow: auto;
    height: 32px;
    width: 270px;
    background: #F7F8F8;
    border-left:rgb(255, 52, 48) 5px solid;
}

.actionStatusWarn
{
    font-size:10px;
    text-indent:10px;
    line-height: 32px;
    color: rgb(245, 208, 0);
    font-weight:bold;
    overflow: auto;
    height: 32px;
    width: 270px;
    background: #F7F8F8;
    border-left:rgb(245, 208, 0) 5px solid;
}

.actionStatusInform
{
    font-size:10px;
    text-indent:10px;
    line-height: 32px;
    color: var(--action-primary);
    font-weight:bold;
    overflow: auto;
    height: 32px;
    width: 270px;
    background: #F7F8F8;
    border-left:var(--action-primary) 5px solid;
}

.UIActionsBarContainer
{
    line-height:31px;
    text-indent:8px;
    background-image: url( /core/images/table2/table-action-background.gif );
    overflow:hidden;
}

.favoriteActionsContainer
{
    line-height:30px;
    border-left: 1px dashed #b5b5b5;
    background-color: var(--mfs-second-bg);
}

/*** Checkbox ***/
.orionCheckboxV2 {
    display:inline-flex;
}
.orionCheckboxV2 input[type="checkbox"] {
    opacity: 0;
    position: fixed;
    left: -2000px;
}

.orionCheckboxV2 input[type="checkbox"] + label {
    display:inline-flex;
    font-size: 1.0em;
}

.orionCheckboxV2 input[type="checkbox"] + label:before {
    content: '';
    width: 12px;
    height: 12px;
    background: var(--mfs-checkbox-unselected) no-repeat;
    background-size: 12px 12px;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    margin-right: 8px; /*rtl*/
    transition: .25s ease-in-out;
}

.orionCheckboxV2 input[type="checkbox"]:checked + label:before {
    content: '';
    background: url(/core/images/checkbox-selected.png) no-repeat;
    background-size: 12px 12px;
    transition: .25s ease-in-out;
}

.orionCheckboxV2 input[type="checkbox"]:disabled + label:before {
    content: '';
    background: none;
    transition: .25s ease-in-out;
    border: 1px solid var(--action-secondary-disabled);
    cursor: not-allowed;
    margin-right: 8px;
}

.orionCheckboxV2 input[type="checkbox"]:disabled:checked + label:before {
    content: '';
    background: var(--mfs-checkbox-selected-disabled) no-repeat;
    background-size: 12px 12px;
    transition: .25s ease-in-out;
}

/* hover style just for information */
/*label:hover:before  {
    border: 1px solid #4778d9!important;
}*/

/*** Radio Button ***/
/* Base for label styling */
.orionRadioButtonV2 {
    display:inline-block;
}
.orionRadioButtonV2 [type="radio"]:not(:checked),
.orionRadioButtonV2 [type="radio"]:checked {
    height: 14px;
    width: 14px;
    background-color: var(--background-surface);
    border: 1px solid var(--action-secondary);
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    transition: .25s ease-in-out;
    vertical-align: sub;
}
.orionRadioButtonV2 [type="radio"]:not(:checked) + label,
.orionRadioButtonV2 [type="radio"]:checked + label  {
    position: relative;
    padding: 3px 1px 3px 1px;
    cursor: pointer;
    font-size: 1.0em;
}
.orionRadioButtonV2 [type="radio"]:not(:checked) + label:empty,
.orionRadioButtonV2 [type="radio"]:checked + label:empty  {
    position: relative;
    padding: 3px 1px 3px 1px;
    cursor: pointer;
}


/* radio button aspect */
/*.orionRadioButtonV2 [type="radio"]:not(:checked) + label:before,
.orionRadioButtonV2 [type="radio"]:checked + label:before {
    background: url(/core/images/radio-unselected.png) no-repeat;
    background-size: 12px 12px;
    content: '';
    position: absolute;
    left:0; top: 4px;
    width: 12px; height: 12px;
    transition: .25s ease-in-out;
}*/
/* radio button selected aspect */
/*.orionRadioButtonV2 [type="radio"]:not(:checked) + label:after,
.orionRadioButtonV2 [type="radio"]:checked + label:after {
    background: url(/core/images/radio-selected.png) no-repeat;
    background-size: 12px 12px;
    content: '';
    position: absolute;
    line-height: 1;
    left: 0;
    top: 4px;
    width: 12px;
    height: 12px;
    transition: .25s ease-in-out;
}*/
/* radio button selected aspect changes */
/*.orionRadioButtonV2 [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}
.orionRadioButtonV2 [type="radio"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}*/
/* disabled radio button */
/*.orionRadioButtonV2 [type="radio"]:disabled:not(:checked) + label:before,
.orionRadioButtonV2 [type="radio"]:disabled:checked + label:before {
    box-shadow: none;
    background: url(/core/images/radio-disabled.png) no-repeat;
    background-size: 12px 12px;
    transition: .25s ease-in-out;
}
.orionRadioButtonV2 [type="radio"]:disabled:checked + label:after {
    color: var(--text-disabled);
    background: url(/core/images/radio-selected-disabled.png) no-repeat;
    background-size: 12px 12px;
    content: '';
    position: absolute;
    line-height: 1;
    left: 0;
    top: 4px;
    width: 12px;
    height: 12px;
    transition: .25s ease-in-out;
}*/
.orionRadioButtonV2 [type="radio"]:disabled:not(:checked),
.orionRadioButtonV2 [type="radio"]:disabled:checked{
    height: 14px;
    width: 14px;
    background-color: var(--background-surface);
    border: 1px solid var(--action-secondary-disabled);
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    transition: .25s ease-in-out;
    vertical-align: sub;
    cursor: not-allowed;
}

.orionRadioButtonV2 [type="radio"]:disabled + label {
    color: var(--text-disabled);
}


/*** Remove yellow autofill background in Chrome ***/
input:autofill,
input:-webkit-autofill,
input:-webkit-autofill:hover ,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: 1px solid var(--border);
    background-color: var(--background-overlay);
    color: var(--text);
    -webkit-text-fill-color: var(--mfs-label) !important;
    -webkit-box-shadow: 0 0 0px 1000px var(--mfs-main-bg) inset !important;

}

input[type=text] {
    background-color: var(--background-overlay);
    border: 1px solid var(--border);
    color: var(--text-emphasis);
}

input[type=password] {
    background-color: var(--background-overlay);
    border: 1px solid var(--border);
    color: var(--text);
}

.criteriaBuilderPropertyName {
    width: 120px;
}
/*
EPM-5901 - Bug id - CSS Fix start
description - Layout of the report section is fixed
*/

.fixed-table-layout {
    table-layout: fixed;
}
.runTimeParamValueTD1, .runTimeParamValueTD2 {
    width: 20%;
    white-space: normal;
    /*
    EPM-10320 - Bug id - CSS Fix start
    description - German Long string issue i18n
    */
    word-break: break-word;
    /*
    EPM-10320 - Bug id - CSS Fix end
    */
}

.runTimeParamValueTD3 {
    width: 30%;
}

.runTimeParamValueTD4 {
    text-align: left;
    width: 10%;
}

.runTimeParamValueTD2 select {
    width: 100%;
}
.runTimeParamValueTD3 select {
    /*
  EPM-10321 - Bug id - CSS Fix start
  description - Long inputs fix
  */
    width: 50% !important;
    /*
    EPM-10321 - Bug id - CSS Fix end
    */
}

.runTimeParamValueTD3 input {
    /*
   EPM-10321 - Bug id - CSS Fix start
   description - Long inputs fix
   */
    width: 40% !important;
    /*
    EPM-10321 - Bug id - CSS Fix end
    */

}

.runTimeParamValueTD3 .orionChooserLookupButton {
    padding: 1px 0;
}
/*
EPM-5901 - Bug id - CSS Fix end
*/

.runReportDiv {
    height: 26px;
}
.andOrSlash {
    color: var(--active-reverse);
}
.nowrap {
    white-space: nowrap;
}

/* Loading spinner related CSS styling */
.loading {
    margin: 100px auto 0 auto;
    width: 208px;
    padding: 20px;
    border: 1px solid var(--mfs-border);
    box-shadow: 0 7px 10px rgba(0,0,0,.1);
    box-sizing: border-box;
    background-color: var(--mfs-second-bg);
}

.logo {
    padding-top: 3px;
}

.lsg-spinner {
    float: right;
}

.loading-spinner {
    width: 12px;
    height: 12px;
}

.lsg-spinner path {
    animation-name: lsg-spinner;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    transform-origin: 31.5px 31.5px;
    animation-timing-function: linear;
}

@keyframes lsg-spinner {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.mfsList {
    background: var(--mfs-main-bg);
    overflow-y:auto;
    overflow-x:hidden;
    flex:1 1 0%;
}

#settingsContent {
    background: var(--mfs-main-bg);
}

/* overrides for the Muse mega-menu */
.muse-mega-menu {
    /*97 px is the height of search and footer areas */
    height: calc(95vh - 97px) !important;
}

.muse-mega-menu__body {
    overflow-y: auto;
    column-gap: 0;
}

.muse-mega-menu__inner {
    overflow-y: auto;
}

.muse-mega-menu__link {
    font-size: 1.5rem;
}

.muse-mega-menu__links-item {
    margin-bottom: 4px;
}

.muse-mega-menu-link__badge--new {
    color: var(--active-reverse);
}

.muse-badge-top-nav {
    margin: 14px 0 0 2px;
    border: 1px solid var(--border);
    color: var(--active-reverse) !important;
}

.muse-badge-top-nav.muse-mega-menu-link__badge--new {
    --badge-bg-color: var(--new-badge-background) !important;
    color: var(--text) !important;
}

.muse-badge-top-nav.muse-mega-menu-link__badge--legacy {
    --badge-bg-color: var(--legacy-badge-background) !important;
    color: var(--active-reverse) !important;

}

.muse-mega-menu-link__badge.muse-mega-menu-link__badge--new {
    --badge-bg-color: var(--new-badge-background) !important;
    color: var(--text) !important;
}

.muse-mega-menu-link__badge.muse-mega-menu-link__badge--legacy {
    --badge-bg-color: var(--legacy-badge-background) !important;
    color: var(--active-reverse) !important;
}
/* muse overrides the paragraph to a larger value so we're bringing it back to the previous norm here */
p {
    font-size:1.0em;
}