* {
    box-sizing: border-box;
}

body {
    font-size: 12px;
    background-color: rgb(252, 252, 252);
    font-family: 'system-ui', 'Segoe UI', Segoe, 'Trebuchet MS', tahoma, arial, helvetica, sans-serif;
    margin: 0px;
    border: 0px none;
    font-weight: 500;
    color: rgb(33,42,54);
}

select {
    font-weight: 500 !important;
}

option {
    font-weight: 500 !important;
}

select, input {
    font-family: 'system-ui', 'Segoe UI', Segoe, 'Trebuchet MS', tahoma, arial, helvetica, sans-serif;
}

.css-kjt1ym {
    outline: none;
    display: grid;
    height: 100%;
    grid-template-columns: var(--leftPanelWidth,0px) minmax(0,1fr) var(--rightPanelWidth,0px);
    grid-template-rows: var(--bannerHeight,0px) var(--topNavigationHeight,0px) auto;
    grid-template-areas: "left-panel banner right-panel" "left-panel top-navigation right-panel" "left-panel content right-panel";
}

.css-ld3atn {
    grid-area: content / content / content / content;
    display: flex;
    height: 100vh;
    max-height: calc(100vh - 120px) !important;
    position: relative;
}

.css-1f63klf {
    -webkit-box-flex: 1;
    flex-grow: 1;
    min-width: 0px;
    transition: margin-left 300ms cubic-bezier(0.2, 0, 0, 1) 0s;
    margin-left: 0px;
    overflow: hidden;
    height: 100vh;
}

.css-wfhfml {
    z-index: 1;
    background: rgb(252, 252, 252);
    display: flex;
    flex-flow: column nowrap;
    /*box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);*/
    height: 100vh;
}

.css-wfhfml-fixed {
    z-index: 1000;
    background: rgb(252, 252, 252);
    display: flex;
    flex-flow: column nowrap;
    position: fixed;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
    height: 100%;
}

input::-webkit-input-placeholder {
    font-size: 10px;
}

p {
    margin: 0px 0px;
}

.weight500 {
    font-weight: 500 !important;
}

a.DisabledCtrl {
    color: rgb(184, 197, 209) !important;
    text-decoration: none !important;
    cursor: not-allowed !important;
    pointer-events: none;
}

.nowrap {
    white-space: nowrap;
}

.paddingright4 {
    padding-right: 4px;
}

.width100 {
    width: 100%;
}

.width0 {
    width: 0;
}

#back-top {
    position: fixed;
    bottom: 55px;
    right: 45px;
    cursor: pointer;
    z-index: 210;
    height: 48px !important;
    width: 48px !important;
    color: #7a8da3;
}

.align-middle {
    vertical-align: middle;
}

.align-texttop {
    vertical-align: text-top;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.close_paddingright5 {
    text-align: right;
    padding-right: 10px;
}

.float-left {
    float: left;
}

.boxshadow {
    box-shadow: 0px 2px 4px 0px rgba(133, 149, 166, 0.5);
}

.hide {
    display: none;
}

.marginleft-5 {
    margin-left: -5px;
}

.marginright-5 {
    margin-right: 5px;
}

.marginbottom-5 {
    margin-bottom: 5px;
}

.margintop-5 {
    margin-top: 5px;
}

.margin-5 {
    margin: 5px;
}

.login-title {
    color: rgb(33, 42, 54);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 16px;
    padding: 10px 2px 10px 20px;
}

.radio > input[type=radio] {
    margin-left: 0;
    height: 14px !important;
    width: 14px !important;
    border-radius: 2px;
}

.radio > label {
    position: relative;
    padding-left: 5px;
    color: rgb(33, 42, 54);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    top: -2px;
}

.checkbox {
    display: table;
}

    .checkbox > input[type=checkbox] {
        margin-left: 0;
        height: 14px !important;
        width: 14px !important;
        border-radius: 2px;
        white-space: nowrap;
    }

    .checkbox > label {
        position: relative;
        padding-left: 5px;
        color: rgb(33, 42, 54);
        font-size: 12px;
        white-space: nowrap;
        letter-spacing: 0px;
        top: -1px;
        display: table-cell;
    }

td > input[type=checkbox],
span > input[type=checkbox] {
    margin-left: 0;
    height: 14px !important;
    width: 14px !important;
    border-radius: 2px;
    white-space: nowrap;
}

    td > input[type=checkbox] ~ label,
    span > input[type=checkbox] ~ label {
        position: relative;
        padding-left: 5px;
        color: rgb(33, 42, 54);
        font-size: 12px;
        letter-spacing: 0px;
        top: -1px;
        white-space: nowrap;
    }

.checkboxgrey > input[type=checkbox] {
    margin-left: 0;
    height: 14px !important;
    width: 14px !important;
    border-radius: 2px;
}

.checkboxgrey > label {
    position: relative;
    padding-left: 5px;
    color: rgb(62, 76, 89) !important;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    top: -1px;
}

.checkbox_grey_dialog > label {
    position: relative;
    padding-left: 5px;
    color: rgb(96, 112, 128) !important;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    top: -1px;
}
/*--------------tag a class----------------------*/
a:link {
    color: rgb(0, 94, 204);
    text-decoration: none;
    white-space: nowrap;
}

a:visited {
    color: rgb(0, 94, 204);
    text-decoration: none;
}

a:hover {
    color: rgb(0, 49, 147);
    text-decoration: underline;
}

a.DisabledText:link {
    color: #a0a0a0;
    text-decoration: none
}

a.DisabledText:visited {
    color: #a0a0a0;
    text-decoration: none
}

a.DisabledText:hover {
    color: #006699;
    text-decoration: underline
}

.HLink {
    color: rgb(0, 94, 204);
    text-decoration: none;
    white-space: nowrap;
}

    .HLink:hover {
        color: rgb(0, 49, 147);
        text-decoration: underline;
        cursor: pointer;
    }

    .HLink:visited {
        color: rgb(0, 94, 204);
        text-decoration: none;
    }

/*page struct height settings*/
.FullTable {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    min-width: 1000px;
}

.DivHeightMain100 {
    height: calc( 100% - 48px );
    background-color: #e9ecf2;
}

.DivHomeHeightMain100 {
    height: calc( 100% - 40px );
    flex: 1;
    overflow: auto;
}

.DivHeightContent100 {
    height: calc( 100% - 84px );
}

.DivObjectHeightContent100 {
    height: calc( 100% - 36px );
}

.height100 {
    height: 100%;
}

.overflow-auto {
    overflow: auto;
}

.DivHeight100Bottom5 {
    height: 100%;
    width: 100%;
    overflow: auto;
    /*padding-bottom: 5px;*/ /* Remove the bottom padding for background */
}

/*img settings*/
img {
    height: 16px;
    width: 16px;
    outline: none;
}

.img12 {
    height: 12px !important;
    width: 12px !important;
    outline: none;
}

.img14 {
    height: 14px !important;
    width: 14px !important;
    outline: none;
}

.img20 {
    height: 20px;
    width: 20px;
    border-width: 0px;
    display: block;
    outline: none;
}

.imgBadge {
    height: 200px;
    width: 200px;
}

.imgSeparator {
    width: 1px;
    height: 20px;
}

.imgSeparatorPadding {
    padding-left: 4px !important;
    padding-right: 12px !important;
}

.imgSeparatorHeight16 {
    width: 1px;
    height: 16px;
}

.stageNextImg {
    width: 30px;
    height: 24px;
    border-width: 0px;
    display: block;
    margin: 8px auto;
}

input[type=image] {
    height: 16px;
    width: 16px;
    outline: none;
}

.IconLogo {
    width: 82px;
    height: 24px;
    margin: 12px auto 13px 20px;
    vertical-align: top;
}

.IconLogoPadding10 {
    width: 32px;
    height: 27px;
    margin: 12px 10px;
    vertical-align: top;
}

.HelpfileIcon {
    width: 24px;
    height: 24px;
    margin: 13px 10px 11px 10px;
    cursor: pointer;
    vertical-align: middle;
}

td img {
    vertical-align: top;
}

.hide-arrow {
    margin-top: 416px;
    margin-left: 3px;
}
/*svg icon settings*/
.svg-icon {
    display: block;
    width: 100%;
    height: 100%;
    stroke: currentColor;
    fill: currentColor;
    z-index: 0;
}

.svg-icon-stroke {
    display: block;
    width: 100%;
    height: 100%;
    stroke: currentColor;
    fill: none;
}

.svg-icon-fill {
    display: inline-block;
    width: 100%;
    height: 100%;
    stroke: none;
    fill: currentColor;
}

.icon-dropdown-btn {
    display: inline-block;
    height: 16px !important;
    width: 16px !important;
    cursor: pointer;
    color: #7a8da3;
    vertical-align: bottom;
}

.icon-dropdown2 {
    background: rgb(236, 240, 246);
    border-radius: 0px 2px 2px 0px;
    border: 1px solid rgb(184, 197, 209);
    height: 26px;
    width: 13px;
    display: inline-block;
    vertical-align: bottom;
}

.icon-btn {
    display: inline-block;
    color: #7a8da3;
    height: 16px !important;
    width: 16px !important;
    cursor: pointer;
    vertical-align: middle;
}

.icon-page {
    position: relative;
    top: -1px;
    height: 16px !important;
    width: 16px !important;
    color: rgb(69, 82, 99) !important;
}

.icon-page-disable {
    position: relative;
    top: -1px;
    height: 16px !important;
    width: 16px !important;
    color: rgb(184, 197, 209) !important;
}

.icon-btn400 {
    display: inline-block;
    color: #7a8da3;
    height: 16px !important;
    width: 16px !important;
    cursor: pointer;
    vertical-align: middle;
}

.icon-white {
    display: inline-block;
    color: white;
    height: 16px !important;
    width: 16px !important;
    vertical-align: middle;
}

.icon-border5-btn {
    display: inline-block;
    color: #607080;
    padding: 4px;
    border: 1px solid rgb(184, 197, 209);
    height: 26px !important;
    width: 26px !important;
    border-radius: 2px;
    cursor: pointer;
    background: rgb(255, 255, 255);
}

.icon-btn-with-txt {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(184, 197, 209);
    border-radius: 2px;
    color: rgb(62, 76, 89);
    font-size: 12px;
    /*font-weight: bold;*/
    letter-spacing: 0px;
    height: 26px !important;
    padding: 4px 12px 4px 8px;
    cursor: pointer;
    white-space: nowrap;
}

    .icon-btn-with-txt span {
        padding-left: 4px;
        line-height: 14px;
    }

    .icon-btn-with-txt .icon-btn {
        vertical-align: top !important;
    }

/*no border*/
.icon-btn-with-txt-noborder {
    color: rgb(33, 42, 55);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    white-space: nowrap;
    height: 26px;
    padding: 4px 12px 4px 0px;
    cursor: pointer;
    white-space: nowrap;
}

    .icon-btn-with-txt-noborder span {
        padding-left: 4px;
        line-height: 14px;
    }

    .icon-btn-with-txt-noborder .icon-btn {
        vertical-align: top !important;
    }

    .icon-btn-with-txt-noborder a {
        color: rgb(62, 76, 89);
        text-decoration: none;
    }

/*no border left NavBar*/
.icon-btn-with-txt-noborder-navbar {
    color: rgb(62, 76, 89);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    white-space: nowrap;
    height: 16px;
    max-width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}

    .icon-btn-with-txt-noborder-navbar span {
        padding-left: 4px;
        line-height: 14px;
    }

    .icon-btn-with-txt-noborder-navbar .icon-btn {
        vertical-align: top !important;
    }

    .icon-btn-with-txt-noborder-navbar a {
        color: rgb(62, 76, 89);
        text-decoration: none;
    }

.NavigationPaneNewObjectAccordionHeader {
    padding: 5px 0px 5px 10px;
    background-color: rgb(252, 252, 252);
    color: rgb(62, 76, 89);
    cursor: pointer;
}

.NavigationPaneAccordionHeader {
    padding-left: 20px;
    padding-bottom: 5px;
    padding-top: 5px;
    border-left: 3px solid rgb(252, 252, 252);
    color: rgb(62, 76, 89);
    cursor: pointer;
}

ul.HoverMenu > li {
    position: relative;
}
ul.HoverMenu, ul.HoverMenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    left: 0px;
    z-index: 100;
    border-radius: 0px;
    border: 0 solid rgb(205, 218, 230);
    cursor: pointer;
}

    ul.HoverMenu ul {
        display: none;
        position: absolute;
        z-index: 100;
    }

ul.ExtendedDropListHeader {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

ul.ExtendedDropListContent {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
}

    ul.ExtendedDropListContent.show {
        list-style: none;
        margin: 0;
        padding: 0;
        display: block;
        position: absolute;
    }

.HoverMenuMain ul table tr td table tr:hover {
    color: rgb(33, 42, 54);
    background: rgb(236, 240, 246);
    letter-spacing: 0px;
    cursor: pointer;
}

.HoverMenuMainBackground {
    border: 0px solid rgb(252, 252, 252);
    border-collapse: separate;
    /*-webkit-box-shadow: 0px 0px 6px 0px #E5C365;*/
    /*-moz-box-shadow: 0px 0px 6px 0px #bfcbd6;*/
}

::-webkit-input-placeholder {
    color: #a0a0a0;
    text-overflow: ellipsis;
}

:-moz-placeholder {
    color: #a0a0a0 !important;
    text-overflow: ellipsis;
}

::-moz-placeholder {
    color: #a0a0a0 !important;
    text-overflow: ellipsis;
}

:-ms-input-placeholder {
    color: #a0a0a0 !important;
    text-overflow: ellipsis;
}


/*table settings*/
.Padding0 > tbody > tr > td {
    padding: 0;
}

.Padding1 > tbody > tr > td {
    padding: 1px;
}

.ToolBarPadding > tbody > tr > td {
    padding: 4px 8px 8px 0px;
}

.ToolBarPaddingNoTop > tbody > tr > td {
    padding: 0px 8px 8px 0px;
}

.DisplayFieldPadding > tbody > tr > td {
    padding: 0px 5px 10px 0px;
}

.NavMenuPadding,
.NavMenuHomePadding {
    color: rgb(62, 76, 89);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 16px;
    width: 100%;
    white-space: nowrap;
}

    .NavMenuPadding > tbody > tr > td {
        padding: 5px 0px 5px 5px;
    }

        .NavMenuPadding > tbody > tr > td:first-child {
            padding: 5px 0px 5px 15px;
        }

.HeaderPadding > tbody > tr > td {
    padding: 4px 8px 6px 0px;
}

.Padding3 > tbody > tr > td {
    padding: 3px;
}

.Padding5 > tbody > tr > td {
    padding: 5px;
}

.Paddingleft10 > tbody > tr > td {
    padding: 5px 10px 5px 10px;
}

.HorizPadding4 > tbody > tr > td {
    padding: 0px 4px;
}

.HorizPadding5 > tbody > tr > td {
    padding: 0px 5px;
}

.VerticalPadding4 > tbody > tr > td {
    padding: 4px 0px;
}

.VerticalPadding5 > tbody > tr > td {
    padding: 5px 0px;
}

.HeaderPadding5 > tbody > tr > td {
    padding: 2px 5px;
}

.Padding5NOBorder > tbody > tr > td {
    padding: 5px;
    /*border: 1px solid rgb(252, 252, 252);*/
    border-collapse: collapse;
}

.Padding4 > tbody > tr > td {
    padding: 4px;
}

.TableNOBorder > tbody > tr > td {
    border: 1px solid rgb(252, 252, 252);
    border-collapse: collapse;
}

.Padding4NOBorder > tbody > tr > td {
    padding: 4px;
    border: 1px solid rgb(252, 252, 252);
    border-collapse: collapse;
}

.Padding10 > tbody > tr > td {
    padding: 10px;
}

.Padding10Top5 > tbody > tr > td {
    padding: 5px 10px;
}

.Padding12Top10 > tbody > tr > td {
    padding: 10px 12px 7px 12px;
}

th, td {
    padding: 0px;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

    table.centeralign {
        margin-left: auto;
        margin-right: auto;
    }

    table.rightalign {
        margin-right: 0;
        margin-left: auto;
    }

    table.leftalign {
        margin-left: 0;
        margin-right: auto;
    }

th {
    position: sticky;
    top: 0;
    z-index: 10;
    border: 1px solid rgb(205, 218, 230) !important;
}

.TextAlignRightPadding5 {
    padding-right: 5px;
    text-align: right;
}

.Paddingleft5 > tbody > tr > td {
    padding-left: 5px;
}

.Paddingleft3 {
    padding-left: 3px;
}

.Paddingleft5 {
    padding-left: 5px;
}

.ToolbarFilter {
    background-color: #E9EDF3;
    border: 1px solid #9CAAC1;
}

.VerticalButtom {
    vertical-align: bottom;
}

.DialogBarCloseFloatRight {
    float: right;
    /*padding-right: 16px;*/
    padding-top: 2px;
    padding-left: 12px;
    z-index: 999;
}

    .DialogBarCloseFloatRight > input[type=image] {
        width: 16px;
        height: 16px;
        outline: none;
    }

input[type=file] {
    /*height: 28px;*/
    background: rgb(255, 255, 255);
    border-radius: 2px;
    font-family: 'system-ui', 'Segoe UI', Segoe, 'Trebuchet MS', tahoma, arial, helvetica, sans-serif;
    margin: 0px;
    border: 0px none;
    font-weight: 500;
    color: rgb(33,42,54);
}

input[type=radio]:hover {
    cursor: pointer;
}

.releaseTable {
    height: 56px;
    border: 1px dashed #b8c5d1;
    border-radius: 1px;
}

.TruncateLongText {
    width: 270px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: normal;
}


/*panel information*/

.LightToolbar {
    background: rgb(236, 251, 234);
    border: 1px solid rgb(205, 218, 230);
    border-radius: 0px;
}

.LoginWarningPane {
    background: rgb(253, 232, 232);
    border: 2px solid rgb(240, 117, 117);
    box-shadow: 0px 2px 3px 0px rgb(213, 221, 230);
    border-radius: 2px;
    color: rgb(62, 76, 89);
    letter-spacing: 0px;
    width: 99%;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}


.WarningPanel {
    color: rgb(62, 76, 89);
    letter-spacing: 0px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    /*margin-bottom: 12px;*/
    background: rgb(255, 240, 230);
    border: 2px solid rgb(255, 163, 102);
    box-shadow: 0px 2px 3px 0px rgb(213, 221, 230);
    border-radius: 2px;
}

.message-body > div + div {
    margin-top: 2px;    
}

.message-title {
    color: rgb(62, 76, 89);
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0px;
    line-height: 16px;
}

.message-content {
    color: rgb(62, 76, 89);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 16px;
    word-break:break-all;
}

.message-link {
    color: rgb(0, 94, 204);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 16px;
}

.SuccessPanel {
    color: rgb(62, 76, 89);
    letter-spacing: 0px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    /*margin-bottom: 12px;*/
    border: 2px solid rgb(140, 229, 128);
    box-shadow: 0px 2px 3px 0px rgb(213, 221, 230);
    background: rgb(236, 251, 234);
    border-radius: 2px;
}

.ErrorPanel {
    color: rgb(62, 76, 89);
    letter-spacing: 0px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    /* margin-bottom: 12px;*/
    background: rgb(253, 232, 232);
    border: 2px solid rgb(240, 117, 117);
    box-shadow: 0px 2px 3px 0px rgb(213, 221, 230);
    border-radius: 2px;
}


.DialogErrorPane {
    margin: 5px 5px;
}

.InfoPanel {
    color: rgb(62, 76, 89);
    letter-spacing: 0px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    /*margin-bottom: 12px;*/
    background: rgb(232, 241, 253);
    border: 2px solid rgb(117, 172, 240);
    box-shadow: 0px 2px 3px 0px rgb(213, 221, 230);
    border-radius: 2px;
}

/*.SuccessPanel img {
        height: 20px !important;
        width: 20px !important;
    }
*/
.HomePageInfoPane > table > tbody > tr:first-child {
    vertical-align: top;
}

.HomePageWarningPane {
    background: rgb(255, 240, 230);
    border: 1.5px solid rgb(255, 163, 102);
    box-shadow: 0px 2px 3px 0px rgb(213, 221, 230);
    border-radius: 2px;
    color: rgb(62, 76, 89);
    letter-spacing: 0px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}

    .HomePageWarningPane > table > tbody > tr:first-child {
        vertical-align: top;
    }

.HomePageSuccessPane {
    background: rgb(236, 251, 234);
    border: 2px solid rgb(140, 229, 128);
    box-shadow: 0px 2px 3px 0px rgb(213, 221, 230);
    border-radius: 2px;
    color: rgb(62, 76, 89);
    letter-spacing: 0px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}

    .HomePageSuccessPane > table > tbody > tr:first-child {
        vertical-align: top;
    }

.LightGreen {
    background-color: #eeffee;
    color: #003300;
}

.WarningPane {
    color: #001f3f;
    background: #FDF9E3;
    border: 1px solid #B3A472;
}

.LightGreenPane {
    background-color: #eeffee;
    color: #003300;
    border: 1px solid #003300;
}

.White {
    background-color: rgb(252, 252, 252);
    padding: 5px 5px 5px 12px;
}

.WhiteBody {
    background-color: rgb(252, 252, 252);
    color: #001f3f;
    padding: 5px;
}

.PossibleStage {
    background: rgb(242, 244, 247);
    border: 1px solid rgb(205, 218, 230);
    border-radius: 0px;
    color: rgb(33, 42, 54);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
}

.RejectStage {
    height: 28px;
    background: rgb(253, 232, 232);
    border: 1px solid rgb(240, 117, 117);
    border-radius: 0px;
    color: rgb(33, 42, 54);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 16px;
    padding: 6px 12px;
}

.WorflowStageLink {
    background-image: linear-gradient( 90deg, #7A8DA3, #7A8DA3);
    background-size: 2px 2px;
    background-repeat: repeat-y;
    background-position: 4px;
}



.fileUpload input.UploadCtl {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 10px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

/*redline settings*/
.RedlineWas {
    color: #d01616 !important;
    text-decoration: line-through;
}

.RedlineIs {
    color: #36b725 !important;
}

a.RedlineWas:link {
    color: #d01616 !important;
    text-decoration: none
}

a.RedlineWas:visited {
    color: #d01616 !important;
    text-decoration: none
}

a.RedlineWas:hover {
    color: #d01616 !important;
    text-decoration: underline!important;
}

a.RedlineIs:link {
    color: #36b725 !important;
    text-decoration: none
}

a.RedlineIs:visited {
    color: #36b725 !important;
    text-decoration: none
}

a.RedlineIs:hover {
    color: #36b725 !important;
    text-decoration: underline
}

.RedlineWasData {
    color: #d01616 !important;
    text-decoration: line-through;
    font-weight: bold;
}

.RedlineIsData {
    color: #36b725 !important;
    font-weight: bold;
}

a.RedlineWasLink,
.RedlineWasLink a {
    color: #d01616 !important;
    text-decoration: line-through;
    font-weight: bold;
}
a.RedlineIsLink,
.RedlineIsLink a {
    color: #36b725 !important;
    font-weight: bold;
}
a.RedlineNoChangeLink,
.RedlineNoChangeLink a {
    color: rgb(0, 94, 204) !important;  
}

.RedlineNoChangeText {
 color: #a0a0a0 !important;
 font-style: italic;
}

.BOMRedlineAdd {
    color: #003300 !important;
    background-color: #e5f1e5;
}

.BOMRedlineRemove {
    color: #660000 !important;
    background-color: #f1e5e5;
}

.BOMRedlineChange {
    background-color: #f7f7d8 !important;
}

.ChangeSummary {
    white-space: normal;
    padding-left: 12px;
    cursor: pointer;
}

.mouse-pointer {
    cursor: pointer;
}

.ObjectBadgeCount {
    background: rgb(139, 159, 179);
    border-radius: 1px;
    padding: 1px 4px;
    color: rgb(255, 255, 255);
    font-size: 10px;
    margin-left: 5px;
}

.BadgeStatus {
    height: 160px;
    width: 160px;
}

.tree td div {
    height: 100% !important
}


.NavigationPaneBackground {
    vertical-align: top;
    display: flex;
    flex-flow: column nowrap;
    border-width: 0px;
    background: rgb(252, 252, 252);
    border-collapse: collapse;
    white-space: nowrap;
    height: 100%;
    /*box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);*/
}

.VerticalBottom {
    vertical-align: bottom;
}

.NavigationTitleBackground {
    border-width: 0px;
    /*width: 150px;*/
    background: rgb(252, 252, 252);
    border-collapse: collapse;
    white-space: nowrap;
    vertical-align: top;
    height: 100%;
    box-shadow: 0px 2px 4px 0px rgba(133, 149, 166, 0.5);
}

.NavigationPaneAccordionContent {
    padding: 3px 5px 3px 20px;
    background: rgb(252, 252, 252);
    color: #001f3f;
}

    .NavigationPaneAccordionContent a {
        color: inherit;
        cursor: pointer;
    }

.NavigationSearchPaneAccordionContent {
    padding: 8px 5px 0px 20px;
    color: #001f3f;
}

.NavigationPaneBackgroundActive {
    padding-left: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: rgb(252, 252, 252);
    border-left: 3px solid rgb(252, 252, 252);
    color: rgb(62, 76, 89);
    font-weight: 500;
    height: 16px;
    cursor: pointer;
    border-radius: 2px;
    letter-spacing: 0px;
    line-height: 16px;
}

.NavigationPaneSearchBackgroundActive {
    padding-left: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-left: 3px solid rgb(236, 240, 246);
    color: rgb(62, 76, 89);
    font-weight: 500;
    height: 16px;
    cursor: pointer;
    border-radius: 2px;
    letter-spacing: 0px;
    line-height: 16px;
}

.NavigationPaneAssignBackground {
    padding-left: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: rgb(252, 252, 252);
    border-left: 3px solid rgb(252, 252, 252);
    color: rgb(62, 76, 89);
    cursor: pointer;
    border-radius: 2px;
    font-weight: 500;
}

.NavigationSearchPaneBackgroundActive {
    padding-left: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-left: 3px solid rgb(236, 240, 246);
    color: rgb(33, 42, 54);
    cursor: pointer;
    border-radius: 2px;
    font-weight: 500;
}

.SearchValueDialog {
    background: rgb(252, 252, 252);
    box-shadow: -1px 0px 4px 0px rgba(0, 0, 0, 0.3);
    border-radius: 0px;
}

    .SearchValueDialog > .SearchResultArea {
        max-height: 500px;
        overflow-y: auto;
    }

.NavigationPaneBackgroundSplitter {
    border-width: 0px;
    background-color: #44587C;
    padding: 1px;
    cursor: pointer;
    color: rgb(252, 252, 252);
}

    .NavigationPaneBackgroundSplitter:hover {
        background: #8599B8;
        border-style: solid;
        border-width: 0px;
        border-color: #8599B8;
        padding: 1px;
        cursor: pointer;
    }

.NavigationTitle {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0px;
    vertical-align: top;
    padding-left: 10px;
}

.NavigationTitlePadding {
    padding: 15px 12px;
}

.CommonContentBackGround {
    width: 100%;
    padding: 8px 20px 0px 12px;
    background-color: #e9ecf2;
    overflow: auto;
}

.NavigationPaneBackgroundMenu {
    float: left;
    clear: both;
    vertical-align: top;
    padding: 0px 5px 5px 10px;
    background: rgb(252, 252, 252);
    box-shadow: 0px -1px 3px 0px rgb(0 0 0 / 30%);
}

.AccordionHeader {
    padding: 1px;
    background: #b1d2f3;
    border: 1px solid #b1d2f3;
    cursor: pointer;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

    .AccordionHeader:hover {
        padding: 1px;
        background: #DAEAFA;
        border: 1px solid #DAEAFA;
        cursor: pointer;
    }

.AccordionContent {
    padding: 1px;
    background: rgb(252, 252, 252);
    border-top: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top: rgb(191, 203, 214) 1px solid;
}


.GroupAccordContent {
    background: #fcfcfc;
    border: 1px solid #e3e3e3;
    border-top: none;
    padding: 12px 12px;
}

.HeadNodeStyle {
    width: 66px;
    height: 14px;
    color: rgb(62, 76, 89);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
}

    .HeadNodeStyle a {
        text-decoration: none;
    }

.DefaultNodeStyle {
    height: 14px;
    color: rgb(62, 76, 90);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    padding: 4px 4px 4px 0;
}

.DefaultNodeContentStyle {
    height: 14px;
    color: rgb(62, 76, 90);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    padding: 4px 4px 4px 0;
}
/*.DefaultNodeStyle a:link {
    color: rgb(33, 42, 54);
}*/

.SelectedNodeStyle {
    height: 14px;
    font-size: 12px;
    letter-spacing: 0px;
    background-color: transparent;
    padding: 4px 4px 4px 0;
}



.NavTreeRoot {
    width: 100%;
    font-weight: 500;
    vertical-align: middle;
    border: none;
    background-color: transparent;
    padding-top: 3px;
    padding-bottom: 3px;
}

.NavHomeTreeRoot {
    width: 100%;
    vertical-align: middle;
    border: none;
    padding: 2px;
    height: 16px;
    color: rgb(62, 76, 89);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 16px;
}

    .NavHomeTreeRoot > table > tbody > tr > td {
        padding: 4px 8px 8px 0px;
    }

NavHomeTreeRoot > table > tbody > tr > td a {
    text-decoration: none;
}

.NavHomeTreeRoot > div > table > tbody > tr > td {
    padding: 4px 8px 8px 0px;
}

    .NavHomeTreeRoot > div > table > tbody > tr > td a {
        text-decoration: none;
    }

.ToolbarButtonNoBorder {
    height: 32px;
    color: rgb(33, 42, 54);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 16px;
}

    .ToolbarButtonNoBorder:hover,
    .ToolbarButtonNoBorder.selected {
        height: 32px;
        background: rgb(230, 241, 255);
        border: 1px solid rgb(205, 218, 230);
        border-radius: 0px;
        font-weight: bold;
    }

        .ToolbarButtonNoBorder:hover > td,
        .ToolbarButtonNoBorder.selected > td {
            color: rgb(0, 116, 224);
        }


.TextHowerSelected {
    height: 32px;
    color: rgb(33, 42, 54);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 16px;
}

    .TextHowerSelected:hover,
    .TextHowerSelected.selected {
        height: 32px;
        background: rgb(230, 241, 255);
        border: 1px solid rgb(205, 218, 230);
        border-radius: 0px;
    }

        .TextHowerSelected:hover > td,
        .TextHowerSelected.selected > td {
            color: rgb(0, 116, 224);
        }

a.NavTreeRoot:link {
    color: rgb(62, 76, 89);
    text-decoration: none
}

a.NavTreeRoot:visited {
    color: rgb(62, 76, 91);
    text-decoration: none
}

.tree > table > tbody > tr > td {
    padding-left: 3px;
}

.tree > div > table > tbody > tr > td {
    padding-left: 3px;
}

.tree > div > div > table > tbody > tr > td {
    padding-left: 3px;
}

.tree td div {
    height: 100% !important
}

.TitleText {
    background: rgb(242, 244, 247);
    border-radius: 0px;
    border: 1px solid rgb(205, 218, 230);
    height: 28px;
    color: rgb(33, 42, 54);
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0px;
    line-height: 16px;
    padding-left: 5px;
}

.PageTitle {
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
    vertical-align: super;
}

#divMainContent {
    height: calc( 100% - 36px );
    overflow-y: auto;
}

#divMainPageContent {
    height: 100%;
    overflow-y: auto;
}

.SubTitleText {
    font-size: 14px;
    font-weight: bold;
}

.StageTitleText {
    border-radius: 0px;
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 16px;
    padding: 8px 12px;
}

.NoticePane {
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
    background: #993333;
    color: rgb(252, 252, 252);
    border: 1px solid rgb(252, 252, 252);
}

.DialogBarBackground {
    background-color: #dbe0ea;
    border: 1px solid #dbe0ea;
}

.DialogPanel {
    position: absolute;
    width: 194px;
    background: rgb(252, 252, 252);
    box-shadow: -1px 0px 4px 0px rgba(0, 0, 0, 0.3);
    border-radius: 0px;
    /* bottom:0px;*/
}

.DialogPanelList {
    max-height: 300px;
    /* width:188px;*/
    overflow: auto;
}

/*--------------------------New Added------------------------*/

.AccordionHeaderNew {
    height: 24px;
    color: rgb(33, 42, 54);
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0px;
    margin: 3px;
    cursor: pointer;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.AccordionContainer {
    background: rgb(252, 252, 252);
    border-top: 3px solid rgb(111, 163, 232);
    margin-bottom: 8px;
}

.MainGroupButtonCell {
    width: 100%;
    height: 50px;
    background: rgb(236, 240, 246);
    border: 1px solid rgb(205, 218, 230);
    border-radius: 0px;
}

    .MainGroupButtonCell:hover {
        background: rgb(230, 241, 255);
        border: 1px solid rgb(0, 116, 224);
    }


.LicenseTable th {
    width: 53px;
    height: 14px;
    color: rgb(33, 42, 51);
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0px;
    line-height: 12px;
}

.LicenseTable tr {
    width: 88px;
    height: 14px;
    color: rgb(33, 42, 54);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 12px;
}

#tvNavBar_DBBrowser a {
    color: rgb(62, 76, 89);
}

    #tvNavBar_DBBrowser a img {
        vertical-align: middle;
    }

.ObjectCountLabel {
    min-width: 1.5em;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0px;
    vertical-align: middle;
    display: inline-block;
    background: rgb(139, 159, 179);
}

.NavBarMenu {
    height: 16px;
    line-height: 16px;
    color: rgb(62, 76, 89);
    font-size: 12px;
    letter-spacing: 0px;
    border-left: 3px solid transparent;
    cursor: pointer;
}

.NavBarMenuTree {
    width: 100%;
    vertical-align: middle;
    border: none;
    background-color: transparent;
}

    .NavBarMenuTree a {
        height: 14px;
        color: rgb(33, 42, 54);
        font-weight: 500;
        letter-spacing: 0px;
    }

    /*.NavBarMenuTree a:hover {
    color: rgb(0, 116, 235);
}*/

    .NavBarMenuTree table > tbody > tr > td {
        padding: 4px 3px;
    }

a.NavBarMenuTree:link {
    /*color: rgb(62, 76, 91);*/
    text-decoration: none;
}

/*a.NavBarMenuTree:visited {
    color: rgb(62, 76, 91);
    text-decoration: none;
}

a.NavBarMenuTree:hover {
    color: rgb(0, 116, 235);
}*/

.GeneralText {
    color: rgb(27, 33, 38);
    letter-spacing: 0px;
}

.CommonHeightBackground {
    background-color: #e9ecf2;
    padding: 8px 20px 10px 12px;
    overflow: auto;
    height: calc(100vh - 85px);
}

.CommonBackground {
    background-color: #e9ecf2;
    padding: 8px 20px 10px 12px;
    /*overflow: auto;*/
    /*height: calc(100vh - 85px);*/
}

.RedlineBackground {
    background-color: #e9ecf2;
    padding: 8px 20px 10px 12px;
    display: flex;
}

.RedlineContentDiv {
    max-height: calc(100vh - 150px);
    overflow: auto;
}

.RedlineNavDiv {
    max-height: calc(100vh - 150px);
    overflow: auto;
}

.MainBorder > tbody > tr > td {
    border: 1px solid rgb(205,218,230);
    border-collapse: collapse;
}

.TDHeader {
    background: rgb(236, 240, 246);
    border-radius: 0px;
    height: 32px;
    color: rgb(33, 42, 54);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 12px;
    padding: 8px;
    min-width: 24px;
}

.TDBody {
    height: 32px;
    color: rgb(33, 42, 54);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 12px;
    padding: 8px;
}

.tdheader-bomchecks {
    background: rgb(236, 240, 246);
    border-radius: 0px;
    height: 28px;
    font-size: 12px;
    font-weight: 500;
    padding: 6px 8px;
    color: rgb(33, 42, 54);
}

.tdbody-bomchecks {
    height: 28px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    padding: 6px 8px;
    color: rgb(33, 42, 54);
    text-align: center;
}

.tdbody-bggreen {
    background: rgb(236, 251, 234);
}

.tdbody-bgred {
    background: rgb(253, 232, 232);
}

.tdbody-bgyellow {
    background: rgb(255, 247, 230);
}

.LeftPanelAttr {
    margin: 2px 10px;
}

    .LeftPanelAttr > tbody > tr > td {
        border: 1px solid rgb(215, 220, 224);
        border-collapse: collapse;
        height: 14px;
        color: rgb(33, 42, 54);
        font-size: 12px;
        letter-spacing: 0px;
        line-height: 12px;
        padding: 5px;
    }

.GeneralTable > tbody > tr > td,
.GeneralTable > tbody > tr > th,
.GeneralTable > thead > tr > td {
    border: 1px solid rgb(205, 218, 230);
    border-collapse: collapse;
    height: 32px;
    color: rgb(33, 42, 54);
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 16px;
    padding: 6px 8px;
    margin-right: 1px;
}

.GeneralTable {
    background: rgb(252, 252, 252);
    color: rgb(33, 42, 54);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 16px;
}

.PasswordPolicyTable > tbody > tr > td {
    border: 1px solid rgb(205, 218, 230);
    border-collapse: collapse;
    height: 16px;
    color: rgb(33, 42, 54);
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 16px;
    padding: 3px 8px;
}

.PasswordPolicyTable {
    background: rgb(252, 252, 252);
    color: rgb(33, 42, 54);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 16px;
}

.GeneralTable100 > tbody > tr > td {
    border: 1px solid rgb(215, 220, 224);
    border-collapse: collapse;
    height: 14px;
    color: rgb(33, 42, 54);
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 12px;
    padding: 8px;
}

.GeneralTable100 {
    background: rgb(252, 252, 252);
    width: 100%;
    color: rgb(33, 42, 54);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 16px;
}

.ActionCell {
    padding: 0px !important;
    white-space: nowrap;
}

    .ActionCell > table {
        height: 100% !important;
        border: none !important;
    }

        .ActionCell > table > tbody > tr > td {
            border: none;
            border-collapse: collapse !important;
            height: 14px !important;
            color: rgb(33, 42, 54) !important;
            font-size: 12px !important;
            letter-spacing: 0px !important;
            line-height: 100% !important;
            padding: 8px !important;
        }

            .ActionCell > table > tbody > tr > td:not(:last-child) {
                border-right: 1px solid rgb(215, 220, 224) !important;
            }

.Header {
    height: 32px !important;
    background: rgb(236, 240, 246);
    border: 1px solid rgb(205, 218, 230);
    border-radius: 0px;
    color: rgb(33, 42, 54);
    font-size: 12px;
    font-weight: bold !important;
    letter-spacing: 0px;
    line-height: 12px;
    white-space: nowrap;
}

    .Header a {
        color: rgb(33, 42, 54);
        text-decoration: none;
    }

        .Header a:hover {
            color: rgb(0, 116, 229) !important;
        }

    .Header.Sort {
        height: 32px !important;
        background: rgb(236, 240, 246);
        border: 1px solid rgb(205, 218, 230);
        border-radius: 0px;
        color: rgb(33, 42, 54);
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 0px;
    }

.Header.Sort a {
    text-decoration: none;
}

.Header.Sort a:hover {
    color: rgb(0, 116, 229) !important;
}


.Header.Sort a::after {
    display: inline-block;
    height: 16px;
    width: 16px;
    padding: 0px 3px;
    vertical-align: top;
    content: url(../../Apps/images/Svg/General/sortdefault.svg);
}

.Header.Sort.asc a::after {
    content: url(../../Apps/images/Svg/General/sortasc.svg);
}

.Header.Sort.desc a::after {
    content: url(../../Apps/images/Svg/General/sortdesc.svg);
}




.Stage {
    background: rgb(252, 252, 252);
    border: 1px solid rgb(205, 218, 230);
    border-radius: 0px;
}

.StageTitle {
    height: 36px;
    border-radius: 0px;
    padding-top: 11px;
    font-size: 14px;
}

.StageTable {
    width: 100%;
}

    .StageTable > tbody > tr > td {
        border: 1px solid rgb(215, 220, 224);
        border-collapse: collapse;
        height: 14px;
        color: rgb(33, 42, 54);
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 0px;
        line-height: 12px;
        padding: 5px;
    }

.PaddingTop5 {
    padding-top: 5px !important;
}

    .PaddingTop5 > tbody > tr > td {
        padding-top: 5px !important;
    }

.PaddingTop3 {
    padding-top: 3px !important;
}

.PaddingBottom10 {
    padding-bottom: 10px !important;
}

.PaddingTop8 {
    padding-top: 8px !important;
}

.PaddingTop10 {
    padding-top: 10px !important;
}

.VerticalTop {
    vertical-align: top;
}

.vertical-middle {
    vertical-align: middle;
}

.vertical-bottom {
    vertical-align: bottom;
}

.verticaltop-pt14 {
    vertical-align: top;
    padding-top: 14px !important;
}

.GeneralPaddingTop {
    padding-top: 20px !important;
}

.GeneralNoAssigned {
    color: rgb(122, 141, 163);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
}

.GeneralHead2 {
    color: rgb(33, 42, 54);
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0px;
}

.search-bar {
    border-bottom: rgb(191, 203, 214) 1px solid;
    padding-bottom: 8px !important;
}

.title-textbar {
    border-bottom: rgb(191, 203, 214) 1px solid;
    padding-bottom: 5px !important;
}

.font-size14 {
    font-size: 14px !important;
}

.TitleTextBar {
    border-bottom: rgb(191, 203, 214) 1px solid;
    padding-bottom: 10px !important;
}

.TitleTextBar5 {
    border-bottom: rgb(191, 203, 214) 1px solid;
    padding-bottom: 7px !important;
    padding-left: 5px !important;
    font-size: 14px;
}

.wf-subtitle-line {
    height: 1px;
    border: none;
    background: rgb(191, 203, 214);
}

.subtitle-line {
    margin-top: 5px !important;
    margin-bottom: 8px;
    height: 1px;
    border: none;
    background: rgb(191, 203, 214);
}

.subtitle-line8 {
    margin-top: 5px !important;
    margin-bottom: 8px;
    height: 1px;
    border: none;
    background: rgb(191, 203, 214);
}

.subtitle-line4 {
    margin-top: 4px !important;
    margin-bottom: 4px;
    height: 1px;
    border: none;
    background: rgb(191, 203, 214);
}

.divider {
    border-top: 1px solid rgb(205, 218, 230);
}

.recover-text {
    color: rgb(33, 42, 54);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 16px;
}

.section-label {
    font-weight: bold;
    float: left;
    margin-top: -10px;
    padding-right: 8px;
    background: rgb(252, 252, 252);
}

.section-labelRequired {
    font-weight: bold;
    float: left;
    margin-top: -10px;
    padding-right: 8px;
    background: rgb(252, 252, 252);
}

    .section-labelRequired::after {
        content: '*';
        color: rgb(212, 13, 0);
        font-weight: bold;
        padding-left: 2px;
    }


.SubHeaderBar {
    height: 40px;
    background: rgb(236, 240, 246);
    box-shadow: inset 0px -1px 0px 0px rgb(215, 220, 224);
    border-radius: 0px;
    padding: 10px 16px;
}

.SubHeaderBarText {
    /*padding: 10px 0px 5px 15px;*/
    color: rgb(33, 42, 54);
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0px;
    vertical-align: middle;
}

.CloseButton {
    height: 28px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(184, 197, 209);
    border-radius: 2px;
    color: rgb(62, 76, 89);
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0px;
    padding: 5px 12px;
    cursor: pointer;
    outline: none;
    min-width: 66px;
}

.DialogBarBackgroundFloatRight {
    background-color: rgb(236, 239, 245);
    border-top: 0px;
    position: fixed;
    top: 0px;
    bottom: 0;
    right: 0px;
    overflow-y: auto;
    z-index: 200;
    box-shadow: -1px 0px 4px 0px rgba(0, 0, 0, 0.3);
    border-radius: 0px;
}

input:not([type=image]):disabled {
    cursor: default;
    background: rgb(242, 244, 247) !important;
    border-radius: 2px !important;
    border: 1px solid rgb(184, 197, 209) !important;
    color: rgb(184, 197, 210) !important;
}

input.Empower {
    height: 28px;
    width: 240px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(184, 197, 209);
    border-radius: 2px;
    font-size: 12px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
    font-family: 'system-ui', 'Segoe UI', Segoe, 'Trebuchet MS', tahoma, arial, helvetica, sans-serif;
    color: rgb(33, 42, 54);
    font-weight: 500;
}

select.Empower {
    height: 28px;
    width: 240px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(184, 197, 209);
    border-radius: 2px;
    font-size: 12px;
    padding: 4px;
    font-family: 'system-ui', 'Segoe UI', Segoe, 'Trebuchet MS', tahoma, arial, helvetica, sans-serif;
    color: rgb(33, 42, 54);
    font-weight: 500;
}

textarea.Empower {
    width: 240px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(184, 197, 209);
    border-radius: 2px;
    font-size: 12px;
    height: 60px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
    font-family: 'system-ui', 'Segoe UI', Segoe, 'Trebuchet MS', tahoma, arial, helvetica, sans-serif;
    color: rgb(33, 42, 54);
    font-weight: 500;
}

select.EmpowerMutiple {
    max-width: 80vw;
    min-width: 150px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(184, 197, 209);
    border-radius: 2px;
    font-size: 12px;
    padding: 4px;
    font-family: 'system-ui', 'Segoe UI', Segoe, 'Trebuchet MS', tahoma, arial, helvetica, sans-serif;
    color: rgb(33, 42, 54);
    font-weight: 500;
}

input.EmpowerSearch {
    height: 28px;
    width: 150px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(184, 197, 209);
    border-radius: 2px;
    font-size: 12px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
    font-family: 'system-ui', 'Segoe UI', Segoe, 'Trebuchet MS', tahoma, arial, helvetica, sans-serif;
    color: rgb(33, 42, 54);
    font-weight: 500;
}

select.EmpowerSearch {
    height: 28px;
    width: 150px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(184, 197, 209);
    border-radius: 2px;
    font-size: 12px;
    padding-left: 5px;
    font-family: 'system-ui', 'Segoe UI', Segoe, 'Trebuchet MS', tahoma, arial, helvetica, sans-serif;
    color: rgb(33, 42, 54);
    font-weight: 500;
}

input.EmpowerSearchInput {
    height: 28px;
    width: 125px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(184, 197, 209);
    border-radius: 2px 0px 0px 2px;
    font-size: 12px;
    border-right: none;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
    font-family: 'system-ui', 'Segoe UI', Segoe, 'Trebuchet MS', tahoma, arial, helvetica, sans-serif;
    color: rgb(33, 42, 54);
    font-weight: 500;
}

input.EmpowerSearchInput::placeholder {
    font-size: 12px;
}

.EmpowerSearchIcon {
    background: rgb(242, 244, 247);
    border: 1px solid rgb(184, 197, 209);
    border-radius: 0px 2px 2px 0px;
    padding: 6px;
    height: 28px !important;
    width: 28px !important;
    cursor: pointer;
    display: block;
}

.EmpowerDialogSearchIcon {
    background: rgb(242, 244, 247);
    border: 1px solid rgb(184, 197, 209);
    border-left: none;
    border-radius: 0px 2px 2px 0px;
    padding: 3px;
    height: 24px !important;
    width: 25px !important;
    border-radius: 2px;
    cursor: pointer;
}

input.EmpowerHeaderAuto {
    height: 24px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(184, 197, 209);
    border-radius: 2px;
    font-size: 12px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
    color: rgb(33, 42, 54);
    font-weight: 500;
}

select.EmpowerHeaderAuto {
    height: 24px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(184, 197, 209);
    border-radius: 2px;
    font-size: 12px;
    padding-left: 3px;
    padding-bottom: 3px;
    font-weight: 500 !important;
    color: rgb(33,42,54);
    color: rgb(33, 42, 54);
    font-weight: 500;
}

input.EmpowerAuto {
    height: 28px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(184, 197, 209);
    border-radius: 2px;
    font-size: 12px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
    font-family: 'system-ui', 'Segoe UI', Segoe, 'Trebuchet MS', tahoma, arial, helvetica, sans-serif;
    color: rgb(33, 42, 54);
    font-weight: 500;
}

textarea.EmpowerAuto {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(184, 197, 209);
    border-radius: 2px;
    font-size: 12px;
    height: 60px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
    font-family: 'system-ui', 'Segoe UI', Segoe, 'Trebuchet MS', tahoma, arial, helvetica, sans-serif;
    color: rgb(33, 42, 54);
    font-weight: 500;
}

select.EmpowerAuto {
    height: 28px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(184, 197, 209);
    border-radius: 2px;
    font-size: 12px;
    padding-left: 4px;
    padding-left: 4px;
    padding-bottom: 0px;
    font-family: 'system-ui', 'Segoe UI', Segoe, 'Trebuchet MS', tahoma, arial, helvetica, sans-serif;
    color: rgb(33, 42, 54);
    font-weight: 500;
}

.width210 {
    width: 210px;
}

input.EmpowerDialogSearch {
    height: 24px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(184, 197, 209);
    border-radius: 2px;
    font-size: 12px;
    outline: none;
    padding: 5px;
    font-family: 'system-ui', 'Segoe UI', Segoe, 'Trebuchet MS', tahoma, arial, helvetica, sans-serif;
    color: rgb(33, 42, 54);
    font-weight: 500;
}
.obsCell {
    cursor: pointer;
    height: 9px;
    width: 60px !important;
    white-space: nowrap;
    overflow: hidden;
    padding: 0px 1px 0px 1px;
    border-top-width: 0px;
    border: 1px solid rgb(205, 218, 230);
    /*border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #a0a0a0;
    border-left-width: 0px;
    border-bottom-width: 1px;
    border-bottom-color: #a0a0a0;
    border-bottom-style: solid;*/
}

.obsCell.Selected {
    height: 8px;
    border: 1px solid rgb(184, 197, 209);
    padding: 2px;
}

.obsTextBox {
    width: 58px !important;
    border: none 0px;
    /*border: 1px solid rgb(184, 197, 209);*/
    border-radius: 2px;
    font-size: 12px;
    padding: 5px;
}
select.EmpowerDialogSearch {
    height: 24px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(184, 197, 209);
    border-radius: 2px;
    font-size: 12px;
    outline: none;
    padding: 2px;
    font-family: 'system-ui', 'Segoe UI', Segoe, 'Trebuchet MS', tahoma, arial, helvetica, sans-serif;
    color: rgb(33, 42, 54);
    font-weight: 500;
}

select[multiple=multiple].EmpowerDialogSearch {
    height: unset;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(184, 197, 209);
    border-radius: 2px;
    font-size: 12px;
    outline: none;
    padding: 2px;
    font-family: 'system-ui', 'Segoe UI', Segoe, 'Trebuchet MS', tahoma, arial, helvetica, sans-serif;
    color: rgb(33, 42, 54);
    font-weight: 500;
}

.line-height2 {
    line-height: 2;
}

.LabelField {
    height: 14px;
    color: rgb(96, 112, 128);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    white-space: nowrap;
}

.LableField10 {
    padding: 10px;
    height: 14px;
    color: rgb(96, 112, 128);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
}

.Font-Size10 {
    font-size: 10px !important;
}


.ErrorInput {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(212, 13, 0);
    border-radius: 2px;
}

table.ErrorRequired td > span {
    color: rgb(212, 13, 0);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 16px;
}

table.ErrorRequired td > input {
    border: 1px solid rgb(212, 13, 0) !important;
}

table.ErrorRequired td > span ::after {
    content: '*';
    color: rgb(212, 13, 0);
    font-weight: bold;
    padding-left: 3px;
}

.LableFieldRequired {
    color: rgb(96, 112, 128);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
}

    .LableFieldRequired::after {
        content: '*';
        color: rgb(212, 13, 0);
        font-weight: bold;
        padding-left: 3px;
    }

.CommonSearchBox {
    height: 30px;
    background: rgb(254, 254, 254);
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 2px;
    display: inline-table;
}

.NavigationPaneBackgroundSearchBox {
    display: inline-block;
    vertical-align: top;
    padding-top: 9px;
    padding-bottom: 8px;
    padding-right: 10px;
}

.NavigationPaneBackgroundRightDiv {
    display: inline-flex;
    align-items: center;
    padding-right: 10px;
}

.CommonSearchText {
    height: 14px;
    color: rgb(33, 42, 54);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 12px;
}

.CommonSearchTextBox {
    background: rgb(255, 255, 255);
    border-radius: 2px;
    border: none;
    font-size: 12px;
    line-height: 21px;
    outline: none;
}

.CommonSearchBox > tbody > tr > td {
    padding-left: 3px;
    padding-right: 3px;
}


.CommonHeaderText {
    height: 18px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0px;
    padding-left: 10px;
    vertical-align: middle;
}

.LicenseRightHeaderText {
    color: rgb(255, 255, 255);
    font-size: 12px;
    vertical-align: middle;
}

.CommonNavi {
    margin-left: 10px;
    vertical-align: middle;
    cursor: pointer;
}

.CommonTitleSplit {
    color: rgb(174, 189, 204);
}

tr.RequiredMainField > td > span::before {
    content: '*';
    color: rgb(212, 13, 0);
    padding-right: 3px;
    font-weight: bold;
}

tr.RequiredCheckMainField > td > span::before {
    content: '*';
    color: rgb(212, 13, 0) !important;
    padding-right: 2px;
    font-weight: bold;
}

tr.RequiredCheckMainField > td:first-child > span {
    color: rgb(212, 13, 0) !important;
}

tr.RequiredCheckMainField > td input[type=text],
tr.RequiredCheckMainField > td textarea {
    border: 1px solid rgb(212, 13, 0) !important;
}

tr.RequiredCheckMainField select {
    border: 1px solid rgb(212, 13, 0) !important;
}

.RequiredCheckMainField .LableField {
    color: rgb(212, 13, 0) !important;
}

tr.RequiredFieldCheck > td:first-child > span {
    color: rgb(212, 13, 0) !important;
}

tr.RequiredFieldCheck > td input[type=text] {
    border: 1px solid rgb(212, 13, 0) !important;
}

.RequiredFieldCellCheck input[type=text] {
    border: 1px solid rgb(212, 13, 0) !important;
}

.RequiredFieldCellCheck select {
    border: 1px solid rgb(212, 13, 0) !important;
}

.RequiredPadding4 > tbody > tr > td {
    padding: 4px;
    height: 16px;
    color: rgb(33, 42, 54);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 16px;
}

    .RequiredPadding4 > tbody > tr > td:first-child::before {
        content: '*';
        color: rgb(212, 13, 0);
        padding-right: 2px;
        font-weight: bold;
    }

tr.RequiredField > td:first-child::before {
    content: '*';
    color: rgb(212, 13, 0);
    padding-right: 2px;
    font-weight: bold;
}

td.RequiredField::before {
    content: '*';
    color: rgb(212, 13, 0);
    padding-right: 2px;
    font-weight: bold;
}

td.RequiredFieldTitle::before {
    content: '*';
    color: rgb(212, 13, 0);
    padding-right: 2px;
    font-weight: bold;
}

td.RequiredFieldTitle {
    color: rgb(212, 13, 0) !important;
}

td.RequiredFieldBar > span:first-child::before {
    content: '*';
    color: rgb(212, 13, 0);
    padding-right: 2px;
    font-weight: bold;
}

tr.RequiredCheckField > td:first-child::before {
    content: '*';
    color: rgb(212, 13, 0);
    padding-right: 2px;
    font-weight: bold;
}

tr.RequiredCheckField > td:first-child {
    color: rgb(212, 13, 0);
}

tr.RequiredCheckField > td > input:first-child {
    border: 1px solid rgb(212, 13, 0);
}

tr.RequiredCheckField > td > input[type=text],
tr.RequiredCheckField > td > input[type=password] {
    border: 1px solid rgb(212, 13, 0);
}

tr.RequiredCheckField > td > select {
    border: 1px solid rgb(212, 13, 0) !important;
}

.circle {
    float: right;
    margin-right: 10px;
}



.NewObjectContentPadding10 {
    padding-left: 10px;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0px;
}

.NewObjectContentPaddingIcon {
    padding-right: 5px;
}

.NoObjectTip {
    height: 14px;
    color: rgb(122, 141, 163);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
}

.release_table {
    background: rgb(252, 252, 252);
    border-radius: 0px;
}

.margin5 {
    margin: 5px;
}

.margin10 {
    margin: 10px;
}

.DivCommonPadding {
    padding: 5px 20px;
}

.DivPadding5 {
    padding: 5px;
}

.DivPadding10 {
    padding: 10px;
}

.Divtop5 {
    padding: 5px 0px;
}

.Divtop10 {
    padding: 10px 0px;
}

.Divtop5buttom0 {
    padding-top: 5px;
}

.TDPageSearch {
    background: rgb(236, 240, 246);
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
}

.top-head {
    position: fixed;
    width: 100%;
    height: auto;
    overflow-y: auto;
    min-height: 48px;
}

.DivFooter {
    border-top: 1px dashed rgb(213, 221, 230);
    background: rgb(252, 252, 252);
    /*height: 33px;*/
    padding-left: 20px;
    line-height: 33px;
    align-items: center;
    display: flex;
    box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 30%);
}

.FooterLogo {
    width: 60px;
    height: 18px;
    vertical-align: middle;
}

.FooterText {
    font-size: 10px;
    color: rgb(132, 149, 169);
    letter-spacing: 0px;
    font-weight: normal;
    padding-left: 5px;
    padding-right: 20px;
    white-space: nowrap;
}

.IconBorder3 {
    padding: 5px;
    border: 1px solid rgb(184, 197, 209);
    background: rgb(255, 255, 255);
    height: 26px !important;
    width: 26px !important;
    border-radius: 2px;
    cursor: pointer;
}


.ToolbarResult {
    height: 16px;
    color: rgb(33, 42, 54);
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0px;
    line-height: 16px;
}

.ToolbarLabel {
    height: 14px;
    color: rgb(96, 112, 128);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
}

.ToolbarLink {
    cursor: pointer;
    height: 16px;
    color: rgb(0, 94, 204);
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    letter-spacing: 0px;
    line-height: 16px;
    white-space: nowrap
}

.RecentItemLink {
    height: 16px;
    width: 150px;
    color: rgb(62, 76, 89) !important;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 16px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.ToolbarLinkPaddingleft20 {
    height: 14px;
    color: rgb(0, 94, 204);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    padding-left: 20px;
}

.WordWrap {
    white-space: normal;
    word-break: break-word;
}

.SearchPager {
    height: 14px;
    font-size: 12px;
    letter-spacing: 0px;
}


    .SearchPager > td > a {
        padding-right: 5px;
        padding-left: 5px;
    }

    .SearchPager a {
        color: rgb(69, 82, 98);
        font-weight: 500;
        letter-spacing: 0px;
    }

        .SearchPager a:hover {
            width: 24px;
            height: 24px;
            background: rgb(236, 240, 246);
            border-radius: 2px;
            color: rgb(69, 82, 98);
            font-size: 12px;
            font-weight: 500;
            text-align: center;
            letter-spacing: 0px;
            padding: 1px 5px;
            text-decoration: none;
        }

.SearchResultFilter > tbody > tr > td:first-child {
    text-align: left;
    width: 100%
}

.SearchResultFilter > tbody > tr > td:nth-child(2) {
    padding-left: 20px;
    text-align: right;
    white-space: nowrap
}

.SearchResultFilter span {
    padding-left: 3px;
}

.disabled {
    color: rgb(184, 197, 209) !important;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    pointer-events: none;      
}

/*common header settings*/
.HelpFileItems {
    position: absolute;
    background: rgb(255, 255, 255);
    border-radius: 2px;
    box-shadow: 0px 2px 4px 0px rgba(133, 149, 166, 0.5);
    width: 164px;
    font-weight: 500;
    font-size: 12px;
    display: none;
    cursor: pointer;
    z-index: 500;
    top: 48px;
    right: 60px;
}

    .HelpFileItems p {
        padding: 5px 10px;
        height: 25px;
        cursor: pointer;
    }

        .HelpFileItems p:hover {
            background: rgb(236, 240, 246);
            cursor: pointer;
        }

    .HelpFileItems a {
        color: rgb(33, 42, 54);
        cursor: pointer;
    }

        .HelpFileItems a:hover {
            color: rgb(33, 42, 54);
            text-decoration: none;
        }

.InlineBlock {
    display: inline-block;
    cursor: pointer;
}

.UserPreTitle {
    height: 12px;
    color: rgb(122, 141, 163);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0px;
    margin: 10px 0px 5px 10px;
}

.UserPreBody {
    background: rgb(255, 255, 255);
    border-radius: 2px;
    width: 164px;
    font-weight: 500;
    font-size: 12px;
}

    .UserPreBody p {
        padding: 5px 10px 5px 10px;
    }

        .UserPreBody p:first-child {
            padding: 5px 10px;
        }

        .UserPreBody p:hover {
            background: rgb(236, 240, 246);
            cursor: pointer;
        }

    .UserPreBody a {
        color: rgb(33, 42, 54);
        cursor: pointer;
    }

        .UserPreBody a:hover {
            color: rgb(33, 42, 54);
            text-decoration: none;
        }

#div_user_themes tr:hover {
    background: rgb(236, 240, 246);
}

.UserThemeTitle {
    height: 12px;
    color: rgb(122, 141, 163);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0px;
    padding: 0px 0px 0px 10px;
    vertical-align: top;
}

.UserThemeClear {
    width: 53px;
    height: 12px;
    color: rgb(0, 82, 204);
    font-size: 10px;
    letter-spacing: 0px;
    vertical-align: top;
    text-align: right;
    padding-right: 10px;
}

.ComSplitLineTop5 {
    border-top: 1px solid rgb(213, 221, 230);
    padding-top: 5px;
}

.ComSplitLine {
    border-top: 1px solid rgb(213, 221, 230);
}

#div_User_details {
    right: 10px;
    box-shadow: 0px 2px 4px 0px rgba(133, 149, 166, 0.5);
    position: fixed;
    display: none;
    background: rgb(255, 255, 255);
    z-index: 500;
}

.dialogbody {
    /*max-height: calc(100% - 40px);
    overflow-y: auto;*/
}

.dialogcontent {
    background-color: rgb(252, 252, 252);
    padding: 12px 16px;
}

.RequiredFieldText {
    height: 16px;
    color: rgb(33, 42, 54);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 16px;
}

th.RequiredFieldCol::before,
td.Header.RequiredFieldCol::before {
    content: '*';
    color: rgb(212, 13, 0);
    padding-right: 2px;
    font-weight: bold;
}

.SearchBackground {
    background: rgb(236, 240, 246);
    border-radius: 0px;
    float: left;
    vertical-align: top;
    padding-left: 5px;
    padding-top: 2px;
    height: 100%;
    width: 100%;
}

.SearchLabel {
    color: rgb(96, 112, 128);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 16px;
    padding-top: 8px !important;
}

.SearchParameter {
    /*color: rgb(96, 112, 128);*/
    font-weight: 500;
    letter-spacing: 0px;
    padding-top: 4px !important;
}

/*.report-operate-link {
    color: rgb(0, 94, 204) !important;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 16px;
}*/

.LeftPanelHeader {
    color: rgb(96, 112, 128);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 16px;
    padding: 5px 3px 5px 18px;
    border-bottom: rgb(205, 218, 230) 1px solid;
}

.LeftPanelPadding {
    padding-top: 16px;
    padding-left: 20px;
    padding-right: 20px;
    color: rgb(62, 76, 89);
}

/*.LeftPanelPadding a {
    height: 16px;
    color: rgb(62, 76, 89);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 16px;
}

.LeftPanelPadding a:hover {
    width: 66px;
    height: 16px;
    color: rgb(0, 116, 235);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 16px;
    text-decoration: none;
}*/

.LeftPanelLabel {
    /*width: 98px;*/
    color: rgb(96, 112, 128) !important;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 16px;
}

.LeftPanelDesc {
    width: 138px;
    height: 14px;
    color: rgb(121, 141, 168);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 12px;
}

.Loading {
    width: 120px;
    height: 120px;
    background: rgb(255, 255, 255);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    position: fixed; /* or absolute */
    top: 30%;
    left: 45%;
    background-image: url('../../Apps/images/Svg/General/loading.svg');
    z-index: 9999;
}


/*login settings*/
.LoginTable {
    width: 520px;
    background: rgb(252, 252, 252);
    border: 1px solid rgb(205, 218, 230);
    border-radius: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 84px;
    min-height: 420px;
}

.TableCenter {
    margin: auto 100px;
}

.ResetBackground {
    background-color: #e9ecf2;
    padding: 5px;
    height: calc( 100% - 48px );
    width: 100%;
    display: inline-table;
}

.LoginBackground {
    background-color: #e9ecf2;
    padding: 0px 5px;
    height: calc( 100% - 84px );
    width: 100%;
    display: inline-table;
}

.LoginTitle {
    text-align: center;
    color: rgb(33, 42, 54);
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0px;
    line-height: 20px;
    padding-top: 32px;
    padding-bottom: 24px;
}

.LoginFooter {
    text-align: center;
    padding: 32px 160px 16px;
    color: rgb(122, 141, 163);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 16px;
}

    .LoginFooter a {
        color: rgb(122, 141, 163);
        cursor: pointer;
    }

        .LoginFooter a:hover {
            color: rgb(62, 76, 89);
            text-decoration: none;
        }

.LoginFooterPower {
    margin: auto;
    text-align: right;
    padding-top: 12px;
    width: 520px;
    color: rgb(122, 141, 163);
}

.EmpwerAbout {
    color: rgb(62, 76, 89) !important;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 16px;
}

.NavPaneAccordionHeader {
    border-bottom: rgb(191, 203, 214) 1px solid;
    padding-bottom: 4px;
    /*padding-top: 24px;*/
}

    .NavPaneAccordionHeader table > tbody > tr > :last-child {
        padding-left: 5px;
    }

.NavPaneAccordionContent {
    padding-top: 5px;
}

.NewsTitle {
    height: 20px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0px;
    line-height: 20px;
}

.NewsDesc {
    height: 16px;
    color: rgb(62, 76, 89);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 16px;
}

.NewsTable {
    background: rgb(252, 252, 252);
    border: 1px solid rgb(205, 218, 230);
    border-radius: 0px;
}

    .NewsTable > tbody > tr > td {
        border: 1px solid rgb(215, 220, 224);
        border-collapse: collapse;
        height: 14px;
        font-size: 12px;
        letter-spacing: 0px;
        line-height: 12px;
        padding: 5px;
    }

    .NewsTable > tbody > tr:first-child > td:first-child {
        border-top: 3px solid rgb(111, 163, 232);
    }



.inbox-reset {
    height: 100%;
}

    .inbox-reset .ContentDiv {
        background: white;
        height: 100%;
        max-height: calc(100vh - 110px) !important;
    }

#diveInbox_content {
    padding-top: 10px;
    padding-bottom: 15px;
    background: white;
    /*   height: 100%;*/
}

#divInbox_title {
    background: rgb(252, 252, 252);
    border-radius: 0px;
    border-bottom: 1px solid rgb(205, 218, 230);
    height: 30px;
}

#lblUserNotification_NavBar_Header_Name,
#tdInboxTitle {
    height: 16px;
    color: rgb(33, 42, 54);
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0px;
    line-height: 16px;
    width: 100%;
}

.divInBoxTitle {
    border-bottom: 1px ridge rgb(191, 203, 214);
    padding: 8px 12px;
}

.divTaskExplorerTitleBar {
    border-bottom: 1px ridge rgb(205, 218, 230);
    padding: 8px 12px;
}

#div_nitification_parameter {
    background: rgb(242, 244, 247);
    border: 1px solid rgb(205, 218, 230);
    border-radius: 0px;
    margin-left: 10px;
    float: left;
    color: rgb(95, 112, 130);
}

#diveInbox_content_parameter {
    width: 228px;
    background: rgb(242, 244, 247);
    border: 1px solid rgb(205, 218, 230);
    border-radius: 0px;
    margin-left: 12px;
    float: left;
    box-shadow: none;
    height: 100%;
}

#diveInbox_content_list {
    float: left;
    padding-left: 16px;
    margin-right: 2px;
    height: 100%;
}

/*#diveInbox_content::after {
    content: '';
    clear: both;
    display: block;
    padding-bottom: 10px;
}*/

#divInbox_content_BUP {
    padding-bottom: 10px;
    padding-top: 5px;
    padding-right: 12px;
    padding-left: 12px;
    border-bottom: 1px dashed rgb(191, 203, 214);
}

.TabBar {
    background: white;
    border-radius: 0px;
    font-size: 14px;
    color: rgb(122, 141, 163);
    font-weight: 500;
    letter-spacing: 0px;
    padding-left: 12px;
    height: 40px;
    /*padding-top:10px;*/
}

#divPortalSearch_LeftMenu {
    background: rgb(242, 244, 247);
    border: 1px solid rgb(205, 218, 230);
    border-radius: 0px;
    float: left;
    box-shadow: none;
    height: 100%;
}

.NewsTabBar {
    cursor: pointer;
    border-radius: 0px;
    border-left: 3px solid rgb(242, 244, 247);
}

.ReleaseArea {
    height: 56px;
    border: 1px dashed rgb(191, 203, 214);
    border-radius: 1px;
    margin: 10px;
    padding: 5px;
}

    .ReleaseArea:hover {
        height: 56px;
        background: rgb(230, 241, 255);
        border: 1px dashed rgb(0, 116, 224);
        border-radius: 1px;
        color: rgb(0, 116, 224);
        font-size: 12px;
        letter-spacing: 0px;
        line-height: 16px;
    }


.CommonContentHeadText {
    background: rgb(252, 252, 252);
    border-bottom: 1px solid rgb(205, 218, 230);
    border-radius: 0px;
    color: rgb(33, 42, 54);
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0px;
    padding-bottom: 5px;
}

.NavigationPaneHeader {
    padding-left: 15px;
    padding-top: 10px;
    color: rgb(62, 76, 89);
    cursor: pointer;
    font-size: 12px
}

.NavigationSearchPaneHeader {
    padding-left: 12px;
    color: rgb(62, 76, 89);
    cursor: pointer;
    font-size: 14px
}

.GeneralContent::after {
    content: '';
    clear: both;
    display: block;
    padding-bottom: 10px;
}

.object_backgroundimg {
    float: left;
    padding-right: 5px;
    right: 20px;
    position: absolute;
    background: rgb(252, 252, 252);
}

.listbox {
    font-size: 12px;
    background-color: rgb(252, 252, 252);
    border: 1px solid rgb(184, 197, 209);
    font-family: 'system-ui', 'Segoe UI', Segoe, 'Trebuchet MS', tahoma, arial, helvetica, sans-serif;
}

.active_training {
    height: 28px;
    background: rgb(255, 247, 230) !important;
    border: 1px solid rgb(205, 218, 230);
    border-radius: 0px;
    color: rgb(33, 42, 54);
    font-weight: bold;
    height: 16px;
    letter-spacing: 0px;
    line-height: 16px;
}

.trainingtitle {
    height: 28px;
    background: rgb(236, 240, 246) !important;
    border: 1px solid rgb(205, 218, 230);
    border-radius: 0px;
    height: 16px;
    color: rgb(33, 42, 54);
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0px;
    line-height: 16px;
}

.status_no_start {
    color: rgb(122, 141, 163);
    font-weight: bold;
    letter-spacing: 0px;
    line-height: 15px;
    background: rgb(255, 255, 255);
    border-radius: 0px;
    border: 1px solid rgb(122, 141, 163);
    padding: 2px 8px;
    height: 20px;
    width: 88px;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
}

.status_recurring {
    height: 20px;
    width: 88px;
    display: inline-block;
    text-align: center;
    color: rgb(0, 94, 204);
    font-weight: bold;
    letter-spacing: 0px;
    line-height: 15px;
    background: rgb(255, 255, 255);
    border-radius: 0px;
    border: 1px solid rgb(0, 94, 204);
    padding: 2px 12px;
    white-space: nowrap;
}

.status_complete {
    height: 20px;
    width: 88px;
    display: inline-block;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0px;
    line-height: 15px;
    background: rgb(54, 183, 37);
    border-radius: 0px;
    padding: 2px 14px;
    white-space: nowrap;
}

.status_fail {
    height: 20px;
    width: 88px;
    display: inline-block;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0px;
    line-height: 15px;
    background: #F26107;
    border-radius: 0px;
    padding: 2px 14px;
    white-space: nowrap;
}

.status_inprogress {
    height: 20px;
    width: 88px;
    display: inline-block;
    text-align: center;
    color: rgb(54, 183, 37);
    font-weight: bold;
    letter-spacing: 0px;
    line-height: 15px;
    background: rgb(255, 255, 255);
    border-radius: 0px;
    border: 1px solid rgb(54, 183, 37);
    padding: 2px 9px;
    white-space: nowrap;
}
.status_partialfail {
    height: 20px;
    width: 88px;
    display: inline-block;
    text-align: center;
    color: #F26107;
    font-weight: bold;
    letter-spacing: 0px;
    line-height: 15px;
    background: rgb(255, 255, 255);
    border-radius: 0px;
    border: 1px solid #F26107;
    padding: 2px 9px;
    white-space: nowrap;
}

.userimg {
    width: 236px !important;
    height: 236px !important;
    border-radius: 0px;
}

.GroupAccordHeaderDiv {
    display: flex;
    justify-content: space-between;
    padding: 6px 12px;
}

.WFGreyBoxHeader {
    background: #ECF0F6;
    border: 1px solid #CDDAE6;
}

table.newobj-mainfields {
    border: none;
    margin-top: -6px;
    border-collapse: separate;
    border-spacing: 0px 10px;
}

    table.newobj-mainfields > tbody > tr > td:nth-child(1) {
        padding-right: 20px;
    }

    table.newobj-mainfields > tbody > tr > td:nth-child(2) {
        font-weight: 500;
        font-size: 12px;
        color: rgb(33, 42, 54);
    }

    table.newobj-mainfields td {
        border: none;
    }

td.newobj-options {
    padding-left: 32px;
    vertical-align: top;
    padding-top: 6px;
}

/* Helper Classes*/
.m-0 {
    margin: 0 !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.m-4 {
    margin: 4px !important;
}

.mt-4 {
    margin-top: 4px !important;
}

.mr-4 {
    margin-right: 4px !important;
}

.mb-4 {
    margin-bottom: 4px !important;
}

.ml-4 {
    margin-left: 4px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.m-8 {
    margin: 8px !important;
}

.mt-8 {
    margin-top: 8px !important;
}

.mr-8 {
    margin-right: 8px !important;
}

.mb-8 {
    margin-bottom: 8px !important;
}

.ml-8 {
    margin-left: 8px !important;
}

.m-12 {
    margin: 12px !important;
}

.mt-12 {
    margin-top: 12px !important;
}

.mr-12 {
    margin-right: 12px !important;
}

.mb-12 {
    margin-bottom: 12px !important;
}

.ml-12 {
    margin-left: 12px !important;
}

.m-16 {
    margin: 16px !important;
}

.mt-16 {
    margin-top: 16px !important;
}

.mr-16 {
    margin-right: 16px !important;
}

.mb-16 {
    margin-bottom: 16px !important;
}

.ml-16 {
    margin-left: 16px !important;
}

.ml-32 {
    margin-left: 32px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.mb-24 {
    margin-bottom: 24px !important;
}

.mt-24 {
    margin-top: 24px !important;
}

.mt-32 {
    margin-top: 32px !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.p-4 {
    padding: 4px !important;
}

.pt-4 {
    padding-top: 4px !important;
}

.pr-4 {
    padding-right: 4px !important;
}

.pb-4 {
    padding-bottom: 4px !important;
}

.pl-4 {
    padding-left: 4px !important;
}

.pt-5 {
    padding-top: 5px !important;
}
.pr-5 {
    padding-right: 5px !important;
}
.pb-5 {
    padding-bottom: 5px !important;
}
.pl-5 {
    padding-left: 5px !important;
}

.pl-6 {
    padding-left: 6px !important;
}

.p-8 {
    padding: 8px !important;
}

.pt-8 {
    padding-top: 8px !important;
}

.pt-6 {
    padding-top: 6px !important;
}

.pr-8 {
    padding-right: 8px !important;
}

.pb-8 {
    padding-bottom: 8px !important;
}

.pl-8 {
    padding-left: 8px !important;
}

.p-12 {
    padding: 12px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-12 {
    padding-top: 12px !important;
}

.pr-12 {
    padding-right: 12px !important;
}

.pb-12 {
    padding-bottom: 12px !important;
}

.pl-12 {
    padding-left: 12px !important;
}

.pl-24 {
    padding-left: 24px !important;
}

.p-16 {
    padding: 16px !important;
}

.pt-16 {
    padding-top: 16px !important;
}

.pr-16 {
    padding-right: 16px !important;
}

.pb-16 {
    padding-bottom: 16px !important;
}

.pl-16 {
    padding-left: 16px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.pt-24 {
    padding-top: 24px !important;
}

.pr-24 {
    padding-right: 24px !important;
}

.pt-32 {
    padding-top: 32px !important;
}

.hidden {
    visibility: hidden !important;
}
.MaintainScrollPos {
    /* For IntelliSense */
}
/*Classes for Dialog Forms*/
table.form-grid > tbody > tr > td:nth-child(even) {
    padding-left: 16px;
}

table.form-grid > tbody > tr > td:nth-child(odd):not(:first-child) {
    padding-left: 16px;
}

table.form-grid > tbody > tr + tr > td {
    padding-top: 8px;
}

table.option-list > tbody > tr + tr > td {
    padding-top: 12px;
}

table.field-list > tbody > tr + tr > td {
    padding-top: 4px;
}

/*For Dialog Buttons table*/
table.dialog-buttons {
    margin: 12px 16px 12px auto;
}

    table.dialog-buttons > tbody > tr > td:first-child {
        padding-left: 16px;
    }

    table.dialog-buttons > tbody > tr > td + td {
        padding-left: 12px;
    }

table.icon-button-group > tbody > tr > td + td {
    padding-left: 12px;
}

.DownloadFilePanel {
    color: rgb(62, 76, 89);
    letter-spacing: 0px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    border: 1.5px solid rgb(140, 229, 128);
    box-shadow: 0px 2px 3px 0px rgb(213, 221, 230);
    background: rgb(236, 251, 234);
    border-radius: 2px;
}

td.auto-size {
    width: 1px;
    white-space: nowrap;
}

.userstatuschange {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(191, 203, 214);
}

.newobj-attr-name {
    font-size: 12px;
    font-weight: 500;
    color: rgb(33, 42, 54);
}

.leave-blank {
    color: rgb(121, 141, 168) !important;
    font-size: 10px;
    font-weight: 500;
    height: 14px;
}

table.row-pt-4 > tbody > tr + tr > td {
    padding-top: 4px;
}

table.row-pt-8 > tbody > tr + tr > td {
    padding-top: 8px;
}

table.checkboxlist > tbody > tr > td {
    white-space: nowrap;
    vertical-align: top;
}

table.checkboxlist > tbody > tr + tr > td {
    padding-top: 8px;
}

table.checkboxlist input[type=checkbox] {
    margin-left: 0;
    height: 14px !important;
    width: 14px !important;
    border-radius: 2px;
}

table.checkboxlist > tbody > tr > td > label {
    color: rgb(33, 42, 54);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    top: -1px;
}

table.checkboxlistgrey > tbody > tr > td {
    white-space: nowrap;
    vertical-align: top;
}

table.checkboxlistgrey > tbody > tr + tr > td {
    padding-top: 8px;
}

table.checkboxlistgrey input[type=checkbox] {
    margin-left: 0;
    height: 14px !important;
    width: 14px !important;
    border-radius: 2px;
}

table.checkboxlistgrey > tbody > tr > td > label {
    color: rgb(62, 76, 89);
    font-weight: 500;
    letter-spacing: 0px;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    top: -2px;
}

table.radiolist > tbody > tr > td {
    white-space: nowrap;
    vertical-align: top;
}

table.radiolist > tbody > tr + tr > td {
    padding-top: 8px;
}

table.radiolist input[type=radio] {
    margin-left: 0;
    height: 14px !important;
    width: 14px !important;
    border-radius: 2px;
}

table.radiolist > tbody > tr > td > label {
    font-weight: 500;
    letter-spacing: 0px;
    padding-left: 6px;
    padding-right: 5px;
    position: relative;
    top: -1px;
}

table.radiolistgrey > tbody > tr > td {
    white-space: nowrap;
    vertical-align: top;
}

table.radiolistgrey > tbody > tr + tr > td {
    padding-top: 8px;
}

table.radiolistgrey input[type=radio] {
    margin-left: 0;
    height: 14px !important;
    width: 14px !important;
    border-radius: 2px;
}

table.radiolistgrey > tbody > tr > td > label {
    color: rgb(62, 76, 89);
    /*color: rgb(96, 112, 128);*/
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    top: -1px;
}

.unclickable {
    cursor: default;
}

.clickable {
    cursor: pointer;
}

.clickablewithhover {
    cursor: pointer;
}

.clickablewithhover:hover {
    cursor: pointer;
    background-color: rgb(230, 241, 255);
}
.leftpanelverticalpadding {
    padding-top: 24px;
}

.leftpanelverticalmargin {
    margin-top: 24px;
}

/*Dashboard Styles Start*/
.dashboard-reset {
    height: 100%;
    overflow-x: hidden;
}

    .dashboard-reset .ContentDiv {
        background: white;
        height: 100%;
        max-height: calc(100vh - 110px) !important;
    }

.dashboard {
    display: flex;
    flex-flow: row nowrap;
    height: 100%;
}

.dashboard-sidebar {
    border: 1px solid rgb(191, 203, 214);
    background-color: rgb(242, 244, 247);
    height: 100%;
}

.dashboard-sidebar-header {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    border-bottom: 1px solid rgb(191, 203, 214);
    padding: 8px 12px;
}

    .dashboard-sidebar-header > *:first-child {
        flex: 1;
    }

.dashboard-sidebar-item {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    border-left-color: rgb(242, 244, 247);
    color: rgb(62, 76, 89);
    cursor: pointer;
}

    .dashboard-sidebar-item > span {
        text-decoration: none;
        color: rgb(62, 76, 89);
        display: inline-block;
        padding: 5px 12px;
        width: 100%;
    }

        .dashboard-sidebar-item > span > svg {
            height: 16px;
            width: 16px;
            margin-right: 5px;
            vertical-align: bottom;
        }

    .dashboard-sidebar-item > span {
        margin-left: 5px;
        vertical-align: top;
    }





.dashboard-mainarea {
    flex: 1;
    margin-left: 16px;
    display: flex;
    flex-flow: column nowrap;
    overflow-x: auto;
}

    .dashboard-mainarea > .ToolBarPaddingNoTop {
        align-self: flex-start;
    }

    .dashboard-mainarea > .dashboard-mainarea-report {
        flex: 1;
    }

        .dashboard-mainarea > .dashboard-mainarea-report > .iframe-report {
            height: 100%;
        }

.dashboard .dashboard-sidebar-handle {
    display: none;
    width: 20px;
    height: 100%;
    background: rgb(242, 244, 247);
    border: 1px solid rgb(191, 203, 214);
    cursor: pointer;
}

    .dashboard .dashboard-sidebar-handle > img {
        height: 100%;
    }
/*Dashboard Styles End*/

/* Begin: CSS for hiding some parts for Parts List | Configuration View */
#CPMainPage_frmBOM_frmBOMCfgView_divBCM_View_01 {
    border: none;
    padding: 0;
    padding-bottom: 4px;
}

#CPMainPage_frmBOM_frmBOMCfgView_divBCM_View_02 {
    display: none !important;
}

tr#CPMainPage_frmBOM_tr_MainPage_BOM_BOMCfg td > div.CommonBackground {
    background: unset !important;
    padding: 0 !important;
    margin-bottom: -8px !important;
}

/*#CPMainPage_frmBOM_frmBOMCfgView_accoBOMView_BOMArea_ConfiguredBOMPartsList_divAccordionContent {
    border: none !important;
}

#CPMainPage_frmBOM_frmBOMCfgView_accoBOMView_BOMArea_ConfiguredBOMPartsList_divAccordionContent {
    padding: 0 !important;
}*/
/* End: CSS for hiding some parts for Parts List | Configuration View */


/*Css form add affected item add from background*/
.greyblock {
    height: 48px;
    background: rgb(236, 240, 246);
    border-radius: 2px;
    display: inline-block
}
/*Css form add affected item add from background*/
.NewsContent {
    cursor: pointer;
}

a.GreyLink {
    color: rgb(62, 76, 89);
}

/*height overflow issue*/
.overflow-height {
    overflow-y: auto;
    height: calc(100vh - 85px);
}

.workflow-content {
    border-radius: 0px;
    padding: 12px 12px 12px 12px;
    width: 100%;
    max-height: calc(100vh - 150px);
    overflow: auto;
}

/* Classes for Reporter */
.NavigationWrapper {
    padding: 16px 20px;
}

.NavigationPanel:not(:first-child) {
    margin-top: 20px;
}

.NavigationPanel .NavigationPanelHeader {
    font-size: 12px;
    font-weight: bold;
    color: rgb(33, 42, 54);
    line-height: 16px;
    border-bottom: 1px solid rgb(205, 218, 230);
    padding-bottom: 4px;
    margin-bottom: 8px;
}

.NavigationPanel .NavigationPanelBody {
}

.ToolbarSep {
    display: inline-block;
    border-left: 1px solid rgb(184, 197, 209);
    height: 20px;
    vertical-align: middle;
}

.ContentDiv.Reporter {
    max-height: calc(100vh - 108px);
    vertical-align: top;
}
/* Classes for Reporter end */

.ReportMgr-Step-Header {
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid rgb(205, 218, 230);
    margin-left: -12px;
    margin-right: -12px;
    margin-top: -6px;
    padding-left: 12px;
    padding-bottom: 6px;
}

.ReportMgr-Panel {
    display: inline-block;
}

.ReportMgr-Panel-Header {
    border-bottom: 1px solid rgb(203, 191, 214);
    padding-bottom: 6px;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: bold;
}

.ReportMgr-Operation-Item + .ReportMgr-Operation-Item {
    margin-top: 8px;
}

.ReportMgr-Operation-Item.Selected {
    background-color: rgb(242, 244, 247);
    border: 1px solid rgb(191, 203, 214);
    padding: 12px;
}

.ReportMgr-Operation-Item input[type=radio] {
    margin-left: 0;
}

.ReportMgr-Operation-Item-Body {
    border: 1px solid rgb(205, 218, 230);
    background: white;
    margin-left: 20px;
    margin-top: 8px;
}

    .ReportMgr-Operation-Item-Body > tbody > tr > td {
        border: 1px solid rgb(205, 218, 230);
    }

        .ReportMgr-Operation-Item-Body > tbody > tr > td:first-child {
            padding-left: 8px;
            padding-right: 8px;
        }

        .ReportMgr-Operation-Item-Body > tbody > tr > td:nth-child(2) {
            padding: 4px 8px;
        }


.ReportMgr-Fields-Wrapper {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 16px;
}

.ReportMgr-FieldList-Wrapper {
    margin-right: 32px;
}

.ReportMgr-FieldList {
    margin-left: 20px;
}

    .ReportMgr-FieldList > tbody > tr:not(:first-child) > td:first-child {
        padding-top: 6px;
    }

.ReportMgr-FieldList-AddAll-Wrapper {
    margin-left: 20px;
    margin-top: 8px;
    margin-bottom: 8px;
}

.ReportMgr-Params-Wrapper {
    margin-top: 16px;
}

.ReportMgr-Report-Fields-Wrapper {
    display: inline-block;
}

.ReportMgr-Report-Params-Wrapper {
    display: inline-block;
}

.ContentSectionWrapper {
    display: inline-block;
}

.ContentSection + .ContentSection {
    margin-top: 24px;
}

.ContentSection a {
    font-weight: 500;
}

.ContentSection .ContentSectionHeader {
    border-bottom: 1px solid rgb(203, 191, 214);
    padding-bottom: 6px;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: bold;
}

.ReporterPreferenceTitleBar {
    border-radius: 0px;
    font-size: 12px;
    font-weight: bold;
    height: 36px;
    margin-left: -12px;
    margin-top: -8px;
    margin-right: -12px;
    margin-bottom: 8px;
    line-height: 34px;
}

.max-height-search {
    max-height:77vh;
    overflow-y:auto;
}
.noborder {
    border: none!important;
}

.CellNotFound {     
    background-color: #FDE8E8;
}

.CellChange {
    background-color: #ffffcc;
}

.CellChangeDiff {
    background-color: #ffff66;
}


/* Admin */
.AdminContainer {
    height: 100vh;
    display: flex;
    flex-flow: row nowrap;
    font-size: 12px;
}
    .AdminContainer > div:last-child {
        overflow-x: auto;
    }

#AdminMainContent > div {
    max-height: 100%;
    overflow: hidden;
}

.AdminContainer #div_username {
    margin-right: -10px;
    position: relative;
}

    .AdminContainer #div_username .userdetails {
        position: absolute;
        right: 0!important;
    }
    .AdminContainer .InlineBlock {
        position: relative;
    }
    .AdminContainer .InlineBlock .HelpFileItems {
        right: 0;
    }
#Sidebar {
    background-color: #FCFCFC;
    display: flex;
    flex-flow: column nowrap;
}

    #Sidebar.Collapsed {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        z-index: 999;
    }

    #Sidebar .SidebarHeader {
        padding-top: 12px;
        padding-bottom: 12px;
        padding-left: 20px;
    }

        #Sidebar .SidebarHeader img {
            display: block;
            height: initial;
            width: initial;
        }

#SidebarToggler {
    width: 20px;
    display: none;
    flex-flow: column nowrap;
}

    #SidebarToggler .HeaderBlock {
        height: 48px;
    }

    #SidebarToggler img {
        display: block;
        margin-top: 416px;
        align-self: center;
    }


.SidebarBody {
    flex-grow: 1;
    display: flex;
    flex-flow: column nowrap;
    position: relative;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

.SidebarContent {
    flex-grow: 1;
    padding-top: 8px;
    overflow-y: auto;
}

.SidebarFooter {
    padding: 7px 20px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    border: 0;
    border-top: 1px dashed rgb(213, 221, 230);
}

    .SidebarFooter img {
        display: block;
        height: initial;
        width: initial;
    }

    .SidebarFooter span {
        display: block;
        font-size: 10px;
        color: #8495A9;
        margin-left: 5px;
        font-weight: 400;
    }

#MainArea {
    flex-grow: 1;
    display: flex;
    flex-flow: column nowrap;
}

    #MainArea .MainHeader {
        display: flex;
        flex-flow: row nowrap;
        padding-left: 12px;
        padding-right: 20px;
    }

#SidebarToggleButton {
    display: block;
    margin: 16px 12px 16px 0;
    cursor: pointer;
}

#MainArea .MainHeader .MainTitle {
    font-size: 14px;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 15px;
    margin-bottom: 15px;
    color: white;
    vertical-align: bottom;
    flex-grow: 1;
}

#MainArea .MainHeader .PageSearchBox {
    align-self: center;
    height: 30px;
    width: 200px;
    background: #FEFEFE;
    transition: all .1s;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    padding-left: 8px;
    padding-right: 8px;
    margin-right: 8px;
}

    #MainArea .MainHeader .PageSearchBox:focus-within {
        outline: 2px solid rgba(255, 255, 255, 0.5);
    }

    #MainArea .MainHeader .PageSearchBox input[type=text] {
        border: none;
        outline: none;
        font-size: 12px;
        font-weight: 500;
        line-height: 14px;
        flex-grow: 1;
        margin-right: 4px;
    }

    #MainArea .MainHeader .PageSearchBox input::placeholder {
        font-size: 12px;
        line-height: 14px;
    }

#MainArea .MainContent {
    flex-grow: 1;
    background-color: #E9ECF2;
    padding: 12px 20px 12px 12px;
     
}

.MainContent .ContentPageHeader {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    margin-bottom: 8px;
}

    .MainContent .ContentPageHeader .ContentPageTitle {
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 20px;
    }

.MainContent .ContentPageBody {
    background-color: #FCFCFC;
    border-width: 1px;
    border-style: solid;
    border-top-width: 3px;
    padding: 12px;
    max-height: calc(100vh - 120px);
    overflow-y: auto;
}

.AdminNavigationWrapper {
    padding: 4px 20px 12px 20px;
}

    .AdminNavigationWrapper .ContentPageHeader .ContentPageTitle {
        font-weight: 700;
        font-size: 14px;
        margin-bottom: 8px;
    }
/* Admin End*/
/* General Classes */
.AutoFit {
    display: inline-block;
}

.InputButtonGroup {
    display: flex;
    flex-flow: row nowrap;
    background-color: white;
}

    .InputButtonGroup > input[type=text] {
        border: 1px solid #B8C5D1;
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
        border-right: none;
        outline: none;
    }

        .InputButtonGroup > input[type=text]:focus {
            border: 1px solid rgb(0, 116, 224);
        }

    .InputButtonGroup > .button {
        height: 28px;
        width: 28px;
        text-align: center;
        display: flex;
        justify-content: center;
        border: 1px solid #B8C5D1;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
    }

        .InputButtonGroup > .button > image {
            align-self: center;
        }

a.UpdateButton {
    height: unset !important;
    width: unset !important;
    min-width: unset !important;
    display: inline-block !important;
    padding: 6px 12px !important;
    font-weight: 700 !important;
    line-height: 16px !important;
    text-decoration: none !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 2px !important;
}

a.CloseButton {
    height: unset !important;
    width: unset !important;
    min-width: unset !important;
    display: inline-block !important;
    padding: 6px 12px !important;
    font-weight: 700 !important;
    line-height: 16px !important;
    text-decoration: none !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 2px !important;
    color: rgb(62, 76, 89);
}

p.Text {
    line-height: 16px;
}
p.Text + p.Text {
    margin-top: 2px;
}
/* End of General Classes*/

/* Styling Alerts */
.AlertNoBorder {
    display: flex;
    flex-flow: row nowrap;
    padding: 8px;
    margin-bottom: 8px;
}
.AlertNoBorder.Warning {    
    background-color: #FFF0E6;
}
.Alert {
    display: flex;
    flex-flow: row nowrap;
    padding: 8px;
    border-width: 2px;
    border-style: solid;
    margin-bottom: 8px;
}

.AlertIcon {
    margin-right: 8px;
    user-select: none;
}

.AlertIcon > img {
    display: block;
}

.AlertBody {
    display: flex;
    flex-flow: column nowrap;
    color: #3E4C59;
}

.AlertTitle {
    font-weight: 700;
    line-height: 16px;
}

.AlertText {
    font-weight: 500;
    line-height: 16px;
}

.AlertTitle + .AlertText {
    margin-top: 2px;
}

/* Info */
.Alert.Info {
    border-color: #75ACF0;
    background-color: #E8F1FD;
}

/* Success */
.Alert.Success {
    border-color: #8CE580;
    background-color: #ECFBEA;
}

/* Warning */
.Alert.Warning {
    border-color: #FFA366;
    background-color: #FFF0E6;
}

/* Error */
.Alert.Error {
    border-color: #F07575;
    background-color: #FDE8E8;
}
/* End of Styling Alerts */

/* Styling Toolbars */
.Toolbar {
    display: flex;
    flex-flow: row nowrap;
}

.ToolbarGroup {
    padding-left: 12px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

/* Styling Toolbars */
.ToolbarGroup::before {
    content: "";
    background-image: url(../../Apps/images/Svg/Apps/separator.svg);
    height: 20px;
    width: 1px;
    margin-right: 12px;
}

.Toolbar.NoLeadingSeparator .ToolbarGroup::before {
    all: unset;
}

.ToolbarItem + .ToolbarItem {
    margin-left: 12px;
}
/* End of Styling Toolbars */

/* Styling Form Layout */
/* End of Styling Form Layout */

/* Styling Sections */
.Section + .Section {
    margin-top: 24px;
}

.SectionHeader {
    padding-bottom: 5px;
    border-bottom: 1px solid #BFCBD6;
    margin-bottom: 8px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

.SectionTitle {
    font-weight: 700;
    line-height: 16px;
}

.Required::before {
    content: '*';
    color: rgb(212, 13, 0);
}

.SectionTitle > img {
    vertical-align: top;
}
/* End of Styling Sections */

/* Styling Dialog Bar */
.DialogBar {
    max-width: 90vw;
    min-width: 200px;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-flow: column nowrap;
    box-shadow: -1px 0px 4px rgba(0, 0, 0, 0.3);
    background-color: #ECEFF5;
    z-index: 9999;
}

.FloatDialogBar {
    max-width: 50vh;
    position: absolute;
    display: flex;
    flex-flow: column nowrap;
    box-shadow: -1px 0px 4px rgba(0, 0, 0, 0.3);
    background-color: #ECEFF5;
    z-index: 9999;
}

.DialogHeader {
    display: flex;
    flex-flow: row nowrap;
    padding: 12px 16px;
    background-color: #ECF0F6;
}

.DialogTitle {
    font-size: 14px;
    font-weight: 700;
    flex: 1;
    margin-right: 16px;
}

.Dialog {
    flex: 1;
    display: flex;
    flex-flow: column nowrap;
    overflow: auto;
}

.DialogBody {
    background-color: #FCFCFC;
    padding: 12px 16px;
}

.DialogFooter {
    padding: 12px 16px;
    flex: 1;
}

.DialogButtons {
    display: flex;
    flex-flow: row nowrap;
    justify-content: end;
    align-items: center;
}

.DialogButtons > * {
    margin-left: 8px;
}

.DialogBar .Alerts {
    background-color: #FCFCFC;
    padding-left: 16px;
    padding-right: 16px;
}

.DialogBar .Alerts > .Alert {
    margin-top: 12px;
    margin-bottom: 0px;
}
/* End of Styling Dialog Bar*/
.HoverMenuUnderECO,
.HoverMenuUnderECO svg {
    color: #F26107;
    fill: #F26107;
}
.HoverMenuUnderECO:hover,
.HoverMenuUnderECO:hover svg {
    color: #E34901;
    fill: #E34901;
}

.DefaultNodeStyle.Selected {
    font-weight: bold;
}

.TemplateField > span {
    border: 1px solid rgb(184, 197, 209);
    background-color: white;
    padding: 6px 12px;
    display: block;
    text-align: center;
    cursor: pointer;
    margin-top: -1px;
    margin-left: -1px;
    position: relative;
    z-index: 1;
    user-select: none;
}

.TemplateField:hover > span {
    border-color: #6EA4EB;
    background-color: #E6F1FF;
    z-index: 2;
}

.redbadgeheader {
    line-height: 1.8;
    min-width: 12px;   
    color: #fff;
    font-size: 8px;
    font-weight: 500;
    display: inline-block;
    border-radius: 100px;
    z-index: 1; 
    text-align: center;
    background-color: #de2e21;
    padding: 1px 4px;
    position: relative;
    top: -2px;
}
 

.GroupAccordFilledHeader {
    background: #75ACF0;
    border: 1.5px solid #75ACF0;
    box-sizing: border-box;
    box-shadow: 0px 2px 3px #D5DDE6;
    border-radius: 2px;
    color: white;
    cursor: pointer;
}

/* Flex Layout Helpers */
.DFlex {
    display: flex !important;
}
.DInlineFlex {
    display: inline-flex !important;
}
.FlexRow {
    flex-direction: row !important;
}
.FlexColumn {
    flex-direction: column !important;
}
.FlexWrap {
    flex-wrap: wrap !important;
}
.FlexNowrap {
    flex-wrap: nowrap !important;
}
.JustifyContentStart {
    justify-content: flex-start !important;
}
.JustifyContentEnd {
    justify-content: flex-end !important;
}
.JustifyContentCenter {
    justify-content: center !important;
}
.JustifyContentBetween {
    justify-content: space-between !important;
}
.JustifyContentAround {
    justify-content: space-around !important;
}
.AlignItemsStart {
    align-items: flex-start !important;
}
.AlignItemsEnd {
    align-items: flex-end !important;
}
.AlignItemsCenter {
    align-items: center !important;
}
.AlignItemsBaseline {
    align-items: baseline !important;
}
.AlignItemsStretch {
    align-items: stretch !important;
}
.AlignContentStart {
    align-content: flex-start !important;
}
.AlignContentEnd {
    align-content: flex-end !important;
}
.AlignContentCenter {
    align-content: center !important;
}
.AlignContentBetween {
    align-content: space-between !important;
}
.AlignContentAround {
    align-content: space-around !important;
}
.AlignContentStretch {
    align-content: stretch !important;
}
.AlignSelfAuto {
    align-self: auto !important;
}
.AlignSelfStart {
    align-self: flex-start !important;
}
.AlignSelfEnd {
    align-self: flex-end !important;
}
.AlignSelfCenter {
    align-self: center !important;
}
.AlignSelfBaseline {
    align-self: baseline !important;
}
.AlignSelfStretch {
    align-self: stretch !important;
}
/* End of Flex Layout Helpers */

.GoldPermission {
    background-color: #FABB31;
    padding: 0px 0px !important;
    width:8px !important;
}
.SilverPermission {
    background-color: #A2BED9;
    padding: 0px 0px !important;
    width: 8px !important;
}
.BronzePermission {
    background-color: #C98264;
    padding: 0px 0px !important;
    width: 8px !important;
}
.PermissionTable {
    background: rgb(252, 252, 252);
    color: rgb(33, 42, 54);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 16px;
}
.PermissionTable > tbody > tr > td {
    border: 1px solid rgb(205, 218, 230);
    border-collapse: collapse;
    height: 32px;
    color: rgb(33, 42, 54);
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 16px;
    /*padding: 6px 2px;*/
}
.PermissionHeader {
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #212A36;
    flex: none;
    order: 0;
    flex-grow: 0;
    background-color: #CDDAE6;
}
.PermissionCell {
    padding: 6px 8px;
}

.PermissionUserList > tbody > tr > td {
    border: 1px solid rgb(205, 218, 230);
    border-collapse: collapse;
    color: rgb(33, 42, 54);
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 16px;
    padding: 2px;
}

.PermissionUserList {
    background: rgb(252, 252, 252);
    color: rgb(33, 42, 54);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 16px;
}


.left-content {
    position: absolute;
    left: 0;   
    max-width: 25vw;
    min-width: 100px;  
 
}

.flex-width-column {
    max-width: 200px;
    min-width: 60px;
    word-wrap: break-word;
    white-space: break-spaces;
    overflow: hidden;
}


@media print {
    #div_nar_menu {
        display: none;
    }

    .ContentDiv {
        max-height: unset;
        width: unset;
    }

    #divMainPageContent {
        height: unset;
    }

    .DivObjectHeightContent100 {
        height: unset;
    }

    .DivHeightMain100 {
        height: unset;
    }

    .css-1f63klf {
        height: unset;
        overflow: auto;
    }

    .css-ld3atn {
        height: unset;
        max-height: initial !important;
    }

    .NavigationPaneBackgroundHeader {
        display: none;
    }

    #back-top {
        display: none !important;
    }

    .RedlineNavDiv, .RedlineContentDiv {
        max-height: unset;
    }
}

/* The switch - the box around the slider  start */
.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
}

    /* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    top: 2px;
    left: 1.5px;  
    bottom: 2px; 
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #36B725;
  
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}
/* The switch - the box around the slider  end */

/*Color Picker start*/
.ColorPicker {
    width: 16px;
    height: 16px;
    position: relative;
    display: inline-block;
    margin-right:8px;
}

.ColorPicker input[type=radio] {
    opacity: 0;
    width: 0;
    height: 0;
}


.ColorPicker input[type=radio]:focus {
    outline: none;
}

.ColorPicker .ColorBlock {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.ColorPicker .ColorBlock::before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    top: 0px;
    left: 0px;
    bottom: 0px;
}


input[type=radio]:checked + .ColorBlock::before {
    outline: 3px solid #3f48cc;
}