.action-plan {
  .progress-bar {
    margin-top: 0;
  }
  .action-plan-tasks {
    padding-top: 2em;
  }
  .action-plan-task {
    position: relative;
    label {
      position: absolute;
      left: 1em;
      top: 1.4em;
      span {
        background: transparent !important;
      }
    }
    input {
      + label span:after {
        font-family: "sosocial" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "M" !important;
        color: $salescrowd-red !important;
        font-size: 1.6em;
      }
      &.locked {
        + label span:after {
          content: "H" !important;
          color: $salescrowd-green !important;
        }
      }
      /*&:not(:checked) {
        + label span:after {
          content: "M" !important;
          color: $salescrowd-red !important;
        }
      }*/
    }
  }
  .finish-task-wrapper {
    padding: 0.5em 1em;
    background: $light-gray;
    position: relative;
    z-index: 1000;
    height: auto;
    opacity: 1;
    @include transition(all .5s ease-in-out);
    &.hidden {
      display: none;
      opacity: 0;
      height: 0;
    }
  }
  .stepbackward, .stepforward {
    position: relative;
    z-index: 1000;
    margin-right: 0.5em;
  }
  .locked .finish-task-wrapper {
    display: none;
  }
}

.action-plan-menu.stuckMenu.isStuck {
  top: 30px !important;
  @include MQ(M) {
    width: 247px;
  }
  @include MQ(L) {
    width: 300px;
  }
}

.action-plan-menu.is_stuck {
  position: fixed !important;
  top: 30px !important;
  bottom: 60px !important;
  @include MQ(M) {
    width: 247px;
  }
  @include MQ(L) {
    width: 300px;
  }
}
.accordion {
  margin: 0;
  padding: 0;
  ul {
    margin: 0;
    padding: 0;
  }
  li {
    list-style: none;
  }
  a {
    text-decoration: none;
  }
  h2.js-accordion-trigger {
    padding: 1em 0.75em 1em 2.5em;
    margin: 0;
    border-bottom: 1px $light-gray solid;
    @include transition(all .25s ease-in-out);
    &:hover {
      cursor: pointer;
    }
  }
  p.js-accordion-trigger {
    padding: 1em;
    margin: 0;
    &:hover {
      cursor: pointer;
    }
  }
  background-color: $lightest-gray;
  border: 1px $light-gray solid;
  margin-bottom: 2em;
  li {
    border-bottom: 1px $light-gray solid;
    margin-bottom: 0 !important;
    > a {
      color: $salescrowd-earth;
      display: block;
      padding: 1em;
    }
    &:last-child {
      border: none;
    }
    h2.opentaskevent {
      &:focus,
      &:hover {
        background-color: $light-gray;
      }
    }
  }
  ul.submenu {
    //display: none;
    li {
      background-color: $lightest-gray;
      margin-bottom: 0 !important;
      @include transition(all .5s ease-in, all .25s ease-out);
      &:first-child {
        //border-top: 1px $light-gray solid;
      }
      &:focus,
      &:hover {
        background-color: $lightest-gray;;
      }
      .action-plan-step {
        padding: 1em;
      }
      &.hidden-sub-task {
        height: 0;
        opacity: 0;
      }
      h3 span {
        font-weight: 200;
        font-style: italic;
      }
    }
  }
  ul.submenu.locked {
    display: none;
  }
  .is-expanded {
    display: block;
    padding-bottom: 0;
  }
  .sub-task-complete {
    display: none;
    margin-bottom: 1em;
  }
  .sub-show .sub-task-complete {
    display: block;
  }
  .stepforward.hidden {
    display: none;
  }
}

// Action Plan Admin

.ap-hidden {
  display: none;
}

.ap-visible {
  display: block;
}