.stepsTableCellContainer {
    height: 100%;
    box-shadow: -1px 0px 0px 0px #F0F0F0,
                0px 1px 0px 0px #F0F0F0;
}

.stepsTableRow.project .stepsTableCellContainer {
    box-shadow: -1px 0px 0px 0px #F0F0F0,
    0px 1px 0px 0px #F0F0F0;
}

.stepsTableRow.isDeleted {
    cursor: default;
}

.stepsTableRow.isDeleted .stepsTableCellContainer .stepsTableCell .expandCollapseArrow {
    pointer-events: auto;
}

.stepsTableRow.project .stepsTableCellContainer .stepsTableCell {
   padding-top: 14px;
}

.stepsTableCellContainer.highlightEvenRowsQEM {
    box-shadow: -1px 0px 0px 0px #F0F0F0;
}

.stepsTableCellContainer.isSelected {
    background-color: #D9EEFE !important;
}

.stepsTableCellContainer.isHighlighted {
    animation: pulse 5s ease-in;
}

.stepsTableCellContainer.isSelected.isHighlighted {
    animation: pulseWithSelected 3s ease-in;
}

.stepsTableCellContainer.forDropping {
    box-shadow: inset 0 -1px 0 #5774e7;
}

.stepsTableCellContainer.highlightSortedByColumn {
    background-color: rgba(87, 116, 231, 0.04);
}

@keyframes pulse {
    0% {
        background-color: #EEF6E7;
        fill: #EEF6E7;
    }
    100% {
        background-color: transparent;
        fill: transparent;
    }
}

@keyframes pulseWithSelected {
    0% {
        background-color: #DFE9E6;
    }
    100% {
        background-color: transparent;
    }
}

    .stepsTableCellContainer.isDeleted .stepsTableCell:not(.nameCell):not(.lineNumber) {
        opacity: 0.4;
    }

    .stepsTableCellContainer .stepsTableCell {
        height: 100%;
        font-family: GlowRegular;
        font-size: 14px;
        color: #4a4a4a;
    }

        .stepsTableCellContainer .stepsTableCell.lineNumber {
            padding-top: 4px;
            text-align: center;
            cursor: pointer;
            position: relative;
        }

        .stepsTableCellContainer .stepsTableCell.lineNumber.withLoader {
            display: flex;
            align-items: center;
            justify-content: center;
            padding-top: 0;
        }

        .stepsTableCellContainer .stepsTableCell.lineNumber.withLoader .ui-loader-dark {
            margin-top: 0;
        }

        .stepsTableCellContainer .stepsTableCell.lineNumber .backgroundColor {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            /*background-color: #b6b6b6;*/
            opacity: 0.1;
        }

            .stepsTableCellContainer .stepsTableCell.lineNumber .backgroundColor.isPrintingMode {
                background-color: #b6b6b6 !important;
                box-shadow: inset 0 0 0 100vh #b6b6b6 !important;
            }

        .stepsTableCellContainer .stepsTableCell.lineNumber.allowsDragging {
            cursor: move;
        }

        .stepsTableRow:hover:not(.project):not(.isPrintingMode) .stepsTableCellContainer .stepsTableCell.lineNumber.allowsDragging .number,
        .stepsTableRow.highlighted:not(.isPrintingMode) .stepsTableCellContainer .stepsTableCell.lineNumber.allowsDragging .number {
            display: none;
        }

        .stepsTableCellContainer .stepsTableCell.lineNumber .dragIcon {
            display: none;

        }

        .stepsTableRow:hover:not(.project):not(.isPrintingMode) .stepsTableCellContainer .stepsTableCell.lineNumber.allowsDragging .dragIcon,
        .stepsTableRow.highlighted:not(.isPrintingMode) .stepsTableCellContainer .stepsTableCell.lineNumber.allowsDragging .dragIcon {
            display: block;
        }

        .stepsTableCellContainer .stepsTableCell.priorityCells .priority {
            font-family: GlowSemiBold;
            overflow: hidden;
            text-align: right;
            align-self: flex-start;
            padding-top: 5px;
            padding-right: 10px;
            padding-left: 10px;
        }

            .stepsTableCellContainer .stepsTableCell.priorityCells .priority.blue {
                color: #0090FF;
            }

            .stepsTableCellContainer .stepsTableCell.priorityCells .priority.green {
                color: #0ac200;
            }

            .stepsTableCellContainer .stepsTableCell.priorityCells .priority.yellow {
                color: #ffb400;
            }

            .stepsTableCellContainer .stepsTableCell.priorityCells .priority.red {
                color: #ff002b;
            }

            .stepsTableCellContainer .stepsTableCell.priorityCells.isCompleted .priority {
                color: #B6B6B6;
            }

            /*In order to show color while printing PDF - use !important*/
            .stepsTableCellContainer .stepsTableCell.priorityCells.isPrintingMode .priority.blue {
                /*PDF*/
                color: transparent !important;
                text-shadow: 0 0 #0090FF!important;
            }

            .stepsTableCellContainer .stepsTableCell.priorityCells.isPrintingMode .priority.green {
                /*PDF*/
                color: transparent !important;
                text-shadow: 0 0 #0ac200!important;
            }

            .stepsTableCellContainer .stepsTableCell.priorityCells.isPrintingMode .priority.yellow {
                /*PDF*/
                color: transparent !important;
                text-shadow: 0 0 #ffb400!important;
            }

            .stepsTableCellContainer .stepsTableCell.priorityCells.isPrintingMode .priority.red {
                /*PDF*/
                color: transparent !important;
                text-shadow: 0 0 #ff002b!important;
            }

            .stepsTableCellContainer .stepsTableCell.priorityCells.isPrintingMode.isCompleted .priority {
                /*PDF*/
                color: transparent !important;
                text-shadow: 0 0 #B6B6B6!important;
            }


        .stepsTableCellContainer .stepsTableCell.remainingWork,
        .stepsTableCellContainer .stepsTableCell.spentWork,
        .stepsTableCellContainer .stepsTableCell.totalWork,
        .stepsTableCellContainer .stepsTableCell.assignUnits,
        .stepsTableCellContainer .stepsTableCell.businessValue,
        .stepsTableCellContainer .stepsTableCell.difference {
            display: flex;
            justify-content: flex-end;
        }

        .stepsTableCellContainer .stepsTableCell.predictionEnd,
        .stepsTableCellContainer .stepsTableCell.predictionStart {
            display: flex;
        }

            .stepsTableCellContainer .stepsTableCell.remainingWork .value,
            .stepsTableCellContainer .stepsTableCell.spentWork .value,
            .stepsTableCellContainer .stepsTableCell.predictionEnd .value,
            .stepsTableCellContainer .stepsTableCell.predictionStart .value,
            .stepsTableCellContainer .stepsTableCell.totalWork .value,
            .stepsTableCellContainer .stepsTableCell.assignUnits .value,
            .stepsTableCellContainer .stepsTableCell.businessValue .value,
            .stepsTableCellContainer .stepsTableCell.difference .value,
            .stepsTableCellContainer .stepsTableCell.itemId .value {
                align-self: center;
                padding-right: 10px;
                padding-left: 7px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .stepsTableCellContainer .stepsTableCell.remainingWork.inProjectRow .value,
            .stepsTableCellContainer .stepsTableCell.spentWork.inProjectRow .value,
            .stepsTableCellContainer .stepsTableCell.totalWork.inProjectRow .value,
            .stepsTableCellContainer .stepsTableCell.totalBaseline.inProjectRow .value,
            .stepsTableCellContainer .stepsTableCell.difference.inProjectRow .value,
            .stepsTableCellContainer .stepsTableCell.milestoneBaseline.inProjectRow .value,
            .stepsTableCellContainer .stepsTableCell.assignUnits.inProjectRow .value,
            .stepsTableCellContainer .stepsTableCell.businessValue.inProjectRow .value,
            .stepsTableCellContainer .stepsTableCell.itemId.inProjectRow .value {
                align-self: flex-start;
                padding-top: 3px;
            }

            .stepsTableCellContainer .stepsTableCell.businessValue .value.notSpecified {
                color: #b6b6b6;
            }

                .stepsTableCellContainer.isPrintingMode .stepsTableCell.businessValue .value.notSpecified {
                    /*PDF*/
                    color: transparent !important;
                    text-shadow: 0 0 #b6b6b6 !important;
                }

                .stepsTableCellContainer.highlightSortedByColumn .stepsTableCell.lineNumber {
                    font-family: 'glowsemibold';
                }

            .stepsTableCellContainer .stepsTableCell.businessValue:hover .actionButtons {
                display: flex;
            }

            .stepsTableCellContainer .stepsTableCell.totalBaseline.inProjectRow .actionButtons,
            .stepsTableCellContainer .stepsTableCell.milestoneBaseline.inProjectRow .actionButtons {
                align-self: flex-start;
                padding-top: 6px;
            }

            .stepsTableCellContainer .stepsTableCell.remainingWork input.workingHoursInput,
            .stepsTableCellContainer .stepsTableCell.spentWork input.workingHoursInput,
            .stepsTableCellContainer .stepsTableCell.totalWork input.workingHoursInput,
            .stepsTableCellContainer .stepsTableCell.assignUnits input.workingHoursInput,
            .stepsTableCellContainer .stepsTableCell.businessValue input.workingHoursInput {
                flex: 1 1 auto;
                padding-left: 4px;
                padding-right: 4px;
                /*margin-top: -4px;*/
                /*margin-left: 4px;*/
                min-width: 0;
                text-align: right;
                width: 100%;
                z-index: 1;
            }

            .stepsTableCellContainer .stepsTableCell input.overlap {
                position: fixed;
            }

        .stepsTableCellContainer .stepsTableCell.deadlineCell,
        .stepsTableCellContainer .stepsTableCell.itemId {
            display: flex;
            justify-content: flex-start;
        }

            .stepsTableCellContainer .stepsTableCell.deadlineCell .date {
                align-self: center;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                padding-right: 6px;
                padding-left: 6px;
                color: #8197ED;
            }

            .stepsTableCellContainer .stepsTableCell.deadlineCell .datepicker {
                -ms-border-radius: 4px;
                border-radius: 4px;
                background-color: #ffffff !important;
                border: solid 1px #dcdcdc;
                outline: none;
                font-family: GlowRegular;
                font-size: 13px;
                color: #4a4a4a;
                background: url(/images/shared/small-calendar.png) no-repeat;
                background-position: 86px 6px;
                padding: 0 30px 0 9px;
                cursor: pointer;
                width: 100%;
            }

        .stepsTableCellContainer .stepsTableCell.milestoneBaseline {
            display: flex;
            justify-content: flex-start;
        }

            .stepsTableCellContainer .stepsTableCell.milestoneBaseline .date {
                align-self: center;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                padding-right: 10px;
                padding-left: 10px;
            }

            .stepsTableCellContainer .stepsTableCell.milestoneBaseline.editable:hover .actionButtons {
                display: flex;
                padding-left: 10px;
            }

            .stepsTableCellContainer .stepsTableCell.milestoneBaseline.editable:hover .date {
                display: none;
            }

        .stepsTableCellContainer .stepsTableCell.totalBaseline {
            display: flex;
            justify-content: flex-end;
        }

            .stepsTableCellContainer .stepsTableCell.totalBaseline .value {
                align-self: center;
                padding-right: 10px;
                padding-left: 10px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .stepsTableCellContainer .stepsTableCell.totalBaseline.editable:hover .actionButtons {
                display: flex;
                padding-right: 10px;
            }

            .stepsTableCellContainer .stepsTableCell.totalBaseline.editable:hover .value {
                display: none;
            }


        .stepsTableCellContainer .stepsTableCell .actionButtons {
            display: none;
            align-items: center;
        }

            .stepsTableCellContainer .stepsTableCell.inProjectRow .actionButtons {
                align-items: start;
                padding-top: 8px;
            }

            .stepsTableCellContainer .stepsTableCell .actionButtons .refreshButton {
                cursor: pointer;
                margin-right: 7px;
            }

            .stepsTableCellContainer .stepsTableCell .actionButtons .resetButton {
                cursor: pointer;
                margin-left: 7px;
            }


            .stepsTableCellContainer .stepsTableCell.difference .value.negative {
                color: #EC4A43;
            }

                .stepsTableCellContainer.isPrintingMode  .stepsTableCell.difference .value.negative {
                    /*PDF*/
                    color: transparent !important;
                    text-shadow: 0 0 #EC4A43 !important;
                }

            .stepsTableCellContainer .stepsTableCell.difference .value.positive {
                color: #6EBC2C;
            }

                .stepsTableCellContainer.isPrintingMode .stepsTableCell.difference .value.positive {
                    /*PDF*/
                    color: transparent !important;
                    text-shadow: 0 0 #6EBC2C !important;
                }

            .stepsTableCellContainer .stepsTableCell.difference .value .arrow {
                display: none;
            }

            .stepsTableCellContainer .stepsTableCell.difference .value.negative .arrow.red {
                /*background: url("../../../../../images/shared/redArrowUp.png") no-repeat;*/
                /*height: 7px;*/
                /*width: 5px;*/
                margin-left: 4px;
                display: inline-block;
            }

            .stepsTableCellContainer .stepsTableCell.difference .value.positive .arrow.green {
                /*background: url("../../../../../images/shared/greenArrowDown.png") no-repeat;*/
                /*height: 7px;*/
                /*width: 5px;*/
                margin-left: 4px;
                display: inline-block;
            }