@import "../modules/vc_helper.less";
@import "../modules/vc_placeholder.less";

// Sorting
&.vc_sorting {
  .wpb_row_section() {
    .wpb_row {
      > .vc_element {
        &:before {
          content: '';
          margin: 0;
          padding: 0;
          position: absolute;
          z-index: 0;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          outline: 1px dashed @vc_element_hover_border;
          outline: 1px dashed @vc_element_hover_border_rgba;
        }
        &:after {
          clear: both;
        }
      }
    }
    .vc_section:not(.vc_empty-element) {
      &:before {
        content: '';
        margin: 0;
        padding: 0;
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        width: calc(~"100% + 30px");
        margin-left: -15px;
        margin-right: -15px;
        height: 100%;
        outline: 1px dashed @vc_element_hover_border;
        outline: 1px dashed @vc_element_hover_border_rgba;
      }
      &:after {
        clear: both;
      }
    }
    .vc_section {
      &:before {
        content: '';
        margin: 0;
        padding: 0;
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        outline: 1px dashed @vc_element_hover_border;
        outline: 1px dashed @vc_element_hover_border_rgba;
      }
      &:after {
        clear: both;
      }
    }
  }
  .wpb_row_section();
  .vc_controls {
    visibility: hidden !important;
    .opacity(0);
  }
}
.ui-droppable-active.vc_element-container {
  z-index: 999999;
  position: relative;
  border: 1px dashed rgba(125, 125, 125, 0.4);
  div:not(.ui-droppable-active), span {
    //z-index: -1 !important;
  }
  &:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0; left: 0;
    z-index: 9;
  }
}
.drop-placeholder {
  width: 100% !important;
  background: transparent url(@vc_placeholder_pattern);
  height: 50px;
  margin-top: 10px;
}