.CodeMirror {
  border: 1px solid #ccc;
  border-radius: 4px;
}

/* When focused */
.CodeMirror-focused {
  border: 2px solid #007BFF; /* blue */
  box-shadow: 0 0 4px rgba(0, 123, 255, 0.5);
}

/*
.k8pages_dev .k8-pageelement:after{
  content:attr(id);
  display:inline;
  font-size:12px;
  background:yellow;
  color:black;
  border-radius:50%;
  border: solid 1px #ccc;
  padding:3px;
  position:relative;
  left:-8px;
  top: -10px;
  opacity:0.9;
}
*/

.js_layout .dropelement {
    overflow: hidden;
}

.js_layout .draggable {
    text-align: center;
}
.droplist {
    padding: 0 4px 4px 4px;
    border-radius: var(--bs-border-radius);
}
.droplist .draggable{
  margin-bottom: 4px;
}

.draggable {
    width: 100%;
    height: 20px;
    background: white;
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
 }

.draggable:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

.dropelement {
  width: 100%;
  height: 40px;
  border: solid 2px #ccc;
  margin-bottom: 10px;
  padding-top: 6px;
}

.droplist {
  min-height: 100px;
}