.component-edit-panel {
  background: white; }
  .component-edit-panel .panel-header {
    text-align: center; }

.modal-backdrop.transparent-backdrop {
  opacity: 0; }

.thumbnail-container {
  margin-bottom: 10px; }
  .thumbnail-container .thumbnail {
    background-color: #efefef; }

.image-preview {
  max-height: 200px;
  width: auto;
  margin: 0 auto;
  max-width: 100%;
  cursor: pointer; }
  .image-preview:after {
    content: 'bob'; }

.dragover {
  border: 2px dashed #bbb; }

@-webkit-keyframes menu-show {
  0% {
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0); }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes menu-show {
  0% {
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0); }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes menu-show {
  0% {
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0); }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

.component-adder {
  position: absolute;
  height: 0;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .component-adder.disabled:not(.menu-open) .ball, .component-adder.disabled:not(.menu-open) .line, .component-adder.disabled.on:not(.menu-open) .ball, .component-adder.disabled.on:not(.menu-open) .line {
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0); }
  .component-adder.on {
    z-index: 1;
    visibility: visible; }
    .component-adder.on .ball {
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      color: white;
      z-index: 5; }
      .component-adder.on .ball:hover {
        background-color: #111; }
    .component-adder.on .line {
      display: block; }
  .component-adder.menu-open {
    z-index: 4; }
    .component-adder.menu-open .components-menu-container {
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      opacity: 1; }
    .component-adder.menu-open .ball {
      -webkit-transform: scale(1) rotate(45deg);
          -ms-transform: scale(1) rotate(45deg);
              transform: scale(1) rotate(45deg);
      color: white;
      border-radius: 50% 2px 50% 50%; }
    .component-adder.menu-open .line {
      display: none; }
  .component-adder .components-menu-container {
    position: absolute;
    -webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-out;
            transition: transform 0.2s ease-out, opacity 0.2s ease-out;
    -webkit-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
            transform: scale(0, 0);
    -webkit-transform-origin: 0% 10%;
        -ms-transform-origin: 0% 10%;
            transform-origin: 0% 10%;
    opacity: 0;
    top: -40px;
    left: -5px;
    background-color: white;
    padding: 0;
    border: 1px solid #ddd;
    z-index: 8; }
    .component-adder .components-menu-container .components-menu {
      width: 350px;
      box-shadow: -2px 2px 5px 0px #ccc; }
      .component-adder .components-menu-container .components-menu section {
        padding-bottom: 5px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap; }
        .component-adder .components-menu-container .components-menu section h4 {
          font-size: 14px;
          background: #aaa;
          color: white;
          -webkit-box-flex: 4;
          -webkit-flex: 4 100%;
              -ms-flex: 4 100%;
                  flex: 4 100%;
          text-align: center;
          font-weight: 300;
          padding: 3px 5px;
          margin-top: 0;
          margin-bottom: 15px; }
        .component-adder .components-menu-container .components-menu section button {
          -webkit-box-flex: 1;
          -webkit-flex: 1 25%;
              -ms-flex: 1 25%;
                  flex: 1 25%;
          -webkit-box-flex: 0;
          -webkit-flex-grow: 0;
              -ms-flex-positive: 0;
                  flex-grow: 0;
          background: none;
          margin-bottom: 10px;
          border: 0;
          font-size: 12px;
          font-weight: bold;
          color: #555; }
          .component-adder .components-menu-container .components-menu section button:hover {
            color: #000; }
          .component-adder .components-menu-container .components-menu section button:disabled {
            color: #ccc; }
          .component-adder .components-menu-container .components-menu section button:active {
            border: none;
            outline: none;
            box-shadow: none; }
          .component-adder .components-menu-container .components-menu section button .btn-icon {
            color: inherit;
            display: block;
            font-size: 30px;
            margin-bottom: 5px;
            -webkit-transition: color 0.2s ease-out;
                    transition: color 0.2s ease-out; }
    .component-adder .components-menu-container .btn-add-container {
      width: 20%;
      min-width: 20%;
      padding: 5px; }
      .component-adder .components-menu-container .btn-add-container:nth-of-type(-n+3) {
        -webkit-box-flex: 3;
        -webkit-flex: 3;
            -ms-flex: 3;
                flex: 3;
        font-size: 1.5em;
        width: 33%;
        min-width: 33%; }
        .component-adder .components-menu-container .btn-add-container:nth-of-type(-n+3) .icon {
          display: block;
          font-size: 2em; }
      .component-adder .components-menu-container .btn-add-container .btn-add-component {
        display: inline-block;
        border: 1px solid #ccc;
        background-color: #fafafa;
        color: #444;
        border-radius: 3px;
        text-align: center;
        padding: 10px 5px;
        cursor: pointer;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        width: 100%; }
        .component-adder .components-menu-container .btn-add-container .btn-add-component:hover {
          background-color: #ddd; }
        .component-adder .components-menu-container .btn-add-container .btn-add-component .name {
          font-weight: normal; }
  .component-adder .ball {
    width: 20px;
    display: block;
    height: 20px;
    background-color: #555;
    border-radius: 50%;
    margin-left: -32px;
    margin-top: -10px;
    -webkit-transition: -webkit-transform 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
            transition: transform 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    color: transparent;
    text-align: center;
    cursor: pointer;
    font-family: 'Arial', sans-serif; }
  .component-adder .line {
    height: 2px;
    display: none;
    background-color: #666;
    margin-top: -1px;
    position: absolute;
    -webkit-transition: -webkit-transform 0.2s ease-out;
            transition: transform 0.2s ease-out;
    -webkit-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
            transform: scale(0, 1);
    -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
            transform-origin: 0 50%;
    top: 50%;
    left: -14px;
    width: 100%;
    z-index: -1; }
  .component-adder.in .line {
    -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
            transform: scale(1, 1); }

@-webkit-keyframes step-by-step-fade {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes step-by-step-fade {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

div[data-component-type="step-by-step"] .step-by-step-layout-container, div[data-component-type="step-by-step"] .step-by-step-dots {
  width: 100%; }
div[data-component-type="step-by-step"] .step-by-step-container, div[data-component-type="step-by-step"] .step-by-step-layout-container {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  div[data-component-type="step-by-step"] .step-by-step-container .steps-container, div[data-component-type="step-by-step"] .step-by-step-layout-container .steps-container {
    width: 100%; }
    div[data-component-type="step-by-step"] .step-by-step-container .steps-container .step, div[data-component-type="step-by-step"] .step-by-step-layout-container .steps-container .step {
      display: block;
      -webkit-animation-name: step-by-step-fade;
              animation-name: step-by-step-fade;
      -webkit-animation-duration: 0.4s;
              animation-duration: 0.4s;
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards; }
      div[data-component-type="step-by-step"] .step-by-step-container .steps-container .step:not(.visible), div[data-component-type="step-by-step"] .step-by-step-layout-container .steps-container .step:not(.visible) {
        display: none;
        opacity: 0; }
  div[data-component-type="step-by-step"] .step-by-step-container .arrow-container, div[data-component-type="step-by-step"] .step-by-step-layout-container .arrow-container {
    width: 5%;
    display: inline-block;
    margin: 130px 3px 50px;
    text-align: center;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    div[data-component-type="step-by-step"] .step-by-step-container .arrow-container .arrow, div[data-component-type="step-by-step"] .step-by-step-layout-container .arrow-container .arrow {
      width: 15px;
      height: 15px;
      display: inline-block;
      border: 3px solid #444444;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg);
      cursor: pointer;
      padding: 5px;
      background: none;
      outline: none; }
      div[data-component-type="step-by-step"] .step-by-step-container .arrow-container .arrow:disabled, div[data-component-type="step-by-step"] .step-by-step-layout-container .arrow-container .arrow:disabled {
        border-color: #aaa; }
      div[data-component-type="step-by-step"] .step-by-step-container .arrow-container .arrow.arrow-left, div[data-component-type="step-by-step"] .step-by-step-layout-container .arrow-container .arrow.arrow-left {
        border-top: 0;
        border-right: 0; }
      div[data-component-type="step-by-step"] .step-by-step-container .arrow-container .arrow.arrow-right, div[data-component-type="step-by-step"] .step-by-step-layout-container .arrow-container .arrow.arrow-right {
        border-bottom: 0;
        border-left: 0; }
  div[data-component-type="step-by-step"] .step-by-step-container .img-container, div[data-component-type="step-by-step"] .step-by-step-layout-container .img-container {
    max-width: 45%;
    float: right;
    position: relative; }
    div[data-component-type="step-by-step"] .step-by-step-container .img-container img, div[data-component-type="step-by-step"] .step-by-step-layout-container .img-container img {
      max-width: 100%;
      border: 1px solid #dbdbdb;
      border-radius: 6px; }
  div[data-component-type="step-by-step"] .step-by-step-container .step-by-step-dots .img-container, div[data-component-type="step-by-step"] .step-by-step-layout-container .step-by-step-dots .img-container {
    max-width: 60%;
    float: left;
    margin-right: 30px; }
  div[data-component-type="step-by-step"] .step-by-step-container .step-by-step-dots .description-container, div[data-component-type="step-by-step"] .step-by-step-layout-container .step-by-step-dots .description-container {
    max-height: 275px;
    overflow: auto; }
  div[data-component-type="step-by-step"] .step-by-step-container .edit-controls, div[data-component-type="step-by-step"] .step-by-step-layout-container .edit-controls {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    position: absolute;
    right: 0;
    top: 0;
    display: none; }
    div[data-component-type="step-by-step"] .step-by-step-container .edit-controls a, div[data-component-type="step-by-step"] .step-by-step-layout-container .edit-controls a {
      cursor: pointer; }
      div[data-component-type="step-by-step"] .step-by-step-container .edit-controls a:not(:last-child), div[data-component-type="step-by-step"] .step-by-step-layout-container .edit-controls a:not(:last-child) {
        border-right: 1px solid #bbb;
        padding-right: 5px; }
  div[data-component-type="step-by-step"] .step-by-step-container:hover .edit-controls, div[data-component-type="step-by-step"] .step-by-step-layout-container:hover .edit-controls {
    display: block;
    z-index: 20; }
  div[data-component-type="step-by-step"] .step-by-step-container .step-by-step-dots-container, div[data-component-type="step-by-step"] .step-by-step-layout-container .step-by-step-dots-container {
    padding: 0;
    margin: 30px 0;
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    div[data-component-type="step-by-step"] .step-by-step-container .step-by-step-dots-container li, div[data-component-type="step-by-step"] .step-by-step-layout-container .step-by-step-dots-container li {
      border-radius: 50%;
      background-color: #d6e9fb;
      width: 9px;
      height: 9px;
      margin: 4px;
      cursor: pointer; }
      div[data-component-type="step-by-step"] .step-by-step-container .step-by-step-dots-container li.selected, div[data-component-type="step-by-step"] .step-by-step-layout-container .step-by-step-dots-container li.selected {
        background-color: #3899ec;
        cursor: default; }
div[data-component-type="step-by-step"] .step-by-step-ordered .steps-container {
  text-align: center; }
  div[data-component-type="step-by-step"] .step-by-step-ordered .steps-container .description {
    text-align: initial; }
div[data-component-type="step-by-step"] .step-by-step-ordered .sbs-arrow {
  display: inline-block;
  width: 21px;
  background: no-repeat center;
  height: 21px;
  cursor: pointer;
  margin: -5px 12px; }
  div[data-component-type="step-by-step"] .step-by-step-ordered .sbs-arrow.sbs-arrow-prev {
    background-image: url('//d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/05/27/2311af2e-adb5-4bae-a096-df462dee0c9d.png');
    background-position-x: 7px; }
  div[data-component-type="step-by-step"] .step-by-step-ordered .sbs-arrow.sbs-arrow-next {
    background-image: url('//d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/05/27/fcf7502b-2527-4093-a4e7-30c2b8915b96.png'); }
  div[data-component-type="step-by-step"] .step-by-step-ordered .sbs-arrow:hover {
    background-color: #d3edff;
    border-radius: 50%; }
  div[data-component-type="step-by-step"] .step-by-step-ordered .sbs-arrow.disabled {
    opacity: .3;
    cursor: default;
    background-color: transparent; }
div[data-component-type="step-by-step"] .step-by-step-ordered .sbs-arrows-holder {
  color: #7a92a5;
  font-family: "HelveticaNeueW01-45Ligh", "HelveticaNeueW02-45Ligh", "HelveticaNeueW10-45Ligh", sans-serif;
  font-size: 14px;
  cursor: default;
  margin-top: 20px; }

content-editor div[data-component-type="step-by-step"] .img-container {
  cursor: pointer; }
  content-editor div[data-component-type="step-by-step"] .img-container:hover:after {
    content: '(click to upload a new image)';
    top: -25px;
    right: 0;
    position: absolute;
    padding: 5px;
    color: #999; }

.component-edit-panel .layout-radio-container {
  width: 100%;
  display: inline-block; }
  .component-edit-panel .layout-radio-container .layout-radio {
    width: 33%;
    float: left;
    padding: 5px;
    cursor: pointer; }
    .component-edit-panel .layout-radio-container .layout-radio:hover img {
      border-color: #E0E0E0; }
    .component-edit-panel .layout-radio-container .layout-radio.selected img {
      border-color: #3899ec;
      cursor: default; }
    .component-edit-panel .layout-radio-container .layout-radio img {
      border: solid 2px transparent;
      height: 100px;
      max-width: 100%; }

.template-info {
  position: absolute;
  top: 10%;
  left: -220px;
  color: #888;
  padding: 5px 0;
  border-left: 0;
  border-right: 0;
  width: 180px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  z-index: 3;
  height: 80%;
  border-right: 4px solid #eee;
  padding-right: 10px; }
  .template-info .title {
    text-transform: uppercase;
    display: block; }
    .template-info .title .icon {
      color: #bbb;
      cursor: help; }
      .template-info .title .icon:hover {
        color: #333; }

div[data-component-type="table"] table {
  max-width: 100%;
  background: white; }
  div[data-component-type="table"] table thead tr {
    border-bottom: 1px solid #dbdbdb; }
    div[data-component-type="table"] table thead tr th {
      line-height: 1.3em;
      padding: 6px 10px; }
  div[data-component-type="table"] table tbody tr:nth-child(even) {
    background-color: #f9f9f9; }
  div[data-component-type="table"] table tbody tr:last-child {
    border-bottom: 1px solid #dbdbdb; }
  div[data-component-type="table"] table td {
    line-height: 1.3em;
    padding: 6px 10px; }
div[data-component-type="table"] .redactor-toolbar {
  width: 400px; }

div[data-component-type="text"] .note, div[data-component-type="step-by-step"] .note, div[data-component-type="note"] .note {
  color: #4F788D;
  font-style: italic; }
div[data-component-type="text"] li.note, div[data-component-type="step-by-step"] li.note, div[data-component-type="note"] li.note {
  display: block; }
div[data-component-type="text"] ul, div[data-component-type="step-by-step"] ul, div[data-component-type="note"] ul {
  list-style-type: disc;
  margin-left: 2em; }
div[data-component-type="text"] ol, div[data-component-type="step-by-step"] ol, div[data-component-type="note"] ol {
  list-style-type: decimal; }
div[data-component-type="text"] ol ol, div[data-component-type="text"] ul ol, div[data-component-type="step-by-step"] ol ol, div[data-component-type="step-by-step"] ul ol, div[data-component-type="note"] ol ol, div[data-component-type="note"] ul ol {
  list-style-type: lower-latin;
  list-style-position: outside;
  margin-left: 15px; }
div[data-component-type="text"] ol ul, div[data-component-type="text"] ul ul, div[data-component-type="step-by-step"] ol ul, div[data-component-type="step-by-step"] ul ul, div[data-component-type="note"] ol ul, div[data-component-type="note"] ul ul {
  list-style-type: circle;
  list-style-position: outside;
  margin-left: 15px; }

.redactor-dropdown .redactor-dropdown-span-note {
  color: #4F788D;
  font-style: italic; }

div[data-component-type="note"] {
  color: #4F788D;
  font-style: italic; }

[data-component-type="tip"] {
  padding: 20px 40px;
  border-radius: 6px;
  line-height: 18px;
  background: #eaf7ff no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAPCAMAAADnP957AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNQTFRF////OJnsOJnsOJnsOJnsOJnsOJnsOJnsOJnsOJnsOJnsOJnsOJnsOJnsOJnsOJnsOJns/KWTbwAAABB0Uk5TABAgMEBQYHCAkKCwwNDg8FTgqMgAAABiSURBVAgdBcGJAYMwDAQwGUKgPPHtP20l1LWSrKtQX19jjKu/4u4d7H3TJ+BsleE4HMOILcO5rNMImbbc2czmeXnyqHWz52dmerswc+DKAE+S5AdUkAIkSQD6m6sB6s1b+AOj+wQitWhJEQAAAABJRU5ErkJggg==);
  background-position: 17px 22px;
  margin: 5px 0; }
  [data-component-type="tip"] p {
    margin: 0; }

[data-component-type="important"] {
  padding: 20px 40px;
  border-radius: 6px;
  line-height: 18px;
  background: #eaf7ff no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACRQTFRF////OJnsOJnsOJnsOJnsOJnsOJnsOJnsOJnsOJnsOJnsOJns6y86uQAAAAt0Uk5TABBAUGBwkKDQ4PBPsZwnAAAAdUlEQVQI103OoQ6CYACF0cNwQ2ehODei1UKy8AgkK9VCxJeg+BQECskBwe1/OQM4uem0++H0Cp87xMPjchtylE+cZ+IZlLmsIZB0qpRA1Gstq03sAgojh4CrEYumVYV2Va1K7UMj6mWNY3hLus3bv2BT9Sv9Ai/YIIgu0NDUAAAAAElFTkSuQmCC);
  background-position: 17px 22px;
  margin: 5px 0; }
  [data-component-type="important"] p {
    margin: 0; }

viewer-component {
  display: block; }

content-differ .ADDED, content-differ .REMOVED, content-differ .MODIFIED {
  border: 3px solid transparent;
  padding: 5px;
  margin: 5px 0; }
content-differ .ADDED {
  border-color: #D2EEA0;
  background-color: #e6f6cb; }
content-differ .REMOVED {
  border-color: #FF969F;
  background-color: #ffc9ce; }
content-differ .MODIFIED {
  border-color: #B0E9FF;
  background-color: #e3f7ff; }

div[data-component-type="text"] .note, div[data-component-type="step-by-step"] .note, div[data-component-type="note"] .note {
  color: #4F788D;
  font-style: italic; }
div[data-component-type="text"] li.note, div[data-component-type="step-by-step"] li.note, div[data-component-type="note"] li.note {
  display: block; }
div[data-component-type="text"] ul, div[data-component-type="step-by-step"] ul, div[data-component-type="note"] ul {
  list-style-type: disc;
  margin-left: 2em; }
div[data-component-type="text"] ol, div[data-component-type="step-by-step"] ol, div[data-component-type="note"] ol {
  list-style-type: decimal; }
div[data-component-type="text"] ol ol, div[data-component-type="text"] ul ol, div[data-component-type="step-by-step"] ol ol, div[data-component-type="step-by-step"] ul ol, div[data-component-type="note"] ol ol, div[data-component-type="note"] ul ol {
  list-style-type: lower-latin;
  list-style-position: outside;
  margin-left: 15px; }
div[data-component-type="text"] ol ul, div[data-component-type="text"] ul ul, div[data-component-type="step-by-step"] ol ul, div[data-component-type="step-by-step"] ul ul, div[data-component-type="note"] ol ul, div[data-component-type="note"] ul ul {
  list-style-type: circle;
  list-style-position: outside;
  margin-left: 15px; }

.redactor-dropdown .redactor-dropdown-span-note {
  color: #4F788D;
  font-style: italic; }

content-editor, content-viewer, content-differ {
  display: block; }
  content-editor table, content-viewer table, content-differ table {
    border-spacing: 0;
    border-collapse: collapse; }
  content-editor td, content-editor th, content-viewer td, content-viewer th, content-differ td, content-differ th {
    padding: 0; }
  content-editor > ul, content-viewer > ul, content-differ > ul {
    margin: 0;
    padding: 0; }
    content-editor > ul > li, content-viewer > ul > li, content-differ > ul > li {
      list-style: none; }
  content-editor li img, content-viewer li img, content-differ li img {
    margin: 0; }

content-editor {
  position: relative;
  display: block; }
  content-editor > ul > li {
    position: relative;
    padding-right: 20px; }
    content-editor > ul > li .control-buttons {
      position: absolute;
      right: -5px;
      top: 0;
      width: 20px; }
      content-editor > ul > li .control-buttons a {
        color: #888;
        margin-bottom: 3px;
        display: block;
        font-size: 1em;
        cursor: pointer;
        -webkit-transition: font-size 0.1s ease-out, color 0.1s ease-out;
                transition: font-size 0.1s ease-out, color 0.1s ease-out; }
        content-editor > ul > li .control-buttons a:hover {
          font-size: 1.2em;
          color: inherit; }
        content-editor > ul > li .control-buttons a.btn-reorder {
          cursor: move; }
    content-editor > ul > li:not(:hover) .control-buttons {
      display: none; }
    content-editor > ul > li .component-type-title {
      position: absolute;
      right: 20px;
      top: -25px;
      padding: 10px;
      text-transform: capitalize;
      font-size: 0.8em;
      color: #888;
      font-style: italic; }
    content-editor > ul > li:not(:hover) .component-type-title {
      display: none; }
    content-editor > ul > li .component-body {
      border: 1px solid transparent; }
      content-editor > ul > li .component-body:hover {
        border-color: #E0E0E0; }
    content-editor > ul > li .type {
      position: fixed;
      bottom: 20px;
      right: 20px;
      font-size: 1.5em;
      color: #bbb;
      border: 2px dashed;
      padding: 5px 10px;
      border-radius: 10px;
      background: #dffff5;
      z-index: 2;
      -webkit-transition: opacity 0.1s ease-out;
              transition: opacity 0.1s ease-out;
      width: 180px;
      text-align: center; }
    content-editor > ul > li:not(:hover) header {
      opacity: 0; }
  content-editor .strip-input {
    background: none;
    border: none;
    width: 100%;
    box-shadow: none;
    font-size: inherit; }
    content-editor .strip-input:hover, content-editor .strip-input:focus {
      outline: none;
      box-shadow: none; }
    content-editor .strip-input:focus {
      outline: none; }
    content-editor .strip-input:active {
      outline: none;
      box-shadow: none; }
  content-editor component-container {
    display: block;
    z-index: 1; }

[data-component-type] .anchor-title:not(h2) {
  padding: 0;
  border-radius: 5px;
  height: inherit;
  border: none; }
[data-component-type] h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500; }
[data-component-type] .form-control {
  background: transparent; }
[data-component-type] iframe {
  width: 100%;
  height: 400px;
  border: 1px #dbdbdb solid;
  border-radius: 6px; }
[data-component-type] p:last-child {
  margin-bottom: 0; }

content-editor .redactor-box, .custom-redactor-style .redactor-box {
  margin-bottom: 0 !important;
  background: none; }
content-editor:not(.redactor-border) .redactor-editor, .custom-redactor-style:not(.redactor-border) .redactor-editor {
  border: 0 !important;
  padding: 0 !important;
  font-family: inherit !important;
  background: none; }
content-editor .redactor-placeholder:after, .custom-redactor-style .redactor-placeholder:after {
  position: absolute;
  top: 0;
  left: 0; }
content-editor .redactor-toolbar, .custom-redactor-style .redactor-toolbar {
  background: #222 !important;
  border-radius: 0;
  position: absolute !important;
  width: 100%;
  -webkit-transform: translateY(-40px);
      -ms-transform: translateY(-40px);
          transform: translateY(-40px);
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-out, z-index 0.1s linear;
          transition: opacity 0.3s ease-out, z-index 0.1s linear;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s; }
  content-editor .redactor-toolbar:not(.visible), .custom-redactor-style .redactor-toolbar:not(.visible) {
    opacity: 0;
    z-index: -1 !important; }
  content-editor .redactor-toolbar li a, .custom-redactor-style .redactor-toolbar li a {
    color: #eee !important; }
    content-editor .redactor-toolbar li a.redactor-act, .custom-redactor-style .redactor-toolbar li a.redactor-act {
      color: #333 !important; }
/*# sourceMappingURL=answers-content-editor.css.map */