.amoforms .amoforms_fields_settings { max-width: 1082px; min-width: 800px; } .amoforms_form_preview_form_wrapper { width: 700px; border: 1px solid #ccc; background-color: #fff; padding: 15px; } .amoforms.amoforms-preview .amoforms__fields__main { padding-top: 38px; } .amoforms .amoforms__fields__main { color: #2a3640; background-color: #fff; border: 1px solid #d4d5d8; border-radius: 2px; padding: 20px 38px 38px 38px; overflow: hidden; } .amoforms .amoforms__fields__view, .amoforms .amoforms__fields__editor { padding: 1px 40px 40px 40px; background: #fff; border: 1px solid rgba(0, 0, 0, 0.13); } .amoforms .amoforms__fields__view { max-width: 600px; } .amoforms .amoforms__fields__row:first-child { padding-top: 21px; margin-bottom: -4px; } .amoforms .amoforms__fields__row:first-child[data-type="radio"] { margin-bottom: 0; } .amoforms .amoforms__fields__row { position: relative; padding-top: 27px; } /*Changes*/ .amoforms .amoforms__fields__row:last-child { padding-bottom: 0; } /**/ .amoforms .amoforms__fields .amoforms__fields__rightside__item__content__fields__field { display: none; } .amoforms .amoforms__fields__row__inner { border: 1px solid transparent; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .amoforms .amoforms-field-name-position-inside[data-type="radio"] .amoforms__fields__row__inner, .amoforms .amoforms-field-name-position-before .amoforms__fields__row__inner { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; } .amoforms .amoforms__fields__row__inner__name { padding: 0 0 4px 10px; -ms-word-wrap: break-word; word-wrap: break-word; display: block; } .amoforms .amoforms__fields__row__inner__control { position: relative; -webkit-flex: auto; -moz-flex: auto; -ms-flex: auto; -o-flex: auto; flex: auto; } .amoforms .amoforms__fields__row:first-child .amoforms__fields__row__inner__control { margin-top: 0; } .amoforms .amoforms__fields__row.in-edit .amoforms__fields__row__inner__control .amoforms__text-input { border: 1px solid #9ca4ab; } .amoforms .amoforms__fields__row__inner__control textarea.amoforms__text-input { display: inherit; } .amoforms .amoforms__fields__editor .amoforms__fields__row .amoforms__fields__row__inner__control:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; cursor: move; } .amoforms .amoforms__fields__row.sortable-ghost .amoforms__fields__row__inner__control:before, .amoforms .amoforms__fields__editor .amoforms__fields__row.sortable-ghost .amoforms__fields__row__inner__control:before { background: #fff; z-index: 3; border: 1px dashed #999ba0; border-radius: 3px; } .amoforms .amoforms__fields__row-view .amoforms__fields__row__inner__name + .amoforms__fields__row__inner__descr { margin-bottom: 3px; margin-top: -3px; } .amoforms .amoforms__fields__row__inner__descr { padding: 0 0 0 11px; margin-top: 3px; font-style: italic; font-size: 13px; color: #676e79; -ms-word-wrap: break-word; word-wrap: break-word; margin-bottom: -12px; } .amoforms .amoforms__fields__row__inner__descr + .amoforms__fields__row__inner { margin-top: 12px; } /* Radio control */ .amoforms .amoforms__radio-control { padding: 0; min-height: 25px; position: relative; top: 4px; } .amoforms .amoforms__radio-control .amoforms__radio__label { display: inline-block; margin-right: 20px; padding-top: 3px; } .amoforms .amoforms__radio-control.amoforms__radio-control-block .amoforms__radio__label { display: block; } .amoforms .amoforms__radio-control + .amoforms__fields__editor__row__actions { top: 4px; } /* end of Radio control */ /* Checkbox control */ .amoforms .amoforms__checkbox-control { display: inline-block; vertical-align: top; margin-left: 10px; height: 18px; } .amoforms .amoforms__fields__row__inner__name-checkbox + .amoforms__fields__editor__row__actions { top: 1px; } /* end of Checkbox control */ /* Line control */ .amoforms .amoforms__line + .amoforms__fields__editor__row__actions { top: -3px; right: -2px; padding-right: 10px; } /* end of Line control */ /* Name-Inside styles */ .amoforms .amoforms-field-name-position-inside[data-type="radio"] .amoforms__fields__row__inner__name { padding-top: 6px; } .amoforms .amoforms-field-name-position-inside[data-type="radio"] .amoforms__fields__row__inner__name > span, .amoforms .amoforms-field-name-position-inside[data-type="checkbox"] .amoforms__fields__row__inner__name > span { max-width: 100px; overflow: hidden; display: inline-block; white-space: nowrap; text-overflow: ellipsis; } .amoforms .amoforms-field-name-position-inside[data-type="radio"] .amoforms__fields__row__inner__name > b, .amoforms .amoforms-field-name-position-inside[data-type="checkbox"] .amoforms__fields__row__inner__name > b { display: inline-block; vertical-align: top; } /* end of Name-Inside styles */ /* Name-Above styles */ .amoforms .amoforms-field-name-position-above .amoforms__fields__row__inner__name .amoforms__heading .amoforms__h { margin-left: -2px; } /* end of Name-Above styles */ /* Name-Before styles */ .amoforms .amoforms-field-name-position-before .amoforms__fields__row__inner__control { -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; -o-flex: 1; flex: 1; } .amoforms .amoforms-field-name-position-before .amoforms__fields__row__inner__name { padding: 11px 10px 0 0; width: 100px; text-overflow: ellipsis; position: relative; } .amoforms .amoforms-field-name-position-before:not([data-type="heading"]) .amoforms__fields__row__inner__descr { padding-left: 110px; } .amoforms .amoforms-field-name-position-before .amoforms__fields__row__inner__name > span { display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .amoforms .amoforms-field-name-position-before .amoforms__fields__row__inner__name > b { display: inline-block; vertical-align: top; } .amoforms .amoforms-field-name-position-before[data-type="checkbox"] .amoforms__fields__row__inner__name > span { max-width: 90px; } .amoforms .amoforms-field-name-position-before[data-type="checkbox"] .amoforms__fields__row__inner__name .amoforms__checkbox-control { position: absolute; left: 90px; } .amoforms .amoforms-field-name-position-before .amoforms__heading .amoforms__h { margin-left: -10px; } .amoforms .amoforms-field-name-position-before[data-type="heading"] .amoforms__fields__row__inner__descr { padding-left: 0; } .amoforms .amoforms-field-name-position-before[data-type="radio"] .amoforms__fields__row__inner__name { padding-top: 8px; } /* end of Name-Before styles */ /* Submit */ .amoforms .amoforms__fields .amoforms__fields__row__submit { border-style: solid; border-color: transparent; overflow: hidden; border-width: 1px; border-radius: 2px; background: #7fcc8d; box-shadow: 0.5px 0.866px 1px 0px rgba(0, 0, 0, 0.004), inset 0px -1px 0px 0px rgba(255, 255, 255, 0.23); padding: 9px 39px; font-size: 13px !important; text-transform: uppercase; font-weight: bold; color: #fff; cursor: pointer; position: relative; z-index: 1; } .amoforms .amoforms__fields .amoforms__fields__row__submit[data-size="1"] { padding: 4px 20px; font-size: 11px !important; } .amoforms .amoforms__fields .amoforms__fields__row__submit[data-size="3"] { padding: 15px 55px; font-size: 18px !important; } .amoforms .amoforms__fields .amoforms__fields__row__submit:before { content: ""; position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; z-index: -1; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2); background-color: inherit; border-radius: 2px; display: none; } /* end of Submit */ /* Actions Buttons */ .amoforms .amoforms__fields__editor__row__actions { font-size: 13px; font-family: "PT Sans" !important; height: 25px; color: #313942; background: #fff; position: absolute; top: 9px; right: 3px; display: none; line-height: 25px; z-index: 2; padding: 0 5px; border-radius: 15px; } .amoforms .amoforms__fields__row__submit + .amoforms__fields__editor__row__actions { position: relative; vertical-align: middle; margin-left: 24px; margin-top: -19px; } .amoforms .amoforms__fields:not(.drag-sorting) .amoforms__fields__row:not(.amoforms__fields__row-submit):not(.in-edit):not(.drag-started).hover .amoforms__fields__editor__row__actions { display: block; } .amoforms .amoforms__fields:not(.drag-sorting) .amoforms__fields__row.amoforms__fields__row-submit:not(.in-edit):not(.drag-started):hover .amoforms__fields__editor__row__actions { display: inline-block; } .amoforms .amoforms__fields__editor__row__actions:after { width: 100%; height: 0; visibility: hidden; overflow: hidden; content: ''; display: inline-block; } .amoforms .amoforms__fields__editor__row__actions__action { display: inline-block; cursor: pointer; margin-right: 10px; position: relative; } .amoforms .amoforms__fields__editor__row__actions__action:last-child { margin-right: 0; } .amoforms .amoforms__fields__editor__row__actions__action:before { content: ''; height: 15px; width: 15px; color: #fafafa; display: inline-block; background: url(../../images/main-form-sprite.png) no-repeat; cursor: pointer; margin-right: 2px; vertical-align: middle; margin-top: -5px; } .amoforms .amoforms__fields__editor__row__actions__action-edit:before { background-position: 0 -1px; } .amoforms .amoforms__fields__editor__row__actions__action-duplicate:before { background-position: -16px -1px; } .amoforms .amoforms__fields__editor__row__actions__action-delete:before { background-position: -30px -1px; } .amoforms .amoforms__fields__editor__row__actions__action:hover:after { content: attr(data-text); position: absolute; left: 17px; font-weight: bold; z-index: 2; } /* end of Actions Buttons */ .selectize-input .item { background: #ffffff; } .amoforms .amoforms__fields__main { padding-bottom: 38px; } .amoforms .amoforms__fields__row-submit { margin-top: 13px; margin-bottom: 0; } input[type="text"] { border-radius: 3px; } .amoforms_preview, .amoforms_form, .amoforms_email, .amoforms_account { width: 780px; } .js-background-choose { position: relative; } .js-background-clear { height: 15px; width: 15px; position: absolute; top: 12px; right: 12px; z-index: 20; visibility: hidden; background: url(../../images/delete.png) no-repeat; } #wpcontent { padding-left: 19px; }