.single-form-panel {
    margin: 12px;
    min-height: 300px;
    font-size: 10px;
}

.single-form-panel .workspace-fullwidth {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.single-form-panel .workspace-warning.ui-draggable.ui-draggable-handle.ui-resizable {
    position: relative;
    z-index: 5;
    top: 2px;
    left: 8px;
    display: block;
}

.single-form-panel > ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.single-form-panel > ul > li {
    float: left;
    margin-right: 4px;
    background-color: rgb(244, 244, 244);
    border: 1px dotted lightsteelblue;
    border-top-left-radius: 3px;
    border-top-right-radius: 9px;
    padding: 2px 5px;
}

.single-form-panel > ul::after {
    content: "";
    display: block;
    clear: both;
}

.single-form-panel #workspace-oldcenters-panel {
    display: block;
    border: 1px solid graytext;
    overflow: auto;
    width: 100%;
    margin-top: 4px;
}

.single-form-panel .workspace-input,
.single-form-panel .rdp-checklist-trigger,
.single-form-panel textarea {
    font-size: inherit;
}

/* Prevent checklist-bearing table cells from expanding the table beyond its container.
   table-layout:fixed + width:100% makes cells respect max-width so the trigger ellipsis works. */
.single-form-panel table {
    table-layout: fixed;
    width: 100%;
}
.single-form-panel td {
    /* Keep popups (e.g. checklist dropdown) visible outside cell bounds. */
    overflow: visible;
}
/* Label column should stay narrow; only the first column (labels) should not shrink to 0. */
.single-form-panel td:first-child {
    width: 1%;
    white-space: nowrap;
}