.DynaForm .AppXInput {
    background: #fff;
    color: #000 !important;
    height: 1.8em;
    border: #444 1px solid;
    border-radius: 3pt;
    vertical-align: top;
}

.DynaForm .AppXInput.AppXErr {
    background: #f44;
}

.DynaForm .AppXUnitBox {
    display: inline-block;
    border: #ccc 1px solid;
}

.DynaForm .AppXUnitBox .AppXUnitBox_Input {
    border: none;
    width: calc( 100% - 3em - 3pt );
    display: inline-block;
}

.DynaForm .AppXUnitBox .AppXUnitBox_Unit {
    display: inline-block;
    width: 3em;
    margin-left: 2pt;
    color: #555;
}

.DynaForm label {
    display: block;
}

.DynaForm .AppXInput {
    width: calc( 100% - 1em );
    margin-left: 0.5em;
}

.DynaForm .AppXInput.AppXTypeBool {
    width: 1.5em;
}

.IoSGUIRange input {
    width: calc(100% - 4em - 4pt);
    height: 1.5em;
    margin: 0;
    display: inline-block;
}

.IoSGUIRange.AppXWUnit input {
    width: calc(100% - 7em - 7pt);
}

.IoSGUIRange {
    padding: 0.5pt 0 0 1pt;
}

.IoSGUIRange .AppXWLabel {
    display: inline-block;
    width: 4em;
    height: 1.5em;
    line-height: 1.5em;
    vertical-align: top;
    border: #333 1px solid;
    border-radius: 3pt;
    padding: 0 2pt;
    margin: 0 2pt;
    overflow: hidden;
}

.IoSGUIRange .AppXWUnitEle {
    display: inline-block;
    width: 3em;
    height: 1.5em;
    line-height: 1.5em;
    vertical-align: top;
    overflow: hidden;
}

.IoSGUIRange input[disabled] {
    background: #bbb;
    border-radius: 3pt;
}

.DynaForm .AppXWPrevEle {
    display: inline-block;
    color: #aaa;
    margin-left: 0.25em;
}

.DynaForm .AppXWPrevEle:before {
    content: "(";
}

.DynaForm .AppXWPrevEle:after {
    content: ")";
}

.DynaForm .AppXFormField label.AppXFAfterChk {
    display: inline-block;
    width: calc( 100% - 2.55em - 4pt);
    height: 1.5em;
    line-height: 1.5em;
    margin-left: 3pt;
    margin-top: 2pt;
}

.IoSGUIComputer .DynaForm .AppXFormField.AppXFormType_RS485 {
    width: calc(100% - 0.5em);
    margin: auto;
    display: block;
}

.DynaForm .RS485Manager {
    width: 100%;
    margin: auto;
    display: block;
}

.DynaForm .RS485Manager .AppXInput {
    margin-left: 0;
}

.DynaForm .RS485Manager .AppXThField.AppXThField__icon {
    width: 10em;
}

.IoSGUIComputer .DynaForm .AppXFormField {
    width: calc(50% - 8pt);
    margin: auto;
    display: inline-block;
    vertical-align: top;
}

.IoSGUIComputer .DynaForm .AppXInput {
    margin-left: 0;
}

.DynaForm .AppXFormField label {
    margin-bottom: 0;
    margin-top: 0.5em;
}