.add-book-last-step-title {
  margin-top: 29px;
  p {
    font-weight: 700;
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    &:first-child {
      margin-top: 0;
    }
  }
}
.buttons-last-step-add {
  margin-top: 14px;
  text-align: center;
  > div {
    display: inline-block;
    margin-top: 9px;
    &:first-child {
      a {
        display: block;
        float: left;
        line-height: 42px;
        text-transform: uppercase;
        color: #888888;
        font-size: 13px;
        text-decoration: none !important;
        margin-right: 37px;
        span {
          border-bottom: 1px solid $blue-color;
        }
        &:hover {
          span {
            border-bottom: 1px solid transparent;
          }
        }
      }
    }
    .btn_ {
      width: 204px;
      background: none;
      border: 1px solid $green-color;
      color: $green-color !important;
      transition: 0.2s;
      &:hover {
        background: $green-color;
        color: #fff !important;
      }

      &:active {
        background: $green-color-active;
        border: 1px solid $green-color-active;

      }
    }
  }

}

.add-book-form-column {
  width: 50%;
  float: left;
}
.input-wr-file-wrapp {
  display: inline-block;
  width: 200px;
  float: none;

}
.input-wr-file {
  width: 124px;
  padding-top: 8px;
  position: relative;
  float: left;
  label {
    box-shadow: -1px 4px 12px 0px rgba(220, 220, 220, 0.75);
    margin: 0;
    padding: 0;
    background: #fff;
    width: 124px;
    height: 184px;
    cursor: pointer;
    position: relative;
    &:before {
      width: 24px;
      height: 24px;
      background: $blue-color;
      text-align: center;
      border-radius: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -12px;
      margin-left: -12px;
      content: '+';
      color: #fff;
      line-height: 22px;
      font-size: 20px;
    }
  }
}
.img-file {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 8px;
  z-index: 3;
  &.vis_ {
    display: block !important;
  }
  img {
    max-width: 100%;
    max-height: 100%;
  }
}
.img-size {
  font-size: 13px;
  color: #a2a2a2;
  font-weight: normal;
  position: absolute;
  left: 0;
  top: 24px;
  text-align: center;
  width: 100%;
  z-index: 2;
}
.remove-img-file {
  position: absolute;
  right: -9px;
  top: -9px;
  cursor: pointer;
  width: 18px;
  height: 18px;

  &:before {
    width: 18px;
    height: 18px;
    background: #d22600;
    text-align: center;
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: '+';
    color: #fff;
    line-height: 16px;
    font-size: 20px;
    transform: rotate(135deg);
  }
}
.mce-container.mce-panel.mce-tinymce   {
  margin-top: 38px !important;
}
@media (max-width: 425px) {
  .buttons-last-step-add > div:first-child a {
    margin-right: 12px;
  }
  .buttons-last-step-add > div {

    &:first-child {
      width: 100%;
      a {
        margin-right: 0;
        float: none;
      }
    }
  }
}