/* -------- NG-WIG -------- */

/**
 *
 *  RESET BOX MODEL
 *
 */
.ng-wig,
[class^="nw-"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}


/**
 *   main wrapper for the editor
 *
 *  .ng-wig
 *
 */
.ng-wig {
  display: block;
  padding: 0;
  margin: 0;
}


/**
 *  styling for toolbar and its items
 *
 *  .nw-toolbar
 *    &__item
 *
 */
.nw-toolbar {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 12px;
  color: #6B7277;

  background: -webkit-linear-gradient(90deg, #ffffff 0%, #f9f9f9 100%);
  background:    -moz-linear-gradient(90deg, #ffffff 0%, #f9f9f9 100%);
  background:         linear-gradient(180deg, #ffffff 0%, #f9f9f9 100%);
  border: 1px solid #CCCCCC;
  border-radius: 3px 3px 0 0;
}
  .nw-toolbar__item {
    display: inline-block;
    vertical-align: top;

    border-right: 1px solid #DEDEDE;
  }

  .nw-toolbar label {
      line-height: 30px;
      display: inline-block;
      padding: 0 6px 0 3px;
  }

  .nw-toolbar input[type=checkbox] {
      vertical-align: -3px;
      margin-right: -1px;
  }

/**
 *  styling for the editor part: source code (original textarea) and resulting div
 *
 *  .nw-editor
 *    &__src
 *    &__res
 *
 */
.nw-editor {
  display: block;

  border: 1px solid #CCCCCC;
  border-top: none;
  border-radius: 0 0 3px 3px;
}
  .nw-editor__src {
    width: 100%;
    height: 100%;
    resize: none;
  }
  .nw-editor__res {
    width: 100%;
    height: 100%;
  }


/**
 *  styling for toolbar button, has two modifiers: active and type of icon for background
 *
 *  .nw-button
 *    &--active
 *    &--{button type}
 *
 */
.nw-button {
  -webkit-appearance: none;
  -moz-appearance:    none;
  appearance:         none;

  display: block;
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  opacity: 0.5;

  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  border: none;
  border-radius: 2px;

  cursor: pointer;
}
  .nw-button:focus {
      outline: none;
  }

  .nw-button:hover,
  .nw-button.nw-button--active { opacity: 1 }

  .nw-button--active {
    background-color: #EEEEEE;
  }
  /* text formatting */
  .nw-button--paragraph { background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2230px%22%20height%3D%2230px%22%20%20viewBox%3D%22-317%20386%2030%2030%22%20enable-background%3D%22new%20-317%20386%2030%2030%22%20xml%3Aspace%3D%22preserve%22%3E%3Ctitle%3ERectangle%20166%3C%2Ftitle%3E%3Cdesc%3ECreated%20with%20Sketch%20Beta.%3C%2Fdesc%3E%3Cg%20id%3D%22item-form1%22%20sketch%3Atype%3D%22MSPage%22%3E%20%3Cg%20id%3D%22in-course%22%20transform%3D%22translate(-613.000000%2C%20-1744.000000)%22%20sketch%3Atype%3D%22MSArtboardGroup%22%3E%20%20%3Cg%20id%3D%22Feedback-added-to-Answer%22%20transform%3D%22translate(526.000000%2C%201230.000000)%22%20sketch%3Atype%3D%22MSLayerGroup%22%3E%20%20%20%3Cg%20id%3D%22Answer-2%22%20transform%3D%22translate(0.000000%2C%20297.000000)%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%20%20%20%20%3Cg%20id%3D%22Clicked_x2F_Feedbac%22%20transform%3D%22translate(76.000000%2C%20208.000000)%22%3E%20%20%20%20%20%3Cg%20id%3D%22Text-stuff-copy%22%3E%20%20%20%20%20%20%3Cg%20id%3D%22B-_x7C_-i-_x7C_-_x3D_%22%20transform%3D%22translate(11.000000%2C%200.000000)%22%3E%20%20%20%20%20%20%20%3Cpath%20id%3D%22Rectangle-166%22%20fill%3D%22%23393F44%22%20d%3D%22M-298.5%2C414.5v-9h-4c-1.653%2C0-3%2C1.344-3%2C3c0%2C1.653%2C1.343%2C3%2C3%2C3v3h2v-8h1v8H-298.5%20%20%20%20%20%20%20%20z%22%2F%3E%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%20%20%20%3C%2Fg%3E%20%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'); }

  .nw-button--header-one { background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2230px%22%20height%3D%2230px%22%20%20viewBox%3D%22-317%20386%2030%2030%22%20enable-background%3D%22new%20-317%20386%2030%2030%22%20xml%3Aspace%3D%22preserve%22%3E%3Ctitle%3ERectangle%20166%3C%2Ftitle%3E%3Cdesc%3ECreated%20with%20Sketch%20Beta.%3C%2Fdesc%3E%3Cg%3E%20%3Cpath%20fill%3D%22%23393F44%22%20d%3D%22M-306.643%2C405.248c0.531-0.058%2C0.863-0.156%2C0.996-0.295s0.199-0.501%2C0.199-1.087v-5.893%20%20c0-0.487-0.074-0.804-0.223-0.949c-0.148-0.146-0.472-0.237-0.973-0.273V396.5h3.773v0.251c-0.498%2C0.036-0.821%2C0.127-0.971%2C0.273%20%20c-0.15%2C0.146-0.225%2C0.462-0.225%2C0.949v2.65h4.132v-2.65c0-0.487-0.073-0.804-0.219-0.949c-0.146-0.146-0.472-0.237-0.977-0.273%20%20V396.5h3.773v0.251c-0.5%2C0.036-0.825%2C0.127-0.973%2C0.273c-0.149%2C0.146-0.223%2C0.462-0.223%2C0.949v6.052%20%20c0%2C0.493%2C0.074%2C0.81%2C0.223%2C0.948c0.148%2C0.139%2C0.472%2C0.23%2C0.973%2C0.274v0.252h-3.773v-0.252c0.536-0.054%2C0.869-0.15%2C1-0.292%20%20c0.131-0.141%2C0.196-0.504%2C0.196-1.09v-2.644h-4.132v2.803c0%2C0.493%2C0.075%2C0.811%2C0.225%2C0.952c0.15%2C0.14%2C0.474%2C0.23%2C0.971%2C0.271v0.252%20%20h-3.773V405.248z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); }

  .nw-button--ordered-list { background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2230px%22%20height%3D%2230px%22%20%20viewBox%3D%22-315.5%20385.5%2030%2030%22%20enable-background%3D%22new%20-315.5%20385.5%2030%2030%22%20xml%3Aspace%3D%22preserve%22%3E%3Ctitle%3EOval%20103%20copy%3C%2Ftitle%3E%3Cdesc%3ECreated%20with%20Sketch%20Beta.%3C%2Fdesc%3E%3Cg%20id%3D%22item-form1%22%20sketch%3Atype%3D%22MSPage%22%3E%20%3Cg%20id%3D%22in-course%22%20transform%3D%22translate(-726.000000%2C%20-1744.000000)%22%20sketch%3Atype%3D%22MSArtboardGroup%22%3E%20%20%3Cg%20id%3D%22Feedback-added-to-Answer%22%20transform%3D%22translate(526.000000%2C%201230.000000)%22%20sketch%3Atype%3D%22MSLayerGroup%22%3E%20%20%20%3Cg%20id%3D%22Answer-2%22%20transform%3D%22translate(0.000000%2C%20297.000000)%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%20%20%20%20%3Cg%20id%3D%22Clicked_x2F_Feedbac%22%20transform%3D%22translate(76.000000%2C%20208.000000)%22%3E%20%20%20%20%20%3Cg%20id%3D%22Text-stuff-copy%22%3E%20%20%20%20%20%20%3Cg%20id%3D%22B-_x7C_-i-_x7C_-_x3D_%22%20transform%3D%22translate(11.000000%2C%200.000000)%22%3E%20%20%20%20%20%20%20%3Cpath%20id%3D%22Oval-103-copy%22%20fill%3D%22%23393F44%22%20d%3D%22M-187.509%2C405.5c-0.547%2C0-0.991%2C0.443-0.991%2C1c0%2C0.553%2C0.451%2C1%2C0.991%2C1h4.019%20%20%20%20%20%20%20%20c0.547%2C0%2C0.99-0.443%2C0.99-1c0-0.553-0.451-1-0.99-1H-187.509z%20M-187.509%2C408.5c-0.547%2C0-0.991%2C0.443-0.991%2C1%20%20%20%20%20%20%20%20c0%2C0.553%2C0.451%2C1%2C0.991%2C1h4.019c0.547%2C0%2C0.99-0.443%2C0.99-1c0-0.553-0.451-1-0.99-1H-187.509z%20M-187.509%2C411.5%20%20%20%20%20%20%20%20c-0.547%2C0-0.991%2C0.443-0.991%2C1c0%2C0.553%2C0.451%2C1%2C0.991%2C1h4.019c0.547%2C0%2C0.99-0.443%2C0.99-1c0-0.553-0.451-1-0.99-1H-187.509z%20%20%20%20%20%20%20%20%20M-190.452%2C408.5v-2.668h-0.596l-0.932%2C0.92l0.392%2C0.412l0.448-0.452v1.788H-190.452z%20M-189.732%2C413.5v-0.6h-0.976%20%20%20%20%20%20%20%20c0.664-0.465%2C0.956-0.812%2C0.956-1.221c0-0.535-0.452-0.888-1.08-0.888c-0.372%2C0-0.796%2C0.132-1.08%2C0.444l0.38%2C0.455%20%20%20%20%20%20%20%20c0.192-0.18%2C0.416-0.291%2C0.712-0.291c0.196%2C0%2C0.368%2C0.096%2C0.368%2C0.279c0%2C0.264-0.216%2C0.448-1.372%2C1.284v0.536H-189.732z%22%2F%3E%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%20%20%20%3C%2Fg%3E%20%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'); }

  .nw-button--unordered-list { background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2230px%22%20height%3D%2230px%22%20%20viewBox%3D%22-316%20385.5%2030%2030%22%20enable-background%3D%22new%20-316%20385.5%2030%2030%22%20xml%3Aspace%3D%22preserve%22%3E%3Ctitle%3EOval%20103%3C%2Ftitle%3E%3Cdesc%3ECreated%20with%20Sketch%20Beta.%3C%2Fdesc%3E%3Cg%20id%3D%22item-form1%22%20sketch%3Atype%3D%22MSPage%22%3E%20%3Cg%20id%3D%22in-course%22%20transform%3D%22translate(-698.000000%2C%20-1744.000000)%22%20sketch%3Atype%3D%22MSArtboardGroup%22%3E%20%20%3Cg%20id%3D%22Feedback-added-to-Answer%22%20transform%3D%22translate(526.000000%2C%201230.000000)%22%20sketch%3Atype%3D%22MSLayerGroup%22%3E%20%20%20%3Cg%20id%3D%22Answer-2%22%20transform%3D%22translate(0.000000%2C%20297.000000)%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%20%20%20%20%3Cg%20id%3D%22Clicked_x2F_Feedbac%22%20transform%3D%22translate(76.000000%2C%20208.000000)%22%3E%20%20%20%20%20%3Cg%20id%3D%22Text-stuff-copy%22%3E%20%20%20%20%20%20%3Cg%20id%3D%22B-_x7C_-i-_x7C_-_x3D_%22%20transform%3D%22translate(11.000000%2C%200.000000)%22%3E%20%20%20%20%20%20%20%3Cpath%20id%3D%22Oval-103%22%20fill%3D%22%23393F44%22%20d%3D%22M-219.5%2C407.5c0.552%2C0%2C1-0.447%2C1-1s-0.448-1-1-1s-1%2C0.447-1%2C1%20%20%20%20%20%20%20%20S-220.052%2C407.5-219.5%2C407.5z%20M-216.509%2C405.5c-0.547%2C0-0.991%2C0.443-0.991%2C1c0%2C0.553%2C0.451%2C1%2C0.991%2C1h4.019%20%20%20%20%20%20%20%20c0.547%2C0%2C0.99-0.443%2C0.99-1c0-0.553-0.451-1-0.99-1H-216.509z%20M-219.5%2C410.5c0.552%2C0%2C1-0.447%2C1-1s-0.448-1-1-1s-1%2C0.447-1%2C1%20%20%20%20%20%20%20%20S-220.052%2C410.5-219.5%2C410.5z%20M-216.509%2C408.5c-0.547%2C0-0.991%2C0.443-0.991%2C1c0%2C0.553%2C0.451%2C1%2C0.991%2C1h4.019%20%20%20%20%20%20%20%20c0.547%2C0%2C0.99-0.443%2C0.99-1c0-0.553-0.451-1-0.99-1H-216.509z%20M-219.5%2C413.5c0.552%2C0%2C1-0.447%2C1-1s-0.448-1-1-1s-1%2C0.447-1%2C1%20%20%20%20%20%20%20%20S-220.052%2C413.5-219.5%2C413.5z%20M-216.509%2C411.5c-0.547%2C0-0.991%2C0.443-0.991%2C1c0%2C0.553%2C0.451%2C1%2C0.991%2C1h4.019%20%20%20%20%20%20%20%20c0.547%2C0%2C0.99-0.443%2C0.99-1c0-0.553-0.451-1-0.99-1H-216.509z%22%2F%3E%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%20%20%20%3C%2Fg%3E%20%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'); }

  /* font-style */
  .nw-button--bold { background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2230px%22%20height%3D%2230px%22%20%20viewBox%3D%22-317%20386.5%2030%2030%22%20enable-background%3D%22new%20-317%20386.5%2030%2030%22%20xml%3Aspace%3D%22preserve%22%3E%3Ctitle%3EB%3C%2Ftitle%3E%3Cdesc%3ECreated%20with%20Sketch%20Beta.%3C%2Fdesc%3E%3Cg%20id%3D%22item-form1%22%20sketch%3Atype%3D%22MSPage%22%3E%20%3Cg%20id%3D%22in-course%22%20transform%3D%22translate(-643.000000%2C%20-1743.000000)%22%20sketch%3Atype%3D%22MSArtboardGroup%22%3E%20%20%3Cg%20id%3D%22Feedback-added-to-Answer%22%20transform%3D%22translate(526.000000%2C%201230.000000)%22%20sketch%3Atype%3D%22MSLayerGroup%22%3E%20%20%20%3Cg%20id%3D%22Answer-2%22%20transform%3D%22translate(0.000000%2C%20297.000000)%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%20%20%20%20%3Cg%20id%3D%22Clicked_x2F_Feedbac%22%20transform%3D%22translate(76.000000%2C%20208.000000)%22%3E%20%20%20%20%20%3Cg%20id%3D%22Text-stuff-copy%22%3E%20%20%20%20%20%20%3Cg%20id%3D%22B-_x7C_-i-_x7C_-_x3D_%22%20transform%3D%22translate(11.000000%2C%200.000000)%22%3E%20%20%20%20%20%20%20%3Cpath%20id%3D%22B%22%20fill%3D%22%23383E44%22%20d%3D%22M-271.097%2C414.496c1.479%2C0%2C2.213-1.134%2C2.213-2.442c0-1.134-0.632-2.051-1.435-2.199%20%20%20%20%20%20%20%20c0.712-0.188%2C1.287-0.944%2C1.287-2.064c0-1.134-0.711-2.294-2.201-2.294h-4.268v9H-271.097z%20M-271.672%2C408.95h-1.886v-1.497%20%20%20%20%20%20%20%20h1.886c0.395%2C0%2C0.667%2C0.31%2C0.667%2C0.742C-271.006%2C408.641-271.277%2C408.95-271.672%2C408.95z%20M-273.558%2C412.539v-1.619h1.953%20%20%20%20%20%20%20%20c0.474%2C0%2C0.746%2C0.365%2C0.746%2C0.811c0%2C0.485-0.283%2C0.809-0.746%2C0.809H-273.558z%22%2F%3E%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%20%20%20%3C%2Fg%3E%20%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'); }

  .nw-button--italic { background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2230px%22%20height%3D%2230px%22%20%20viewBox%3D%22-318%20386.5%2030%2030%22%20enable-background%3D%22new%20-318%20386.5%2030%2030%22%20xml%3Aspace%3D%22preserve%22%3E%3Ctitle%3Ei%3C%2Ftitle%3E%3Cdesc%3ECreated%20with%20Sketch%20Beta.%3C%2Fdesc%3E%3Cg%20id%3D%22item-form1%22%20sketch%3Atype%3D%22MSPage%22%3E%20%3Cg%20id%3D%22in-course%22%20transform%3D%22translate(-672.000000%2C%20-1743.000000)%22%20sketch%3Atype%3D%22MSArtboardGroup%22%3E%20%20%3Cg%20id%3D%22Feedback-added-to-Answer%22%20transform%3D%22translate(526.000000%2C%201230.000000)%22%20sketch%3Atype%3D%22MSLayerGroup%22%3E%20%20%20%3Cg%20id%3D%22Answer-2%22%20transform%3D%22translate(0.000000%2C%20297.000000)%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%20%20%20%20%3Cg%20id%3D%22Clicked_x2F_Feedbac%22%20transform%3D%22translate(76.000000%2C%20208.000000)%22%3E%20%20%20%20%20%3Cg%20id%3D%22Text-stuff-copy%22%3E%20%20%20%20%20%20%3Cg%20id%3D%22B-_x7C_-i-_x7C_-_x3D_%22%20transform%3D%22translate(11.000000%2C%200.000000)%22%3E%20%20%20%20%20%20%20%3Cpath%20id%3D%22i%22%20fill%3D%22%23393F44%22%20d%3D%22M-242.799%2C404.5c0.365%2C0%2C0.673%2C0.102%2C0.924%2C0.304c0.25%2C0.202%2C0.375%2C0.448%2C0.375%2C0.735%20%20%20%20%20%20%20%20s-0.127%2C0.532-0.38%2C0.734c-0.253%2C0.203-0.56%2C0.305-0.919%2C0.305c-0.354%2C0-0.656-0.102-0.91-0.305%20%20%20%20%20%20%20%20c-0.253-0.202-0.38-0.447-0.38-0.734s0.125-0.533%2C0.375-0.735C-243.463%2C404.602-243.158%2C404.5-242.799%2C404.5%20%20%20%20%20%20%20%20C-242.799%2C404.5-243.158%2C404.5-242.799%2C404.5L-242.799%2C404.5L-242.799%2C404.5z%20M-242.251%2C407.751l-1.811%2C5.024%20%20%20%20%20%20%20%20c-0.1%2C0.287-0.15%2C0.477-0.15%2C0.565c0%2C0.052%2C0.026%2C0.101%2C0.08%2C0.146c0.053%2C0.045%2C0.109%2C0.066%2C0.167%2C0.066%20%20%20%20%20%20%20%20c0.1%2C0%2C0.2-0.035%2C0.3-0.105c0.265-0.175%2C0.583-0.49%2C0.954-0.947l0.301%2C0.142c-0.889%2C1.239-1.834%2C1.858-2.835%2C1.858%20%20%20%20%20%20%20%20c-0.383%2C0-0.688-0.086-0.914-0.258c-0.227-0.172-0.34-0.391-0.34-0.654c0-0.174%2C0.05-0.396%2C0.15-0.664l1.228-3.378%20%20%20%20%20%20%20%20c0.118-0.325%2C0.177-0.57%2C0.177-0.735c0-0.104-0.056-0.195-0.168-0.275c-0.112-0.08-0.265-0.12-0.459-0.12%20%20%20%20%20%20%20%20c-0.088%2C0-0.194%2C0.003-0.318%2C0.007l0.115-0.282l2.994-0.389l0%2C0H-242.251L-242.251%2C407.751z%22%2F%3E%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%20%20%20%3C%2Fg%3E%20%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'); }

  /* linking */
  .nw-button--link { background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2230px%22%20height%3D%2230px%22%20%20viewBox%3D%22-313.5%20385.5%2030%2030%22%20enable-background%3D%22new%20-313.5%20385.5%2030%2030%22%20xml%3Aspace%3D%22preserve%22%3E%3Ctitle%3ERectangle%20164%3C%2Ftitle%3E%3Cdesc%3ECreated%20with%20Sketch%20Beta.%3C%2Fdesc%3E%3Cg%20id%3D%22item-form1%22%20sketch%3Atype%3D%22MSPage%22%3E%20%3Cg%20id%3D%22in-course%22%20transform%3D%22translate(-812.000000%2C%20-1744.000000)%22%20sketch%3Atype%3D%22MSArtboardGroup%22%3E%20%20%3Cg%20id%3D%22Feedback-added-to-Answer%22%20transform%3D%22translate(526.000000%2C%201230.000000)%22%20sketch%3Atype%3D%22MSLayerGroup%22%3E%20%20%20%3Cg%20id%3D%22Answer-2%22%20transform%3D%22translate(0.000000%2C%20297.000000)%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%20%20%20%20%3Cg%20id%3D%22Clicked_x2F_Feedbac%22%20transform%3D%22translate(76.000000%2C%20208.000000)%22%3E%20%20%20%20%20%3Cg%20id%3D%22Text-stuff-copy%22%3E%20%20%20%20%20%20%3Cg%20id%3D%22B-_x7C_-i-_x7C_-_x3D_%22%20transform%3D%22translate(11.000000%2C%200.000000)%22%3E%20%20%20%20%20%20%20%3Cpath%20id%3D%22Rectangle-164%22%20fill%3D%22%23393F44%22%20d%3D%22M-102.727%2C413.5h-0.825c-1.636%2C0-2.948-1.57-2.948-3.509v-0.982%20%20%20%20%20%20%20%20c0-1.947%2C1.32-3.509%2C2.948-3.509h0.825c1.18%2C0%2C2.191%2C0.817%2C2.664%2C2h-3.491c-0.699%2C0-1.266%2C0.679-1.266%2C1.501v0.998%20%20%20%20%20%20%20%20c0%2C0.829%2C0.568%2C1.501%2C1.266%2C1.501h3.491C-100.536%2C412.686-101.551%2C413.5-102.727%2C413.5z%20M-100.463%2C408.5%20%20%20%20%20%20%20%20c-0.55%2C0-0.996%2C0.443-0.996%2C1c0%2C0.553%2C0.45%2C1%2C0.996%2C1h2.211c0.549%2C0%2C0.995-0.443%2C0.995-1c0-0.553-0.45-1-0.995-1H-100.463z%20%20%20%20%20%20%20%20%20M-96.273%2C413.5h0.825c1.636%2C0%2C2.948-1.57%2C2.948-3.509v-0.982c0-1.947-1.32-3.509-2.948-3.509h-0.825%20%20%20%20%20%20%20%20c-1.18%2C0-2.191%2C0.817-2.664%2C2h3.491c0.699%2C0%2C1.266%2C0.679%2C1.266%2C1.501v0.998c0%2C0.829-0.568%2C1.501-1.266%2C1.501h-3.491%20%20%20%20%20%20%20%20C-98.465%2C412.686-97.449%2C413.5-96.273%2C413.5z%22%2F%3E%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%20%20%20%3C%2Fg%3E%20%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'); }

  /* source edit */
  .nw-button--source { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIxNiIgd2lkdGg9IjE0IiB2aWV3Qm94PSIwIDAgODk2IDEwMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzM4M0U0NCIgZD0iTTcwNCA2NEw1NzYgMTkybDE5MiAxOTIgMTI4LTEyOEw3MDQgNjR6TTAgNzY4bDAuNjg4IDE5Mi41NjJMMTkyIDk2MGw1MTItNTEyTDUxMiAyNTYgMCA3Njh6TTE5MiA4OTZINjRWNzY4aDY0djY0aDY0Vjg5NnoiLz48L3N2Zz4=') }

/**
 *  styling & formatting of content inside contenteditable div
 *
 *  .nw-content
 *
 */
.nw-content {
  padding: 12px;
  margin: 0;

  font-family: sans-serif;
  font-size: 14px;
  line-height: 24px;
}
  .nw-content h1 {
    margin: 0 0 6px 0;

    font-size: 24px;
    line-height: 36px;
    font-weight: 400;
  }
  .nw-content p {
    margin: 0 0 12px 0;
  }
  .nw-content ul {
    padding: 0;
    margin: 0 0 12px 24px;
    list-style: disc;
  }
  .nw-content ol {
    padding: 0;
    margin: 0 0 12px 24px;
    list-style: decimal;
  }
  .nw-content li {
    padding: 0;
    margin: 0;
  }
  .nw-content a {
    text-decoration: underline;

    color: #3fae98; /* green */
  }
  .nw-content a:hover {
    text-decoration: none;
  }
  .nw-content bold,
  .nw-content strong {
    font-weight: 700;
  }
  .nw-content i,
  .nw-content italic {
    font-style: italic;
  }