@import './variables.scss';

.TaskWrapperLabel {
    color:$grey1;
}
.HiddenDragStepNodeContainer.StepNodeContainer{
    //border:2px solid red;
}

.HiddenDragStepNodeContainer.StepNodeContainer.DropTargetActivated
{
}

.NodeContainer{
    position:relative;
}
.NodeContainer.NodeContainerDragging{
    pointer-events:none;
}
.StepNodeContainer.StepNodesDragging{
    pointer-events:none;
}

.DragPreviewContainer{
    position:fixed;
    left:-10000px;
    top:-10000px;
    visibility:visible;
}
.DragPreview.ThisNodeBeingDragged{
    visibility:visible;
}
.DragPreview{
    visibility:visible;
    .DragPreview{
        display:none;
        visibility:hidden;
        *{
            visibility:hidden;
        }
    }
}

.ThisNodeBeingDragged.StepContentContainer> .NodeContainer{
    background-color:blue;
    *{
        visibility:hidden;
    }

}
.RealNodesContainer .StepNodeContainer.IsForgottenNode .ThisNodeBeingDragged.StepContentContainer> .NodeContainer,
.RealNodesContainer .StepNodeContainer.IsForgottenNode {
    background-color:red;
    *{
    visibility:hidden;
}
   
}

.StepNodeContainer.NodeBeingDraggedIntoPlace{
    pointer-events:none;
}

.DragPreview.ThisNodeBeingDragged {
    visibility:visible;
}
.RealNodesContainer.IsDragging{
    *{
        pointer-events:none;
    }
    .DropPoint {
        pointer-events:auto;
    }
    .DragSource {
        pointer-events:auto;
    }
}
 .DragNodesContainer{
    .DropPoint.IsDragging{
        visibility:visible;
        pointer-events:auto;
        * {
        pointer-events:none;
            visibility:visible;
        }
    }

    *{
        visibility:hidden;
    }
    visibility:hidden;

}

.DropPoint.IsDragOver{
    background-color:white;
}
.DropPoint {
    background-color:black;
    border-radius:50%;
    border:2px solid black;
    display:flex;
    padding:3px;
    width:20px;
    height:20px;

    .DropPointLabel{
    font-size:$font3;
    flex:1 0 auto;
    border-radius:50%;
        background-color:green;
    }

}