// ========================================================================== // eForm Admin New Form Wizard Style // ========================================================================== #ipt-eform-new-form-wizard { > ul.ui-tabs-nav { > li { [class*="ipt-icomoon"] { position: relative; top: 1px; } } } #ipt-eform-new-form-blank { padding: 0; } #ipt-eform-new-form-values { padding: 0 14px 14px 14px; margin-left: 20%; border-left: 1px solid $divider-color; } #ipt-eform-new-form-wizard-loader { text-align: center; margin: 10px auto; } #ipt-eform-new-form-values .ipt_uif_button_container { margin: 0 -14px -14px; text-align: right; button { width: 250px; text-align: center; } } .eform-new-form-wizard-previewer { position: relative; .eform-new-form-wizard-responsive-btns { margin: 0; position: relative; bottom: -1px; max-width: 480px; transition: all 500ms; &::after { display: block; content: ""; clear: both; } button { float: right; opacity: 0.6; &.active { opacity: 1; } } } .eform-new-form-wizard-loader { position: absolute; top: 50%; left: 0; transform: translate( 0, -50% ); width: 100%; max-width: 480px; } iframe { width: 100%; height: 500px; max-width: 480px; border: 1px solid $divider-color; transition: all 500ms; } &.prv-medium { .eform-new-form-wizard-loader, .eform-new-form-wizard-responsive-btns, iframe { max-width: 1080px; } } &.prv-large { .eform-new-form-wizard-loader, .eform-new-form-wizard-responsive-btns, iframe { max-width: 1300px; } } } }