.fusion-builder-live {
  .fusion-builder-column-layouts {
    li {
      max-width: 200px;
      width: 100%;
      border: 1px dashed #e0e3e7;
      padding: 15px;
      min-height: 20px;
      display: block;

      .fusion-builder-column-previews {
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .fusion-builder-column-sizes {
        padding-top: 12px;
        font-size: 12px;
        font-weight: 700;
      }
      .fusion_builder_layout_column {
        height: 18px;
        text-align: center;
        padding: 15% 0;
        display: inline-block;
        float: left;
        background: #a9adb2;
        color: #ddd;
        margin-right: 4%;
        font-size: 12px;
        box-sizing: content-box;
        line-height: 18px;
        border-radius: 4px;
        transition: all 0.1s ease;

        &:last-child {
          margin-right: 0;
        }
      }
      .fusion_builder_layout_column {
          transition: background-color 0.1s ease;
      }

      &:hover {
        border: 1px solid #198fd9;
        color: #198fd9;

        .fusion_builder_layout_column {
          background: #198fd9;
        }
      }
    }

    .fusion-builder-empty-section {
      font-size: 24px;
      line-height: 30px;
      top: 50%;
      margin-top: -15px;
      text-align: center;
      display: block;
      width: 100%;
      position: absolute;
      color: rgba(0, 0, 0, 0.4);
    }

    .fusion_builder_column_layout_1_1,
    .fusion_builder_column_layout_fullwidth {
      width: 100%;
    }

    .fusion-builder-column-,
    .fusion_builder_column_layout_ {
      &1_1 {
        width: 100%;
        margin-left: 0;
      }

      &1_6 {
        width: 13.3333%;
      }

      &5_6 {
        width: 82.6666%;
      }

      &1_5 {
        width: 16.8%;
      }

      &2_5 {
        width: 37.6%;
      }

      &3_5 {
        width: 58.4%;
      }

      &4_5 {
        width: 79.2%;
      }

      &1_4 {
        width: 22%;
      }

      &3_4 {
        width: 74%;
      }

      &1_3 {
        width: 30.6666%;
      }

      &2_3 {
        width: 65.3333%;
      }

      &1_2 {
        width: 48%;
      }
    }

    .submit-columns {
      float: right;
      margin-left: 1em;
    }

    .column-bg-color {
      position: absolute;
      width: 0;
      height: 0;
      right: -1px;
      bottom: -1px;
      border-style: solid;
      border-width: 0 0 16px 16px;
    }
  }
  [id$="fusion_shortcodes_text_mode"],
  [id$="fusion_shortcodes_text_mode"]:hover {
    background-image: url("../../images/icons/fb_logo.svg");
    background-position: center center;
    width: 26px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
  }
}