.redactor-image{
        position: relative;
        width:800px;
        height:1130px;
        display:block;
        padding:0px;
      transform-origin: top;

  }
  .redactor-image table{
    border:none;
      width:800px;
      max-height: 1130px;
  }
  .redactor-image tr,
  .redactor-image td,
  .redactor-image tr,
  .redactor-image table,
  .redactor-image tbody{
    padding: 0px;
    margin: 0px;
    background: none !important;
  }
  .redactor-image td{
    vertical-align: top;
  }
  .redactor-image td *{
      display: inline-block;
      width:100%;
      max-width: unset;
          box-sizing: border-box;
            font-family: 'DejaVu Sans';
            font-weight: normal;
            font-size: 14px;

  }

  .redactor-image .placeholder{
    position: static;
  }

  .redactor-image .placeholder-text{
    padding: 0px;
    margin:0px;
        word-break: break-word;
        overflow: hidden;
  }

.redactor-wrapper{
  width:100%;
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

#sing-image{
  width:128px;
  height:128px;
}

#sing-image img{
    width:128px;
}

.admin-panel-redactor{
  position: absolute;
  top: 20px;
  right:20px;
  border-left: 2px solid gray;
  padding: 15px;
}

.update-block{
  border-top: 2px solid gray;
  padding: 5px;
  margin-top: 15px;
}

.update-block .group-input{
  display: flex;
  flex-direction: column;
  margin: 5px;
}

.update-block .group-input button{
  margin: 5px 0px;
}


.hide{
  display: none !important;
}

.border-red{
  border-color: red;
}

#update-block, #delete-block{
  display: flex;
      box-shadow: 0 0 10px #91919126;
  gap:10px;
  background: white;
  padding: 10px;
  border-radius: 7px;
  width:auto;
  align-items: center;
      position: absolute;
}

#update-block input{
  font-size: 20px;
  width: 40px;
  border:none;
  outline: none;
}

#update-block button,
#delete-block button
{
  border:none;
  outline: none;
  background: none;
  cursor: pointer;
}

#update-block button.active svg,
#delete-block button.active svg
{
  fill:blue;,
}
#update-block button.active svg path,
#delete-block button.active svg path
{
  stroke:blue;
}

#update-block .flex{
  display: flex;
  gap:10px;

}

#update-block .separate,
#delete-block .separate{
  padding-left: 10px;
  border-left: 1px solid gray;
}

#delete-block img{
  width:20px;
  border: none;
  box-shadow: none;
}

.reset-link {
    background: #adb8bd;
    color: #fff;
    padding: 6px 15px;
    border-radius: 5px;
    transition: 0.3s all ease;
    cursor: pointer;
}

@media screen and (max-width: 768px) {
  /* #update-block{
    position: fixed;
    bottom: 0px !important;
    left:0px;
    width:100%;

  } */

  .redactor-panel{
    height: unset;
    padding-bottom: 10px;
padding-top: 10px;
  }
  .redactor-panel-wrapper,
  .redactor-panel-wrapper .button-panel{
    flex-direction: column;
    gap: 10px;
  }


}