.edt_control {
  width:            100%;
  display:          flex;
  border:           2px #eee outset;
  background-color: #dadada;
}

.edt_control_pnl {
  display:         flex;
  justify-content: flex-end;
  align-items:     center;
}

.edt_control_txt {
  width:        100%;
  padding-left: 0.5em;
  font-size:    1.2em;
}

.edt_control_img {
  width:  20px;
  height: 20px;
  margin: 1px 3px;
  border: 2px #eee outset;
  cursor: pointer;
}

.edt_loader_img {
  width:  30px;
  height: auto;
}

.edt_editor {
  width:       100%;
  border:      1px #aaa outset;
  font-family: sans-serif;
  font-size:   16px;
}

[contenteditable] { 
  _display: inline-block; /* to prevent that some browsers add divs around <br> -> crashes tables*/ 
  margin:  2px;
  padding: 2px;
} 

.edt_frame_sel   { border: 2px red dashed; }
.edt_frame_unsel { border: 1px grey solid; }
.edt_image_sel   { border: 2px aqua solid; }
.edt_wide        { width:         100%; }
.edt_optSpace    { min-height:    34rem;}
.edt_edtSpace    { min-height:    100rem; }
.spacer_top      { margin-top:    1.25em; }
.spacer_btm      { margin-bottom: 1.25em; }


.edt_tool_pnl {
  display:         flex;
  flex-direction:  row;
  justify-content: flex-start;
  align-items:     center;
  min-height:      30px;
}

.edt_toolOpts {
  width:            100%;
  min-height:       40px;
  padding:          4px;
  border:           2px #eee outset;
  border-top:       none;
  background-color: #dadada;
}

.edt_tool_img {
  width:  24px;
  height: 24px;
  margin: 1px 3px;
  border: 2px #eee outset;
  cursor: pointer;
}

.tool_sel { border: 2px #eee inset; }