
div.AddNewBlock div.field {
    display: inline-block;
    margin-top: 4px;
}

div.AddNewBlock div.label {
    display: inline-block;
    margin-right: 10px;
}

.EditBlockHeading {
    background: #e6e6e6;
    padding: 4px;
    min-height: 24px;
}

.EditBlockHeading .label {
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 6px;
    margin-bottom: 2px;
}

.EditBlockBody {
    background: #f2f2f2;
    padding: 4px 14px;
    margin-bottom: 10px;
}

.editorBlock div.fieldset {
    display: block;
    margin-bottom: 4px;
}

.editorBlock div.fieldset.Move {
    display: inline-block;
}

.editorBlock div.field {
    display: inline-block;
    margin-bottom: 4px;
    margin-right: 4px;
    font-size: 12px;
}

.editorBlock div.field label,
.editorBlock div.label {
    display: inline-block;
}

.editorBlock div.field input,
.editorBlock div.field select {
    display: inline-block;
}

.editorBlock div.fieldset.Position label,
.editorBlock div.field.Rotation label,
.editorBlock div.field.Render label {
    font-weight: bold;
}

.editorBlock div.fieldset.Position div.label {
    margin-right: 18px;
}

.editorBlock div.hint {
    display: block;
    font-size: smaller;
}

.editorBlock .BlockOptions div.hint {
    display: inline-block;
    font-size: 100%;
}

div.field.Input input,
div.field.Input textarea {
    width: 375px;
    font-size: 14px;
}

div.BlockElement.Box div.fieldset.Size div.field.Input input,
div.BlockElement.Line div.fieldset.Size div.field.Input input {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
}

div.fieldset.Element,
div.fieldset.ElementOptions {
    display: inline-block;
    vertical-align: top;
}

div.fieldset.ElementOptions div.field.Size,
div.fieldset.ElementOptions div.field.Spacing,
div.fieldset.ElementOptions div.field.VAlign,
div.fieldset.ElementOptions div.field.BoldLine,
div.fieldset.ElementOptions div.fieldset.Colour {
    display: block;
}

.editorBlock.standard .Text div.fieldset.ElementOptions label {
    width: 27px;
}

.editorBlock.standard .TextArea div.fieldset.ElementOptions label {
    width: 66px;
}

.editorBlock.advanced .Text div.fieldset.ElementOptions label,
.editorBlock.advanced .TextArea div.fieldset.ElementOptions label {
    width: 77px;
}

.editorBlock .Box div.fieldset.Element div.field label {
    width: 39px;
}

.editorBlock.advanced .Text div.fieldset.ElementOptions div.field.Tint label,
.editorBlock.advanced .TextArea div.fieldset.ElementOptions div.field.Tint label,
.editorBlock .Box div.fieldset.Element div.field.Tint label,
.editorBlock.advanced .Text div.fieldset.ElementOptions div.field.ColourShade label,
.editorBlock.advanced .TextArea div.fieldset.ElementOptions div.field.ColourShade label,
.editorBlock .Box div.fieldset.Element div.field.ColourShade label,
.editorBlock.advanced .Text div.fieldset.ElementOptions div.field.ShadeOffset label,
.editorBlock.advanced .TextArea div.fieldset.ElementOptions div.field.ColourShadeOffset label,
.editorBlock .Box div.fieldset.Element div.field.ColourShadeOffset label {
    width: auto;
}

div.field.X1 input,
div.field.X2 input,
div.field.Y1 input,
div.field.Y2 input,
div.field.Render input,
div.field.Rotation input,
div.field.Size input,
div.field.Tint input,
div.field.Spacing input,
div.field.XScale input,
div.field.YScale input,
div.BlockElement.Line div.fieldset div.field.Input input,
div.BlockElement.Box div.fieldset div.field.Input input,
div.field.nbX1 input,
div.field.nbY1 input,
div.field.nbTextX2 input,
div.field.nbTextY2 input,
div.field.nbLength input,
div.field.nbWidth input,
div.field.nbHeight input,
div.field.nbRender input {
    width: 45px;
}

div.field.nbName label,
div.field.nbX1 label,
div.field.nbY1 label {
    font-weight: bold;
}

div.fieldset.AddNewTextBlock,
div.fieldset.AddNewLineBlock,
div.fieldset.AddNewBoxBlock,
div.fieldset.AddNewImageBlock,
div.AddNewBlock div.field.nbName,
div.AddNewBlock div.field.nbRender,
div.fieldset.BlockPosition,
a.btn.AddNewBlock {
    display: none;
}

div.field.nbRender {
    margin-left: 10px;
}

.editorBlock div.fieldset.BlockOptions {
    border-bottom: 1px solid #999999;
    padding-bottom: 6px;
}

.editorBlock div.fieldset.BlockElement {
    border-bottom: 1px solid #999999;
    padding-bottom: 6px;
}

.editorBlock div.fieldset.BlockElement:last-child {
    border-bottom: none;
}

.editorBlock div.fieldset.Scale {
    margin-top: 8px;
}

.editorBlock div.fieldset.ElementName {
    display: block;
}

.editorBlock div.fieldset.ElementName label {
    font-weight: bold;
}

.editorBlock div.fieldset.ElementName a {
    margin-left: 4px;
}

.editorBlock div.SuggestedFont {
    font-size: smaller;
}

.editorBlock div.fieldset.ElementName a,
.editorBlock div.fieldset.Colour a {
    font-size: smaller;
}

.editorBlock div.fieldset.Colour select {
    overflow: hidden;
}

.editorBlock div.field.Font select {
    overflow: hidden;
    font-size: 14px;
}

.editorBlock div.field.Upload {
    text-align: center;
}

div.AddNewBlock {
    background: #f2f2f2;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

div.AddNewBlock > div.fieldset.AddNewBlockHeader {
    padding: 2px 10px 6px 10px
}

div.AddNewBlock > div.fieldset {
    padding: 10px;
}

div.AddNewBlock div.field label {
    display: inline-block;
}

.OrderProof {
    background: #f2f2f2;
    display: inline-block;
}

.OrderProof .tbl1headtr {
    padding: 4px 10px;
}

.OrderProof .Front, .OrderProof .Back {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 10px;
}

.OrderProof div.label {
    margin: 4px;
}

body.editor div.tabmain > div.contents {
    border-top: 1px solid #999999;
}

body.editor div.field ::placeholder,
body.admin div.field ::placeholder {
    visibility: visible;
}

div.hint.mobile-hide {
    display: none;
}

div.field[data-placeholder]  {
    position: relative;
}

div.fieldset.TextArea div.field[data-placeholder]::after {
    position: absolute;
    left: 3px;
    top: 3px;
    content: attr(data-placeholder);
    pointer-events: none;
    opacity: 0.6;
    font-size: 14px;
    white-space: pre;
    margin: 0;
    padding: 0;
    line-height: 14px;
    font-weight: normal;
}

div.fieldset.Text div.field[data-placeholder]::after {
    position: absolute;
    left: 2px;
    top: 5px;
    content: attr(data-placeholder);
    pointer-events: none;
    opacity: 0.6;
    font-size: 14px;
    white-space: pre;
    margin: 0;
    padding: 0;
    line-height: 14px;
    font-weight: normal;
}

.editorBlock .Box div.fieldset.Element div.field.EditMode label {
    width: 70px;
}

.editorBlock .Box div.fieldset.Element div.field.DefElem label {
    width: 55px;
}

input.ElemName {
    width: 220px;
}

div.fieldset.EditMode {
    margin-top: 4px;
}

div.field.Type {
    display: block;
}

div.design.sticky {
    background: #f2f2f2;
    border: 1px solid #e6e6e6;
}

div.tabmain div.design.sticky {
    background: white;
    padding-bottom: 4px;
    border: none;
}

/*.SQUIZ .select .mobile-hide {*/
    /*display: none;*/
/*}*/

/*body.SQUIZ .mobile-hide {*/
    /*visibility: hidden;*/
    /*height: 0;*/
    /*width: 0;*/
    /*display: none;*/
/*}*/

/*body.SQUIZ .mobile-show {*/
    /*visibility: visible;*/
/*}*/

/*body.BCeps .mobile-show {*/
    /*display: none;*/
/*}*/

.BackOption.SQUIZ {
    display: inline-block;
}

.BackOption.SQUIZ img.landscape {
    width: 201px;
    height: 108px;
}

.BackOption.SQUIZ img.portrait {
    height: 201px;
    width: 108px;
}

.BackPrompt {
    font-weight: normal;
    display: inline-block;
    margin-bottom: 4px;
}
