form.dataEditPage{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}form.dataEditPage .label:first-child>p:first-child{margin-top:0}form.dataEditPage .component.actionGroup[id$=PageActions] .action{letter-spacing:1px}body.EditLayout form.dataEditPage{padding-bottom:150px}body.EditLayout nav.editLayout,body.PreviewLayout nav.editLayout{margin:0 0 20px;overflow:hidden}.layoutOptions{display:none}body.EditLayout .layoutOptions{align-items:center;background-color:var(--edit-layout-options-bk-color);border-bottom:1px dashed var(--border-color);color:var(--edit-layout-options-text-color);display:flex;gap:.5em;padding:.5em}body.EditLayout .layoutEditable>.layoutOptions{cursor:move}body.EditLayout .layoutOptions>.label{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.EditLayout .layoutOptions>.label .name:before{content:" ("}body.EditLayout .layoutOptions>.label .name:after{content:")"}body.EditLayout .layoutOptions .actions{align-items:center;display:flex;gap:.25em}body.EditLayout .layoutOptions .actions button{align-items:center;border:1px solid var(--border-color);display:flex;justify-content:center;padding:.25em}body.EditLayout .layoutOptions>.posWarn{border:1px solid red;color:red;margin-right:5px;padding:0 2px}body.EditLayout .layoutEditable{outline:var(--border-color) dashed 1px;outline-offset:-1px}body.EditLayout .layoutAbsPos:not(.layoutDrag){bottom:auto!important;height:auto!important;left:auto!important;position:relative!important;right:auto!important;top:auto!important;width:auto!important;z-index:auto!important}body.EditLayout .layoutEditable.gallery2{display:block!important}body.EditLayout .layoutEditable.quickSearch{flex-direction:column}body.EditLayout .layoutEditable.highlight>.layoutOptions{position:relative;z-index:1}body.EditLayout .layoutContainer{margin-bottom:10px;min-height:250px;padding:5px}body.EditLayout .layoutContainer>.layoutOptions{margin:-5px -5px 5px}body.EditLayout .layoutContainer.empty{display:flex;flex-direction:column}body.EditLayout .layoutContainer.empty:after{align-items:center;align-self:center;color:var(--text-inactive-color);content:"Drag and drop components here\Ato add them to this container";display:flex;flex-grow:1;font-size:120%;text-align:center;white-space:pre-wrap}body.EditLayout .dropPlaceholder{align-items:center;box-sizing:border-box;display:flex;justify-content:center;outline:1px dashed var(--highlight-bk-color);outline-offset:-2px;position:relative;z-index:1}body.EditLayout .dropPlaceholder:after{color:var(--highlight-bk-color);content:"Move here";font-size:120%}.modalPanel[data-modal-name=UpdateLayout] .messageBox{min-width:350px}.saveLayoutCommitOptions{overflow:hidden}.saveLayoutCommitOptions .publish{margin-bottom:10px}.saveLayoutCommitOptions .publish label{margin-right:20px}.saveLayoutCommitOptions .publishHelp{color:var(--text-inactive-color)}.saveLayoutCommitOptions .notes input{border:1px solid var(--border-color);box-sizing:border-box;display:block;width:100%}