#dialogColumns {
  overflow:hidden;
}
#dialogColumns p {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 0;
}
.dialog-col {
  display: flex;
  flex-direction: column;
}
.connectedSortable {
  flex-grow: 1;
}
.dialog-col-line {
  display: flex;
  align-items: center;
  margin: 4px 0;
}
.dialog-col-line.invisible {
  display: none;
}
.dialog-col-max {
  position: relative;
  width: 357px;
  height: 20px;
  white-space: nowrap;
  font-size: 11px;
  background-color: #f6f6f6;
  border: 1px solid #c5c5c5;
  border-radius: 3px;
  cursor: default;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}
.dialog-col-width {
  position: absolute;
  left: 0;
  top: 0;
  height: 18px;
  background-color: #98cfff;
}
.dialog-col-name {
  position: absolute;
  left: 10px;
  line-height: 20px;
  z-index: 120;
  font-weight: bold;
}
.dialog-col-text {
  position: absolute;
  right: 15px;
  line-height: 20px;
  z-index: 120;
  font-size: 11px;
}
.resize-grip-handle, .resize-grip-bg {
  position: absolute;
  top: 0;
  right: -5px;
  height: 18px;
  width: 10px;
  cursor: w-resize;
  z-index: 130;
}
.resize-grip-bg {
  background-color: #1c77c8;
  border-radius: 3px;
  z-index: 110;
}
.dialog-col-head {
  font-weight: bold;
  font-size: 12px;
  margin: 0 0 6px 0;
}
.dialog-col-placeholder {
  width: 379px;
  height: 20px;
  border: 1px dashed #bbb;
}
.left-dialog-btn {
  float: left;
}

/* Rezice Header Column */
.resizable-header {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  z-index: 4;
}
.resize-grip-handle-col {
  position: absolute;
  top: 0;
  right: -2px;
  height: 24px;
  width: 4px;
  cursor: w-resize;
  background-color: rgb(222,144,73);
  background-color: #ccc;
  transition: opacity 0.3s ease-out;
  opacity: 0;
}
th:hover .resize-grip-handle-col {
  opacity: 1;
}