#wpdfDesigner {
    text-align: center;
    padding: 20px 0;
    background: #b0b0b0;
    font-family: Arial;
    font-size: 10pt;
}
#wpdfDesigner * {
    font-family: Arial;
    font-size: 10pt;
}
#wpdfDesignerControls {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: default;
    margin-right: 5px;
    display: inline-block;
    width: 240px;
    height: 297mm;
    background: #f0f0f0;
    vertical-align: top;
    text-align: left;
    padding: 5mm 5mm 5mm 5mm;
    border: 1px solid white;
    border-radius: 10px;
    box-shadow: 2px 3px 5px 0px #909090;
}
#wpdfDesignerControls .hidden { display: none }
#wpdfDesignerPage {
    display: inline-block;
    margin: auto;
    text-align: left;
    background: white;
    box-shadow: 4px 5px 5px 0px #909090;
}
#wpdfDesignerPage.portrait {
    width: 210mm;
    height: 297mm;
}
#wpdfDesignerPage.landscape {
    width: 297mm;
    height: 210mm;
}
#wpdfDesignerControls h3 {
    margin: 20px 0 0;
    font-size: 12pt;
    padding: 0 5px 3px 0;
    color: #a0a0a0;
    float: left;
    cursor: pointer
}
#wpdfDesignerControls h3:hover { color: #4040a0 }
#wpdfDesignerControls h3.rightAlign { float: right }
#wpdfDesignerControls h3.selected { color: #4040a0; }
#wpdfDesignerControls h4 {
    margin: 10px 0 0px 5px;
}

#wpdfDesignerControls input[type=text] {
    width: 50px;
    vertical-align: baseline;
    padding: 1px;
}
#wpdfDesignerControls input[type=text].wide { width: 190px; }
#wpdfDesignerControls input[type=checkbox] {
    vertical-align: middle;
    margin: 6px 10px 6px 6px;
    width: auto;
}
#wpdfDesignerControls input[type=checkbox]#wpdfTestData {
    vertical-align: middle;
    margin: 0 0 0 6px;
}
#wpdfDesignerControls input[type=color] {
    width: 30px;
    margin: 0;
}
#wpdfDesignerControls input[type=file] {
    width: 200px;
    overflow-x: hidden;
}
#wpdfDesignerControls input[type=button] {
    width: auto;
    margin-right: 5px;
}
#wpdfDesignerControls select {
    width: 94px;
    height: 21px;
    margin: 2px 0;
    font-size: 1em;
}
#wpdfDesignerControls label {
    display: inline-block;
    width: 101px;
    font-weight: bold;
    float: none;
    box-sizing: border-box;
}
#wpdfDesignerControls label.wide { width: 165px; }
#wpdfDesignerControls #wpdfDesignControls { padding: 0 }
#wpdfDesignerControls #wpdfDesignControls #wpdfDesignTitle {
    margin-bottom: 2mm;
    font-weight: bold;
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
    color: #4040a0;
    padding-bottom: 2mm;
    border-bottom: 1px solid #d0d0d0;
}
#wpdfDesignerControls .wpdfControlSet {
    margin: 5px 0 0;
    padding: 0 5px 0 0;
    width: 200px;
    clear: both;
    border: 1px dotted #b0b0b0;
}
#wpdfDesignerControls #wpdfGroupControls,
#wpdfDesignerControls #wpdfFieldControls,
#wpdfDesignerControls #wpdfStyleControls { display: none }

#wpdfDivBorderOptions { display: none }
#wpdfStyleControlsHeader { display: none }
h3#wpdfGroupControlsHeader { margin-right: 33px }

#wpdfCopiedGroupName {
    margin: 2mm 0;
    display: none;
    color: #4040a0;
}

#wpdfDesignerControls #wpdfDesignerForm {
    margin: 0;
    display: inline-block;
}
#wpdfSaveControls { border: 1px dotted #b0b0b0; padding: 0 0 5px 0; margin: 5px 0; display: none }
#wpdfDesignerControls #wpdfFormTarget {
    width: 0; height: 0; visibility: hidden; margin: 0; padding: 0; border: none;
    /* width: 200px; height: 300px; visibility: visible; margin: 0; padding: 0; border: none; */
}
#wpdfSaveInput { margin-top: 10px }
#wpdfDesignerToggles { margin: 10px 0 }

#wpdfUploadIndicator, #wpdfSaveWaiting { display: none; width: 200px; font-weight: bold; color: #4040a0; margin: 2px 0 3px }
#wpdfUploadIndicator img, #wpdfSaveWaiting img { vertical-align: bottom; margin: 0 10px }
#wpdfUploadIndicator div, #wpdfSaveWaiting div { display: inline-block; }

.wpdfTextButton {
    display: inline-block;
    padding: 2px 8px;
    font-weight: bold;
    cursor: pointer;
    color: white;
    background-color: #45667F; // #6060e0; colors changed to fit cloud theme more
    border: 1px solid #25465F; // #4040e0;
    border-radius: 5px;
    margin: 0 5px 0 0;
}
.wpdfTextButton.red { background-color: #f02020; border-color: #900000 }
.wpdfTextButton.red:hover { background-color: #900000; }
.wpdfTextButton:hover { background-color: #25465F; color: white; }
.wpdfTextButton.clicked { background-color: #8080e0; color: white }
.wpdfTextButton.rightAlign { float: right }

#wpdfTestDesign { margin-left: 10px }

.wpdfItemList {
    width: 191px;
    margin: 4px 1px 0 1px;
    padding: 0;
    background-color: white;
    border: 1px dotted #8080e0;
    max-height: 65mm;
    overflow-x: hidden;
    overflow-y: auto;
}
.wpdfItemList li {
    list-style: none;
    list-indent: 0;
    padding: 2px 4px;
    cursor: pointer;
    border: 1px solid transparent;
}
.wpdfItemList li:hover { background-color: #d0d0ff; color: black }
.wpdfItemList li.selected { background-color: #6080a0; color: white; border: 1px dotted #4040e0 }

#wpdfLoadButtonDiv { margin-top: 3px; }

#wpdfDesignerControls #wpdfFieldControls #wpdfFieldControlsLabel,
#wpdfDesignerControls #wpdfFieldControls #wpdfFieldControlsData,
#wpdfDesignerControls #wpdfFieldControls #wpdfFieldControlsImage { display: none }
#wpdfDesignerControls #wpdfFieldControls #wpdfFieldControlsData select,
#wpdfDesignerControls #wpdfFieldControls #wpdfFieldControlsImage select { width: 195px }

#wpdfDesignerControls .wpdfDesignerOption { width: 200px; padding: 2px 0 1px 5px }
#wpdfDesignerControls #wpdfDesignerOptions .wpdfDesignerOption { padding: 1px 0 0 5px }
#wpdfDesignerControls .wpdfDesignerOption:hover { background-color: #d0d0ff }
#wpdfDesignerControls .wpdfDesignerOption.noHover:hover { background-color: transparent }

#wpdfFontBold, #wpdfFontItalic, #wpdfFontUnderline,
#wpdfDivBorderTop, #wpdfDivBorderBottom, #wpdfDivBorderLeft, #wpdfDivBorderRight
{
    width: 23px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin: 2px 5px 4px 0;
    background: transparent url('../images/fontstyle.png') left top no-repeat;
}
#wpdfFontBold { background-position: 0 0; }
#wpdfFontBold:hover { background-position: 0 -42px; }
#wpdfFontBold.down { background-position: 0 -21px; }

#wpdfFontItalic { background-position: -23px 0; }
#wpdfFontItalic:hover { background-position: -23px -42px; }
#wpdfFontItalic.down { background-position: -23px -21px; }

#wpdfFontUnderline { background-position: -46px 0; }
#wpdfFontUnderline:hover { background-position: -46px -42px; }
#wpdfFontUnderline.down { background-position: -46px -21px; }

#wpdfDivBorderTop { background-position: -69px 0; }
#wpdfDivBorderTop:hover { background-position: -69px -42px; }
#wpdfDivBorderTop.down { background-position: -69px -21px; }

#wpdfDivBorderBottom { background-position: -92px 0; }
#wpdfDivBorderBottom:hover { background-position: -92px -42px; }
#wpdfDivBorderBottom.down { background-position: -92px -21px; }

#wpdfDivBorderLeft { background-position: -115px 0; }
#wpdfDivBorderLeft:hover { background-position: -115px -42px; }
#wpdfDivBorderLeft.down { background-position: -115px -21px; }

#wpdfDivBorderRight { background-position: -138px 0; }
#wpdfDivBorderRight:hover { background-position: -138px -42px; }
#wpdfDivBorderRight.down { background-position: -138px -21px; }


#wpdfRemoveField { display: none }

#wpdfPage {
    height: 297mm;
    width: 210mm;
    background-color: white;
    position: absolute;
}

#wpdfPageHeader, #wpdfBody { position: relative; box-sizing: border-box; }
#wpdfPageFooter { position: absolute; box-sizing: border-box; }

.wpdfDivision { }
.wpdfDivision.grid { background: white url('../images/grid.png'); }
.wpdfDivision.border { border: 1px dotted #a0a0a0; }
.wpdfDivision.border:hover { border-color: #404040; }
.wpdfDivision.border.selected { border-color: #ff0000; border-style: dashed }

.wpdfGroupHeader, .wpdfGroupFooter { position: relative; display: none; box-sizing: border-box; margin-top: 5mm }
.wpdfGroupContent { display: none; text-align: center; margin: 5mm 0 }

#wpdfGeneratedBy {
    font: 8pt Arial;
    position: absolute;
    bottom: 5mm;
    left: 5mm;
    color: #a0a0a0;
}
#wpdfPageNumber {
    font: 8pt Arial;
    display: none;
    position: absolute;
    bottom: 5mm;
    right: 5mm;
    color: #808080;
}

.wpdfField {
    cursor: move;
    border: 1px dotted #d0d0d0;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.wpdfField:hover { border-color: #808080;  }
.wpdfField.selected { border: 1px dashed #ff0000; }
.wpdfField.label {  color: #000; font-weight: normal; font-size: 10pt; text-align: left;}
.wpdfField.data { xbackground-color: rgba(200, 200, 200, 0.5); background-image: url('../images/dataField.png'); }
.wpdfField.label img, .wpdfField.data img { display: none; }
.wpdfField.image { color: transparent; overflow: hidden; }
.wpdfField.image div { display: none; }
.wpdfField.dynamicimage {
    xzbackground-color: rgba(255, 255, 200, 0.5);
    background-image: url('../images/dataField.png');
    overflow: hidden; }

.wpdfField img { width: 100%; }

.wpdfApplyChange {
    display: inline-block;
    width: 16px;
    height: 16px;
}