.zb_inline_editor {
  background: #fff;
  position: relative;
  min-height: 90px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px; }
  .zb_inline_editor .zb_editor_controls {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 24px; }
    .zb_inline_editor .zb_editor_controls a {
      font-size: 24px;
      color: #73bcdb;
      position: relative;
      display: block;
      margin-bottom: 5px;
      text-align: center; }
      .zb_inline_editor .zb_editor_controls a .legend {
        display: none;
        position: absolute;
        right: 100%;
        top: 0;
        white-space: nowrap;
        line-height: 30px;
        font-family: Arial, Helevetica, sans-serif;
        font-size: 14px;
        padding-right: 5px;
        background: rgba(255, 255, 255, 0.7); }
      .zb_inline_editor .zb_editor_controls a:hover {
        color: #2276d2;
        text-decoration: none; }
        .zb_inline_editor .zb_editor_controls a:hover .legend {
          display: block; }
  .zb_inline_editor .zb_block_wrapper {
    position: relative;
    transition: border 0.25s ease-in-out;
    border: 2px solid #fff; }
    .zb_inline_editor .zb_block_wrapper.sorting {
      background: #73bcdb; }
    .zb_inline_editor .zb_block_wrapper .zb_controls {
      opacity: 0;
      visibility: hidden;
      transition: visibility 0s linear 0.25s, opacity 0.25s ease-in-out;
      text-align: right;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 2;
      background: #73bcdb; }
      .zb_inline_editor .zb_block_wrapper .zb_controls a, .zb_inline_editor .zb_block_wrapper .zb_controls span {
        color: #fff;
        font-size: 20px;
        padding: 5px;
        vertical-align: middle;
        display: inline-block;
        background: inherit; }
        .zb_inline_editor .zb_block_wrapper .zb_controls a .legend, .zb_inline_editor .zb_block_wrapper .zb_controls span .legend {
          display: none;
          position: absolute;
          right: 0;
          top: 100%;
          width: auto;
          white-space: nowrap;
          font-size: 12px;
          font-family: Arial, Helevetica, sans-serif;
          background: inherit; }
        .zb_inline_editor .zb_block_wrapper .zb_controls a:hover, .zb_inline_editor .zb_block_wrapper .zb_controls span:hover {
          background: #288fbd;
          text-decoration: none; }
          .zb_inline_editor .zb_block_wrapper .zb_controls a:hover .legend, .zb_inline_editor .zb_block_wrapper .zb_controls span:hover .legend {
            display: block; }
    .zb_inline_editor .zb_block_wrapper:focus, .zb_inline_editor .zb_block_wrapper:hover {
      border: 2px solid #73bcdb; }
      .zb_inline_editor .zb_block_wrapper:focus > .zb_controls, .zb_inline_editor .zb_block_wrapper:hover > .zb_controls {
        opacity: 1;
        visibility: visible;
        transition-delay: 0s; }
    .zb_inline_editor .zb_block_wrapper [data-editor=image], .zb_inline_editor .zb_block_wrapper [data-editor=video] {
      position: relative;
      display: block; }
      .zb_inline_editor .zb_block_wrapper [data-editor=image] .zb_controls, .zb_inline_editor .zb_block_wrapper [data-editor=video] .zb_controls {
        top: 0;
        left: 0;
        right: auto;
        background: #db9766;
        text-align: left; }
        .zb_inline_editor .zb_block_wrapper [data-editor=image] .zb_controls a:hover, .zb_inline_editor .zb_block_wrapper [data-editor=image] .zb_controls span:hover, .zb_inline_editor .zb_block_wrapper [data-editor=video] .zb_controls a:hover, .zb_inline_editor .zb_block_wrapper [data-editor=video] .zb_controls span:hover {
          background: #db5d2e; }
        .zb_inline_editor .zb_block_wrapper [data-editor=image] .zb_controls a .legend, .zb_inline_editor .zb_block_wrapper [data-editor=image] .zb_controls span .legend, .zb_inline_editor .zb_block_wrapper [data-editor=video] .zb_controls a .legend, .zb_inline_editor .zb_block_wrapper [data-editor=video] .zb_controls span .legend {
          left: 0;
          right: auto; }
        .zb_inline_editor .zb_block_wrapper [data-editor=image] .zb_controls input, .zb_inline_editor .zb_block_wrapper [data-editor=image] .zb_controls textarea, .zb_inline_editor .zb_block_wrapper [data-editor=video] .zb_controls input, .zb_inline_editor .zb_block_wrapper [data-editor=video] .zb_controls textarea {
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          display: none;
          background: #fff;
          border: none;
          margin: 5px 0;
          width: 100%;
          font-size: 14px;
          padding: 5px;
          font-family: Arial, Helevetica, sans-serif; }
        .zb_inline_editor .zb_block_wrapper [data-editor=image] .zb_controls.input_on, .zb_inline_editor .zb_block_wrapper [data-editor=video] .zb_controls.input_on {
          display: block;
          left: 0;
          right: 0; }
          .zb_inline_editor .zb_block_wrapper [data-editor=image] .zb_controls.input_on input, .zb_inline_editor .zb_block_wrapper [data-editor=image] .zb_controls.input_on textarea, .zb_inline_editor .zb_block_wrapper [data-editor=video] .zb_controls.input_on input, .zb_inline_editor .zb_block_wrapper [data-editor=video] .zb_controls.input_on textarea {
            display: block; }
      .zb_inline_editor .zb_block_wrapper [data-editor=image]:focus, .zb_inline_editor .zb_block_wrapper [data-editor=image]:hover, .zb_inline_editor .zb_block_wrapper [data-editor=video]:focus, .zb_inline_editor .zb_block_wrapper [data-editor=video]:hover {
        z-index: 9999;
        outline: 2px solid #db9766;
        cursor: pointer; }
        .zb_inline_editor .zb_block_wrapper [data-editor=image]:focus > .zb_controls, .zb_inline_editor .zb_block_wrapper [data-editor=image]:hover > .zb_controls, .zb_inline_editor .zb_block_wrapper [data-editor=video]:focus > .zb_controls, .zb_inline_editor .zb_block_wrapper [data-editor=video]:hover > .zb_controls {
          opacity: 1;
          visibility: visible;
          transition-delay: 0s; }
  .zb_inline_editor .zb_drop {
    height: 0; }
    .zb_inline_editor .zb_drop.on {
      transition: all 0.5s ease-in-out;
      background: #73bcdb;
      height: 30px; }
    .zb_inline_editor .zb_drop.hover {
      height: 80px;
      background: #2276d2; }
  .zb_inline_editor *[contentEditable="true"]:focus, .zb_inline_editor *[contentEditable="true"]:hover {
    outline: 2px solid #2276d2; }

.zb_draggable img {
  max-width: 100%; }

.zb_blocks_list {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  overflow: auto;
  z-index: 999;
  background: #fff;
  padding: 30px 0 0 0; }
  .zb_blocks_list div {
    display: block;
    margin: 5px 0;
    padding: 5px 0;
    border-bottom: solid 1px #73bcdb;
    max-width: 500px;
    cursor: pointer;
    z-index: 1;
    position: relative; }
    .zb_blocks_list div:hover img {
      opacity: 1; }
    .zb_blocks_list div img {
      opacity: 0.7;
      width: 100%;
      height: auto; }
  .zb_blocks_list a.close {
    position: fixed;
    top: 5px;
    left: 5px;
    font-size: 20px;
    background: #fff;
    z-index: 2; }
    .zb_blocks_list a.close:hover {
      color: #288fbd;
      text-decoration: none; }