/*Global styles*/
body, a {
    font-family: Arial, sans-serif !important;
}

.odd, .even {
    line-height: 1.6;
}

/*
TABLES
**/

.rich-table{
    border:none;
}

/*
    Format regular table cell
*/
.rich-table-cell {
    font-family: Arial,serif;
    font-size: 11px;
    color: #333333;
    text-align: left;
    padding: 3px;
    vertical-align: middle;
    text-decoration: none;
    border-bottom: none;
    border-left:none;
    border-right: none;
}

.rich-table-cell a:hover {
    text-decoration: underline;
}

/*****************
	Table header row
*****************/

.rich-table-subheader {
    background-color: #FFFFFF;
    border-bottom-color: #CCCCCC;
    border-bottom-width: 2px;
    border-bottom-style: double;

}

/*
    Cells header row
*/

.rich-table-subheadercell {
    height: auto; /*for 1 line headers*/
    /*height: 25px;*/
    vertical-align: top;
    font-family: Arial,serif;
    font-size: 14px;
    font-weight: inherit;
    text-align: left;
    border-left: none;
    border-right:none;
    padding: 3px;
    color: #a2a2a2;
}

.rich-table-subheadercell a, .rich-table-subheadercell label {
    font-size: 14px;
    text-decoration: none;
    vertical-align: top;
    color: #a2a2a2;
}

/*Links in header*/

a.sortLinks{
    background-color: white;
    font-size: 14px;
    text-decoration: none;
    color: #a2a2a2;
}

span.sortLinksItems{
    font-size: 14px;
    text-decoration: none;
    color:  #a2a2a2;
}

a.sortLinksItems{
    font-size: 14px;
    text-decoration: none;
    color:  #a2a2a2;
}


span.sortLinks{
    font-size: 14px;
    text-decoration: none;
    color: #a2a2a2;
}

.sortLinks{
    font-size: 14px;
    text-decoration: none;
    color: #a2a2a2;
    width: auto;
}

/*Background color fix for headers*/
.rich-table-subheadercell span {
    background-color: white;
    vertical-align: top;
}

.nd-ellipsis-one-line .nd-ellipsis-truncate-text {
    overflow: hidden;
    text-overflow: ellipsis;
}

.nd-ellipsis-one-line .nd-apply-single-line {
    max-width: 0;
    white-space: nowrap;
}

.nd-ellipsis-one-line .nd-max-width-200-px {
    max-width: 200px;
}

.nd-ellipsis-one-line .nd-max-width-120-px {
    max-width: 120px;
}

.nd-ellipsis-one-line .nd-ellipsis-truncate-text-container {
    overflow: hidden;
}

.nd-ellipsis-one-line .rich-table-cell {
    /*max-width: 0;*/ /*Commented for PCPMDEV-277 / Need to check that everything OK now*/
    height: 19px;
    white-space: nowrap;
    overflow: hidden;
}

.nd-ellipsis-three-lines .nd-ellipsis-truncate-text-container {
    overflow: hidden;
    position: relative;
    max-height: 38px;
    line-height: 1.185em;
}

.nd-ellipsis-three-lines .nd-ellipsis-truncate-text {
    float: right;
    width: 100%;
    margin-left: -5px;
}

.nd-ellipsis-truncate-text img {
    float: left;
}

.nd-ellipsis-three-lines .nd-show-ellipsis:before {
    content: "";
    float: left;
    width: 5px;
    /*height: 53px;*/
}

.nd-ellipsis-three-lines .nd-show-ellipsis:after {
    content: "...";
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    float: right;
    position: relative;
    top: 25px;
    left: 100%;
    width: 2em;
    margin-left: -2em;
    padding-right: 5px;
    text-align: center;
    background: inherit;
}

/*.nd-ellipsis-three-lines .nd-show-ellipsis:after {
    background: white;
}*/

/*.nd-ellipsis-three-lines .odd-table-row .nd-show-ellipsis:after {
    background: #F0F0F0;
}*/

/*.nd-ellipsis-three-lines .rich-table-row:hover .nd-show-ellipsis:after {
    background: #E6F3FB;
}*/

.nd-ellipsis-three-lines .rich-table-cell, .crTbl_selectorClass .rich-table-cell {
    height: 44px;
    overflow: hidden;
}

.crTbl_selectorClass .rich-table-cell {

}

.nd-ellipsis-tooltip-trigger {
    position: relative;
}

.nd-ellipsis-tooltip-trigger + .nd-tooltip-content {
    visibility: hidden;
}

.nd-ellipsis-tooltip-trigger:hover + .nd-tooltip-content, .nd-tooltip-content:hover {
    visibility: visible;
}

.nd-ellipsis-three-lines .rich-table-cell span {
    display: inherit;
}

.nd-tooltip-content {
    position: absolute;
    max-width: 300px;
    padding: 6px 6px;
    background-color: white;
    border-radius: 6px;
    border: 1px solid #cfcfcf;
    text-align: left;
    font-weight: bold;
    white-space: normal;
    color: black;
    z-index: 1;
}

/*Used mostly for ID and IRDI*/
.nd-one-line-field {
    width: 1%;
    white-space: pre-wrap;
}

.resizable-grip {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 3px !important;
    cursor: e-resize;
    border-right: 2px solid white;
    z-index: 1;
}

.resizable-grip:hover {
    border-right: 2px solid rgb(153, 153, 153);
}

.resizable-table td, .resizable-table th, .createConstraint-table-header-fix td, .createConstraint-table-header-fix th {
    text-overflow: ellipsis;
}

.resizable-table th, .createConstraint-table-header-fix th {
    position: relative;
    /*padding-bottom: 0;*/
    background-color: white;
    white-space: nowrap;
}

.resizable-table th div, .createConstraint-table-header-fix th div {
    display: inline-block;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    height: 14px;
    vertical-align: top;
}

.resizable-table {
    table-layout: fixed;
}

.no-sorting-tooltip-fix {
    top: 20px;
    left: 0;
    width: auto !important;
    height: auto !important;
    white-space: inherit;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
}

/*Disable header elipsis in IE and enable in Chrome*/
@supports (background-blend-mode: hue) {
    .resizable-table th div, .createConstraint-table-header-fix th div {
        width: inherit;
        vertical-align: top;
        /*overflow: hidden;*/
    }

     .resizable-table th div:first-child .createConstraint-table-header-fix th div:first-child {
         overflow: hidden;
     }
}

.resizable-table th div:nth-child(1), .resizable-table th div:nth-child(1) a, .createConstraint-table-header-fix th div:nth-child(1), .createConstraint-table-header-fix th div:nth-child(1) a {
    padding-bottom: 0;
    overflow: visible;
}

.resizable-table th div a {
    /*display: inline-block;*/
    margin-bottom: 23px;
}

.treeNodeGlyph {
    margin-right: 3px;
}

/*Tables pagination icons*/
.navigation-arrows img {
    width: 10px;
    padding: 0 10px;
    vertical-align: baseline;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: .4;
}

.navigation-arrows img.arrow-icon-active {
    width: 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

/*.nav-first-arrow, .nav-last-arrow {
    width: 7px !important;
}*/

.table-nav-items-counter {
    margin-right: 10px;
}

a.sortLinks, .sortLinksItems, .rich-table-subheadercell div span {
    /*display: inline-block; Commented to fix multistatuses column ... issue*/
    overflow: hidden;
    text-overflow: ellipsis;
    width: auto;
}

.sortLinks {
    display: inline-block;
    width: auto;
    font-size: 14px;
    text-decoration: none;
    color: #858585;
    -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
    overflow: hidden;
}

.rich-table tr.highlight {
    background-color: #b4d3ff;
    color: white;

}

.rich-table tr.highlight td{
    color: white;
}

.rich-table tr.highlight td a{
    color: white;
}

/*Manage properties - Change text - botton button fix*/
.change-text-bb {
    display: inline-block;
}

.change-text-bb .search-field {
    margin-top: 13px;
}

.modal-overflow-scroll .rich-mpnl-content {
    -ms-overflow-x: scroll;
        overflow-x: scroll;
}

.content-comp-tree {
    /*overflow: auto;*/
}

.rich-tabpanel-content {
    position: relative;
    -ms-overflow-x: visible;
    overflow-x: visible;
    -ms-overflow-y: visible;
    overflow-y: visible;
}

.rich-tabpanel-content-fix {
    position: relative;
    -ms-overflow-x: visible;
    overflow-x: visible;
    -ms-overflow-y: visible;
    overflow-y: visible;
}

.attributeTable table tr td select {
	width: 305px;
}

.attributeTable table tr td input {
	width: 305px;
        overflow-x: visible;
    -ms-overflow-y: visible;
        overflow-y: visible;
}

/*Last column fix styles*/

/*.rich-tabpanel-content-fix {
    position: relative;
    -ms-overflow-x: visible;
    overflow-x: visible;
    -ms-overflow-y: visible;
    overflow-y: visible;
}

.rich-table > tbody > tr.even-table-row > td:last-child, .rich-table > tbody > tr.odd-table-row > td:last-child {
    position: absolute;
    background-color: inherit;
    max-width: initial;
    height: inherit;
    display: none;
}*/

/*For tables w/o tbody*/
/*.rich-table > thead >  tr.rich-table-subheader > th:last-child {
    display: none;
    width: 100%;
    position: absolute;
    background-color: inherit;
    max-width: initial;
}*/


.createConstraint-table-header-fix > thead > tr.rich-table-subheader > th:last-child {
    display: inherit;
    width: auto;
}

.sel-of-attribute-second-table-fix > tbody > tr.even-table-row > td:last-child,
.sel-of-attribute-second-table-fix > tbody > tr.odd-table-row > td:last-child,
.sel-of-attribute-table-fix > tbody > tr.even-table-row > td:last-child,
.sel-of-attribute-table-fix > tbody > tr.odd-table-row > td:last-child,
.sel-of-attribute-second-table-fix > thead > tr > th:last-child,
.sel-of-attribute-table-fix > thead > tr > th:last-child {
    position: relative !important;
    display: inherit !important;
}

/* Fix content float in the last column */
.rich-table.table-no-float > tbody > tr.even-table-row > td:last-child, .rich-table.table-no-float > tbody > tr.odd-table-row > td:last-child,
.rich-table.table-no-float > thead >  tr.rich-table-subheader > th:last-child {
    position: static;
}

/*.rich-table > tbody > tr.rich-table-firstrow > td:last-child {
    margin-top: -2px;
    border-top: 2px solid #cccccc;
    display: none;
} */

.doc-status-row-fix {
    height: 38px;
    max-height: 38px;
}

.tm-mt-table-in-table-fix > tbody > tr > td {
    border: none !important;
}

.table {
    position: relative;
    overflow: hidden;
}

#bodyContent {
    position: relative;
    /*overflow: hidden;*/
    z-index: 0;
}

.rich-stglpanel-body {
    overflow: inherit;
}

/*Add this styles instead of overflow above, but still this styles may be too "global"*/
.rich-stglpanel {
    position: relative;
    /*overflow: hidden;*/ /*Disable for some time to fix PCPMDEV-722*/
}

.manage-classification-table-wrap > thead > tr {
    height: 45px;
}

.view-task-detail-tr-fix > thead > tr {
    height: 48px;
}

/*.item-list-view-table-wrap > thead > tr {
    height: 48px;
}*/

.item-list-view-table-wrap .table-fav-select {
    top:10px;
}

.e2-table-wrap {
    position: relative;
    overflow: hidden;
}

.listItemPendingChange{
    background-color: yellow;
}

.listItemPendingChangeSimple{
    color: #DBAB11;
    font-style: italic;
}

.editListItemChanged{
    background-color: #faffbd;
}

.listItemNew{
    color: green;
}

.listItemPendingDelete{
    text-decoration: line-through;
    color:#333333;
}

.uninitializedEntry {
    color: grey;
}

.newEntry {
    color: green;
}

.deletedEntry {
    color: red;
}


.modifiedEntry{
    color:blue;
}


.normalEntry {
    color: black;
}

.two-lines-column-fix div:nth-child(1), .two-lines-column-fix div:nth-child(1) div {
    overflow: visible !important;
}

.make-popup-buttons-right table tbody tr {
    position: relative;
    height: 48px;
}

.bp-a-ellipsis, .bp--is-a-ellipsis {
    display: block;
    -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
    overflow: hidden;
}
.bp-a-ellipsis, .bp--is-a-ellipsis {
    display: block;
    -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
    overflow: hidden;
}
.bp-a-ellipsis, .bp--is-a-ellipsis {
    display: block;
    -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
    overflow: hidden;
}
.bp-a-ellipsis, .bp--is-a-ellipsis {
    display: block;
    -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
    overflow: hidden;
}

.text-to-uppercase .rich-table-row td:first-child {
    text-transform: uppercase;
}

.rich-mpnl-text img {
    width: 20px;
    margin-top: 2px;
    margin-right: 2px !important;
}

.va-search-items {
    vertical-align: middle;
}

.resizable-table th:nth-child(1) .filter-tooltip,
.resizable-table th:nth-child(2) .filter-tooltip {
    left: -33px;
}

.ex-attr-no-drag {
    display: none;
}