/* ========================================================================== Property (Property Editor Properties) ========================================================================== */
/** Property Component This is a property that is used within the context of a property editor to provide a label and input field. Example HTML: <div class="a-Property"> <div class="a-Property-labelContainer"> <label class="a-Property-label">Label</label> </div> <div class="a-Property-fieldContainer"> <input type="text" class="a-Property-field"> </div> </div> */
.a-Property { display: table; padding: 0; margin: 0; table-layout: auto; width: 100%; position: relative; }

.a-Property .a-Icon.icon-required { display: none; }

.a-Property-buttonContainer, .a-Property-labelContainer, .a-Property-unitContainer { display: table-cell; vertical-align: middle; }

.a-Property-labelContainer { min-width: 112px; padding-right: 0; }

#templateOptionsDlgPE .a-Property-labelContainer { min-width: 144px; }

.a-PropertyEditor--stacked .a-Property:not(.a-Property--stacked) .a-Property-labelContainer { width: 100%; display: table-row; }

.a-Property-fieldContainer { display: table-cell; width: 100%; vertical-align: middle; }

.a-Property-fieldContainer--comboBox { padding-right: 0 !important; }

.a-Property-buttonContainer--comboBox .a-Button { margin-left: -1px; }

.a-Property-colorPreview { display: block; width: 12px; height: 12px; border-radius: 100%; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset; }

.a-Property-fieldContainer--colorPicker { padding-right: 0 !important; }

.a-Property-fieldContainer--colorPicker .a-Property-field { padding-left: 24px; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }

.a-Property-fieldContainer--colorPicker .a-Property-colorPreview { position: absolute; margin: 6px; pointer-events: none; }

.a-Property-buttonContainer--colorPicker .a-Button { margin-left: -1px; }

.a-Property-unitContainer { padding-left: 0 !important; white-space: nowrap; }

/******************************************************************************
Radio
******************************************************************************/
.a-Property-radioGroup:focus { outline: none; }

.a-Property-radio { display: inline-block; }

.a-Property-radio-input { margin: 2px; height: 16px; width: 16px; vertical-align: top; display: inline-block; }

.a-Property-radio-label { padding: 2px; font-size: 12px; vertical-align: top; display: inline-block; }

.a-Property-fieldContainer--radioGroup { padding-top: 6px; padding-bottom: 6px; }

/******************************************************************************
Yes / No Radios
******************************************************************************/
.a-Property-radioGroup--buttonSet { *zoom: 1; }

.a-Property-radioGroup--buttonSet:before, .a-Property-radioGroup--buttonSet:after { content: " "; display: table; }

.a-Property-radioGroup--buttonSet:after { clear: both; }

.a-Property-radioGroup--buttonSet .a-Property-radio { float: left; }

.a-Property-radioGroup--buttonSet .a-Property-radio-input { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.a-Property-radioGroup--buttonSet .a-Property-radio-input:disabled + label { opacity: .5; }

.a-Property-radioGroup--buttonSet .a-Property-radio-input + label { min-width: 48px; text-align: center; border-radius: 2px; line-height: 20px; }

.a-Property-radioGroup--buttonSet .a-Property-radio-input + label .a-Icon { margin: 2px; }

/******************************************************************************
Stacked Properties
******************************************************************************/
.a-Property--stacked { position: relative; }

.a-Property--stacked .a-Property-labelContainer, .a-Property--stacked .a-Property-fieldContainer { display: block; }

.a-Property--stacked .a-Property-labelContainer { padding-bottom: 0; margin-right: 64px; }

.a-Property--stacked .a-Property-fieldContainer { padding-top: 0; }

.a-Property--stacked .a-Property-buttonContainer { position: absolute; top: 0; right: 0; }

.a-Property--stacked .a-Property-buttonContainer + .a-Property-fieldContainer { padding-top: 4px; }

.a-Property--stacked .a-Property-buttonContainer .a-Button--quickPick { margin-left: 8px; }

.a-Property--scrollable { display: block; overflow: auto; }

.a-Property-labelContainer--withButtons { table-layout: auto; display: table-cell; padding-bottom: 8px; }

.a-Property-labelContainer--hiddenLabel { padding: 0; }

.a-Property-buttonContainer { padding-left: 0 !important; }

.a-Property-buttonContainer--pullRight { float: right; }

.a-Property.is-changed .a-Property-labelContainer:before { content: ''; width: 3px; display: inline-block; position: absolute; top: 1px; bottom: 0; left: 1px; background-color: #0572CE; opacity: .5; }

.a-Property.is-changed:hover .a-Property-labelContainer:before, .a-Property.is-changed.is-focused .a-Property-labelContainer:before { opacity: 1; }

.a-Property-label, .a-Property-unit { display: block; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.a-Property-field { display: block; background-clip: border-box; border: none; width: 100%; }

.a-Property-field--textarea { min-height: 48px; font-family: 'Menlo', 'Consolas', monospace, serif; resize: vertical; }

/******************************************************************************
Hide/Show Classes
******************************************************************************/
.a-Property.js-showAll, .a-PropertyEditor-propertyGroup.js-showAll { display: none; }

.a-PropertyEditor.js-showAll .a-Property.js-showAll, .a-PropertyEditor.js-showAll .a-PropertyEditor-propertyGroup.js-showAll { display: block; }

.a-PropertyEditor--stacked.js-showAll .a-Property.js-showAll { display: table; }

/******************************************************************************
Variable Field
******************************************************************************/
/******************************************************************************
Checkbox
******************************************************************************/
.a-Property-checkboxGroup:focus { outline: none; }

.a-Property-checkbox-input { margin: 2px; height: 16px; width: 16px; vertical-align: top; display: inline-block; }

.a-Property-checkbox-label { padding: 2px; font-size: 12px; vertical-align: top; display: inline-block; }

/******************************************************************************
Set Items Table
******************************************************************************/
.a-Property-setItemsTable { width: 100%; border-spacing: 0; border-collapse: collapse; }

.a-Property-setItemsTable td { padding-bottom: 4px; }

.a-Property-setItemsTable tr:last-child td { padding-bottom: 0; }

.a-Property-setItemsHeader-header { text-align: left; }

.a-Property-setItemsTable-removeCol { width: 40px; }

/******************************************************************************
Property Editor in Dialogs
******************************************************************************/
/******************************************************************************
Property Editor Buttons
******************************************************************************/
.a-Button.a-Property-button { width: 100%; white-space: normal; padding-top: 6px; padding-bottom: 6px; }

/******************************************************************************
Stacked Styles
******************************************************************************/
.a-PropertyEditor--stacked .a-Property-labelContainer .a-Property-label { padding-bottom: 2px; padding-left: 12px; padding-right: 12px; font-size: 11px; }

.a-PropertyEditor--stacked .a-Property-fieldContainer, .a-PropertyEditor--stacked .a-Property-buttonContainer { padding-top: 0; padding-bottom: 8px; }

.a-PropertyEditor--stacked .a-Property--stacked .a-Property-buttonContainer { padding-top: 4px; padding-bottom: 4px; }

.a-PropertyEditor--stacked .a-Property--stacked .a-Property-labelContainer .a-Property-label { padding: 4px 0; }