// SalesCrowd Admin

// Edit Articles

.existing-image {
  margin-top: 2em;
  img {
    max-height: 200px;
  }
}

// WYSIWYG

.froala-box.fr-fullscreen {
  overflow: scroll;
  .froala-wrapper.f-basic {
    max-height: 100%;
    border: 1px #E8E8E8 solid !important;
  }
}

.froala-editor {
  text-align: left;
  background: #fff;
  border: 1px solid #E8E8E8 !important;
  border-top: solid 5px #E8E8E8 !important;
}

.froala-wrapper.f-basic {
  max-height: 500px;
  overflow-y: scroll;
  //border: 0 !important;
  border: 1px #E8E8E8 solid !important;
}

// Action Plans

.plan-order, .action-plan-create-container {
  background: $salescrowd-warm-light-gray;
  border: 1px $salescrowd-warm-gray solid;
  border-radius: $base-border-radius;
  padding: 2em;
  textarea, .froala-wrapper {
    background: $white;
  }
  margin-bottom: 2em;
}

.handle {
  width: 1em;
  height: 1em;
  border-radius: $base-border-radius;
  background: $salescrowd-earth !important;
  border: 0 !important;
  cursor: move;
  float: left;
  margin-right: 1em;
  padding: 0 !important;
  margin-top: 0.25em;
}

.handle.status-live {
  background: $salescrowd-red !important;
}

.handle.status-hidden {
  background: $salescrowd-gold !important;
}

.plan-order {
  background: $salescrowd-warm-light-gray;
  border: 1px $salescrowd-warm-gray solid;
  border-radius: $base-border-radius;
  padding: 2em;
}

ol.action-plan-order {
  li {
    list-style-type: none;
    counter-increment: section;
    div {
      background: $white;
      border: 1px $salescrowd-warm-gray solid;
      border-radius: $base-border-radius;
      padding: 0.5em 1em;

      &.task-badge {
        background: $salescrowd-green !important;
        color: $white !important;
      }

      &.task-badge a {
        color: $white !important;
      }
    }
    li {
      //counter-increment: step-counter;
      counter-increment: sub-section;
      margin-left: 2em;
      margin-top: 1em;
    }
    &.placeholder {
      margin: 1em 0;
      margin-bottom: -120px;
      &::before {
        //content: "Move to: " counter(step-counter);
        content: "Move to: Position " counter(section) " | Sub-position: " counter(sub-section);
        font-size: 0.9em;
        height: 1em;
        width: 1em;
        line-height: 1em;
        background-color: $salescrowd-green;
        color: $white;
        font-weight: 900;
        padding: 0.75em;
        border-radius: $base-border-radius;
      }
    }
  }
}