.frontendeditor .dialogwrap{
  position: relative;
}
.frontendeditor .dialogwrap section{
  border: 1px dashed lightgrey;
}
.frontendeditor .dialogwrap:hover section{
  border: 1px dashed grey;
}

.frontendeditor .dialogwrap.notsaved section{
  border: 1px dashed red;
}
.frontendeditor .dialogwrap.notsaved:hover section{
  border: 1px dashed red;
}

.frontendeditor .opensettings{
  position: absolute;
  top: 0px;
  left: 0;
  width: 20px;
  height: 20px;
  z-index: 1000;
  background-color: red;
}
.frontendeditor .dynamic-fields-container{
  position: absolute !important;
  top: 0;
  left: 20px;
  z-index: 1000;
  background-color: lightgrey;
  padding: 10px;
  font-size: 13px;
}

.frontendeditor .dynamic-fields-container .margin-fields,
.frontendeditor .dynamic-fields-container .padding-fields{
  display: flex;
  column-gap: 10px;
}
.frontendeditor .dynamic-fields-container .multiselect-checkboxes label{
  margin-left: 3px;
  margin-right: 10px;
}
.frontendeditor .dynamic-fields-container input[type=number],
.frontendeditor .dynamic-fields-container input[type=text],
.frontendeditor .dynamic-fields-container select{
  font-size: 13px;
}



.frontendeditor .wrap{
  overflow: visible;
}

button.showfrontendeditor{
  position: fixed;
  z-index: 200;
  bottom: 0;
  left: 0;
  opacity: .3;
}
button.showfrontendeditor:hover{
  opacity: 1;
}