.stepsTableCellName {
    height: 100%;
    padding-top: 4px;
    font-size: 14px;
    color: #4a4a4a;
    position: relative;
}

    .stepsTableCellName .cellContainer {
    }

        .stepsTableCellName .cellContainer .cell {
            position: relative;
        }

            /*#region Project */
            .stepsTableCellName .cellContainer .cell.project {
                display: flex;
                flex-direction: row;
            }

            .stepsTableCellName .cellContainer .cell .expandCollapseArrow {
                display: flex;
                height: 26px;
                width: 16px;
                align-items: center;
                justify-content: center;
                margin-top: -3px;
                flex-shrink: 0;
            }

                .stepsTableCellName .cellContainer .cell .expandCollapseArrow .expandCollapseArrow-button {
                    height: 16px;
                    width: 16px;
                    border-radius: 50%;
                    position: relative;
                    display: flex;
                    align-items: center;
                    justify-content: center;

                }

                    .stepsTableCellName .cellContainer .cell .expandCollapseArrow .expandCollapseArrow-button:hover .arrow {
                        border-color: #5774E7;
                    }

                    .stepsTableCellName .cellContainer .cell .expandCollapseArrow .expandCollapseArrow-button .arrow {
                        border: solid;
                        border-width: 0 1px 1px 0;
                        display: block;
                        transform: rotate(-45deg);
                        -webkit-transform: rotate(-45deg);
                        height: 5px;
                        width: 5px;
                        border-color: #B6B6B6;
                        margin-right: 3px;
                    }

                        .stepsTableCellName .cellContainer .cell .expandCollapseArrow .expandCollapseArrow-button .dotTaskNode {
                            width: 2px;
                            height: 2px;
                            border-radius: 50%;
                            background-color: #B6B6B6;
                        }

                            .stepsTableCellName .cellContainer .cell .expandCollapseArrow .expandCollapseArrow-button:hover .dotTaskNode.secondDot,
                            .stepsTableCellName .cellContainer .cell .expandCollapseArrow .expandCollapseArrow-button:hover .dotTaskNode {
                                background-color: #5774E7;
                            }

                            .stepsTableCellName .cellContainer .cell .expandCollapseArrow .expandCollapseArrow-button .dotTaskNode.secondDot {
                                margin-left: 2px;
                            }


                        .stepsTableCellName .cellContainer .cell .expandCollapseArrow-button.collapsed {
                            transform: rotate(45deg);
                            -webkit-transform: rotate(45deg);
                        }

                        .stepsTableCellName .cellContainer .cell .expandCollapseArrow-button {
                            position: absolute;
                            cursor: pointer;
                            transition: 0.30s;
                            -webkit-transition: 0.30s;
                            -moz-transition: 0.30s;
                            -ms-transition: 0.30s;
                            -o-transition: 0.30s;
                        }

                        .stepsTableCellName .cellContainer .cell .expandCollapseArrow-button.expanded {
                            -webkit-transform: rotate(90deg);
                            -moz-transform: rotate(90deg);
                            -ms-transform: rotate(90deg);
                            -o-transform: rotate(90deg);
                            transform: rotate(90deg);
                        }

                .stepsTableCellName .cellContainer .cell.project .projectNameContainer {
                    display: flex;
                    margin-left: 6px;
                    align-items: center;
                    overflow: hidden;
                }

                    .stepsTableCellName .cellContainer .cell.project .projectNameContainer .projectIconContainer .icon {
                        margin-bottom: 2px;
                    }

                    .stepsTableCellName .cellContainer .cell.project .projectNameContainer .projectName {
                        margin-left: 5px;
                        font-family: GlowSemiBold;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        cursor: pointer;
                    }

                        .stepsTableCellName .cellContainer .cell.project .projectNameContainer .projectName:hover {
                            color: #5774e7;
                        }
            /*#endregion */

            /*PDF*/
            .stepsTableCellName.isPrintingMode .cellContainer .cell.project .projectNameContainer .projectName,
            .stepsTableCellName.isPrintingMode .cellContainer .cell.summary .summaryNameContainer .summaryName,
            .stepsTableCellName.isPrintingMode .cellContainer .cell.task .taskNameContainer .taskName,
            .stepsTableCellName.isPrintingMode .cellContainer .cell.milestone .milestoneNameContainer .milestoneName{
                /*PDF*/
                color: transparent !important;
                text-shadow: 0 0 #4a4a4a!important;
            }

            /*#region Summary */
            .stepsTableCellName .cellContainer .cell.summary {
                display: flex;
                flex-direction: row;
            }

                .stepsTableCellName .cellContainer .cell.summary .summaryNameContainer {
                    margin-left: 3px;
                    overflow: hidden;
                }

                    .stepsTableCellName .cellContainer .cell.summary .summaryNameContainer .summaryIconContainer .icon {
                        vertical-align: baseline;
                    }

                    .stepsTableCellName .cellContainer .cell.summary .summaryNameContainer .summaryName {
                        margin-left: 20px;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        cursor: default;
                        font-family: 'glowsemibold';
                    }

                        .stepsTableCellName .cellContainer .cell.summary.emptySummary .summaryNameContainer .summaryName {
                            color: #5774e7;
                            font-family: 'glowregular';
                        }
            /*#endregion */

            /*#region Task */
            .stepsTableCellName .cellContainer .cell.task {
                display: flex;
                flex-direction: row;
            }

            .stepsTableCellName .cellContainer .cell.task .removedIconContainer,
            .stepsTableCellName .cellContainer .cell.summary .removedIconContainer {
                margin-left: auto;
                margin-right: 10px;
            }

                .stepsTableCellName .cellContainer .cell.task .taskNameContainer {
                    margin-left: 3px;
                    overflow: hidden;
                }

                .stepsTableCellName .cellContainer .cell.task .taskNameContainer.isDeleted,
                .stepsTableCellName .cellContainer .cell.summary .summaryNameContainer.isDeleted {
                    opacity: 0.4;
                    pointer-events: none;
                }

                    .stepsTableCellName .cellContainer .cell.task .taskNameContainer .taskIconContainer .icon {
                        vertical-align: baseline;
                    }

                    .stepsTableCellName .cellContainer .cell.task .taskNameContainer .taskIconContainer .icon.budgetTask {
                        margin: 4px;
                    }

                    .stepsTableCellName .cellContainer .cell.task .taskNameContainer .taskName {
                        margin-left: 20px;
                        cursor: default;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                    }

                        .stepsTableCellName .cellContainer .cell.task.notEstimated .taskNameContainer .taskName {
                            color: #5774e7;
                        }

                .stepsTableCellName .cellContainer .cell.summary.isCompleted .summaryNameContainer,
                .stepsTableCellName .cellContainer .cell.milestone.isCompleted .milestoneNameContainer,
                .stepsTableCellName .cellContainer .cell.task.isCompleted .taskNameContainer,
                .stepsTableCellName .cellContainer .cell.assignment.isCompleted .assignmentNameContainer {
                    opacity: 0.4;
                }

                    .stepsTableCellName.isPrintingMode .cellContainer .cell.summary.isCompleted .summaryNameContainer .summaryName,
                    .stepsTableCellName.isPrintingMode .cellContainer .cell.milestone.isCompleted .milestoneNameContainer .milestoneName,
                    .stepsTableCellName.isPrintingMode .cellContainer .cell.task.isCompleted .taskNameContainer .taskName,
                    .stepsTableCellName.isPrintingMode .cellContainer .cell.assignment.isCompleted .assignmentNameContainer .assignmentName {
                        /*PDF*/
                        color: transparent !important;
                        text-shadow: 0 0 #B6B6B6 !important;
                    }


                .stepsTableCellName .cellContainer .cell.summary .summaryIconContainer,
                .stepsTableCellName .cellContainer .cell.milestone .milestoneNameContainer .milestoneIconContainer,
                .stepsTableCellName .cellContainer .cell.task .taskNameContainer .taskIconContainer  {
                    position: absolute;
                    top: 2px;
                }
            /*#endregion */

            /*#region Milestone */
            .stepsTableCellName .cellContainer .cell.milestone {
                display: flex;
                flex-direction: row;
            }

                .stepsTableCellName .cellContainer .cell.milestone .milestoneNameContainer  {
                    display: flex;
                    margin-left: 6px;
                    align-items: center;
                    overflow: hidden;
                }

                        .stepsTableCellName .cellContainer .cell.milestone:not(.isIddOrStartMilestones) .milestoneNameContainer  {
                            margin-left: 16px;
                        }

                        .stepsTableCellName .cellContainer .cell.milestone.isIddOrStartMilestones .milestoneNameContainer  {
                            margin-left: 4px;
                        }

                    .stepsTableCellName .cellContainer .cell.milestone .milestoneNameContainer .milestoneIconContainer .icon {
                        vertical-align: baseline;
                        margin: 1px 3px;
                    }

                    .stepsTableCellName .cellContainer .cell.milestone .milestoneNameContainer .milestoneIconContainer .milestoneTypeIcon {
                        font-family: GlowSemibold;
                        font-size: 9px;
                        color: #4a4a4a;
                        position: absolute;
                        top: -6px;
                        left: 10px;
                    }

                    .stepsTableCellName .cellContainer .cell.milestone .milestoneNameContainer .milestoneName {
                        margin-left: 23px;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        cursor: default;
                    }
            /*#endregion */

            /*#region Assignment */
            .stepsTableCellName .cellContainer .cell.assignment {
                display: flex;
                flex-direction: row;
            }


                .stepsTableCellName .cellContainer .cell.assignment .assignmentNameContainer {
                    display: flex;
                    align-items: center;
                    margin-left: 16px;
                    overflow: hidden;
                    flex: 1 1 auto;
                }

                    .stepsTableCellName .cellContainer .cell.assignment.notEstimated .assignmentNameContainer {
                        opacity: 0.4;
                        color: #5774e7;
                    }

                    .stepsTableCellName .cellContainer .cell.assignment .assignmentNameContainer .assignmentIconContainer .icon {
                        vertical-align: baseline;
                    }

                    .stepsTableCellName .cellContainer .cell.assignment .assignmentNameContainer .assignmentIconContainer .icon.isNotGroupAssignment {
                        margin: -1px 4px;
                    }

                    .stepsTableCellName .cellContainer .cell.assignment .assignmentNameContainer .assignmentIconContainer .icon.isGroupAssignment {
                        margin: -1px 2px;
                    }

                    .stepsTableCellName .cellContainer .cell.assignment .assignmentNameContainer .assignmentName {
                        margin-left: 5px;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        cursor: default;
                    }
            /*#endregion */

            /*#region Dummy cell */
            .stepsTableCellName .cellContainer .cell.dummy {
                font-family: GlowRegular;
                font-size: 13px;
                color: #5774e7;
                margin-left: 11px;
                cursor: pointer;
                display: flex;
                flex-direction: row;
                align-items: center;
            }

                .stepsTableCellName .cellContainer .cell.dummy img {
                    margin-right: 10px;
                    vertical-align: top;
                    margin-top: 5px;
                }
            /*#endregion */

            /*#region Icons*/
            .stepsTableCellContainer .stepsTableCellName .cellContainer .cell .iconsContainer {
                display: flex;
                position: absolute;
                right: 1px;
                height: 20px;
                padding-left: 15px;

                /* background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #EEF1FE 20%, #EEF1FE 100%); */
                background-color: transparent;
            }

            .stepsTableCellContainer:hover .stepsTableCellName .cellContainer .cell .iconsContainer {
                background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #EEF1FE  20%, #EEF1FE  100%);
            }

            /*.stepsTableCellContainer .stepsTableCellName .cellContainer .cell.project .iconsContainer {*/
            /*    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fdfdfd 20%, #fdfdfd 100%);*/
            /*}*/



            .stepsTableCellContainer.isSelected:hover .stepsTableCellName .cellContainer .cell .iconsContainer {
                background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #D9EEFE 20%, #D9EEFE 100%);
            }
                .stepsTableCellName .cellContainer .cell .iconsContainer .openCardWrapper,
                .stepsTableCellName .cellContainer .cell .iconsContainer .icon {
                    flex: 1 1 auto;
                    min-width: 15px;
                    height: 100%;
                    cursor: pointer;
                    padding-right: 8px;
                    padding-top: 5px;
                    visibility: hidden;
                }

				.stepsTableCellName .cellContainer .cell .iconsContainer .icon.icon-info {
					position: relative;
					bottom: 1px;
				}

	.stepsTableCellName .cellContainer .cell .iconsContainer .budegetedUsersWrapper {
                    flex: 0 0 auto;
                    cursor: pointer;
                    padding-right: 8px;
                    padding-top: 2px;
                }

                .stepsTableCellName .cellContainer .cell .iconsContainer .budegetedUsersWrapper .budgetedUsersImg {
                    background-image: url('../../../../../../images/tasksList/budgetedTaskIcon.svg');
                    width: 16px;
                    display: flex;
                    height: 16px;
                    flex: 1 1 auto;
                    align-items: flex-end;
                }

                .stepsTableCellName .cellContainer .cell .iconsContainer .openCardWrapper {
                    padding-top: 2px;
                    padding-left: 5px;
                }

                .stepsTableCellName .cellContainer .cell .iconsContainer .openCardWrapper .openCardImg {
                    background-image: url('../../../../../../images/pipeline/open_card_grey.png');
                    width: 16px;
                    height: 16px;
                }

                .stepsTableCellName .cellContainer .cell .iconsContainer .icon .iconImg {
                    transform: rotate(90deg);
                    background-repeat: no-repeat;
                    background-position: center;
                    background-image: url('../../../../../../images/resourceManagement/ellipsis.png');
                    width: 25px;
                    height: 13px;
                }

                 .stepsTableCellName .cellContainer .cell .iconsContainer .openCardWrapper:hover .openCardImg {
                    background-image: url('../../../../../../images/pipeline/open_card.png');
                }

                .stepsTableCellName .cellContainer .cell .iconsContainer .icon:hover .iconImg,
                .stepsTableCellName .cellContainer .cell .iconsContainer .icon.withShownMenu .iconImg {
                    transform: rotate(90deg);
                    background-image: url('../../../../../../images/resourceManagement/ellipsis-hovered.png');
                }
                .stepsTableCellName .cellContainer .cell .iconsContainer .icon .infoImg {
                    vertical-align: top;
                    cursor: default;
                    margin-left: 4px;
                }

            .stepsTableCellName:hover .cellContainer .cell .iconsContainer .openCardWrapper{
                visibility: visible;
            }

            .stepsTableCellName:hover .cellContainer .cell .iconsContainer .icon{
                visibility: visible;
            }

            .stepsTableCellName .cellContainer.withShownMenu .cell .iconsContainer {
                background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #D9EEFE 20%, #D9EEFE 100%);
            }

            .stepsTableRow:not(.isDragInProgress):not(.isPrintingMode) .stepsTableCellName:hover .cellContainer .cell .iconsContainer,
            .stepsTableCellName .cellContainer.withShownMenu .cell .iconsContainer .icon {
                visibility: visible;
            }
            /*#endregion*/

        /*#region Phases Names*/
        .stepsTableCellName .cellContainer .projectPhasesContainer {
            position: relative;
            display: flex;
            flex-direction: row;
            font-family: GlowRegular;
            font-size: 14px;
            margin-top: 3px;
            margin-left: 6px;
        }

            .stepsTableCellName .cellContainer .projectPhasesContainer .phasesTitle {
                color: #808080;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

                .stepsTableCellName.isPrintingMode .cellContainer .projectPhasesContainer .phasesTitle {
                    /*PDF*/
                    color: transparent !important;
                    text-shadow: 0 0 #808080!important;
                }

            .stepsTableCellName .cellContainer .projectPhasesContainer .phaseTypeNames {
                color: #4a4a4a;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

                /*PDF*/
                .stepsTableCellName.isPrintingMode .cellContainer .projectPhasesContainer .phaseTypeNames {
                    /*PDF*/
                    color: transparent !important;
                    text-shadow: 0 0 #4a4a4a!important;
                }

            .stepsTableCellName .cellContainer .projectPhasesContainer .phaseFilteringIcon {
                margin-left: 15px;
                cursor: pointer;
            }
        /*#endregion*/

            .stepsTableCellName .cellContainer .cell input.nameInput {
                flex: 1 1 auto;
                padding-left: 4px;
                padding-right: 4px;
                margin-top: -4px;
                margin-left: 20px;
                min-width: 0;
                width: 100%;
            }

            .stepsTableCellName .cellContainer .cell input.nameInput.overlap {
                position: fixed;
            }

            .project-three-dots .iconImg{
                pointer-events: none;
            }