@import '../../assets/sass/global.scss';
.gtc-drag-and-drop-context {
    display: flex;

    .gtc-drag-and-drop-container {
        &.gtc-drag-and-drop-container-vertical {
            display: flex;
            flex-direction: column;
            align-content: space-between;
        }

        &.gtc-drag-and-drop-container-horizontal {
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
            align-content: space-between;
        }

        //px
        &.gtc-drag-and-drop-container-dragging-px {
            background-color: rgba($primary-color-hover-px, 0.1);
        }

        &.gtc-drag-and-drop-container-dragged-px {
            //background-color: #ddd;
        }

        //pm
        &.gtc-drag-and-drop-container-dragging-pm {
            background-color: rgba($primary-color-hover-pm, 0.1);
        }

        &.gtc-drag-and-drop-container-dragged-pm {
            //background-color: #ddd;
        }

        .gtc-drag-and-drop-title {
            font-weight: bold;
            font-size: 18px;
            margin-bottom: 5px;
        }

        .gtc-drag-and-drop-item {
            align-items: center;
            justify-content: space-between;
            //px
            &.gtc-drag-and-drop-item-dragging-px {
                //border: 1px solid $primary-color-hover-px;
            }

            //pm
            &.gtc-drag-and-drop-item-dragging-pm {
                //border: 1px solid $primary-color-hover-pm;
            }
        }
    }
}
