* {
    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;
    white-space: nowrap;
    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
}

/*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-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, ul.HoverMenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    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;
    }

.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;
}
.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
}

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;
}

.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 {
    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;
}

.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 7px;
    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: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 {
    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;
}

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;
}

.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-bottom: 2px;
    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;
}

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;
}

/*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: 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;*/
}

.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_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;
}


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

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

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;
}

.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;
}

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

.mb-20 {
    margin-bottom: 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;
}

.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;
}

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

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

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

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

/*Classes for Dialog Forms*/
table.form-grid > tbody > tr > td:nth-child(even) {
    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;
}


.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;
}