form.swpm-form-builder{ position: relative; margin:20px 0; background: none; list-style:none; list-style-type: none; list-style-image: none; text-shadow: none; font-family:inherit; } form.swpm-form-builder li{ margin: 0 !important; width: auto !important; background: none !important; list-style: none !important; list-style-type: none !important; list-style-image: none !important; clear: both; } form.swpm-form-builder li:before { content: none; } form.swpm-form-builder ul:after, form.swpm-form-builder li:after, form.swpm-form-builder li div:after { clear: both; content: '.'; display: block; height: 0; visibility: hidden; } .swpm-form-builder br { display: none; } form.swpm-form-builder .swpm-item-instructions br { display: inline; } .swpm-form-builder ul, .entry-content .swpm-form-builder ul, .comment-content .swpm-form-builder ul, .mu_register .swpm-form-builder ul, .swpm-form-builder ol, .entry-content .swpm-form-builder ol, .comment-content .swpm-form-builder ol, .mu_register .swpm-form-builder ol { margin: 0 14px !important; padding: 0 !important; background: none !important; list-style: none !important; list-style-type: none !important; list-style-image: none !important; font-size: 13px; line-height: inherit; } .swpm-form-builder ul li { margin: 0 !important; background: none !important; list-style: none !important; list-style-type: none !important; list-style-image: none !important; } .swpm-form-builder ul li:before { content: none !important; } .swpm-form-builder li, .entry-content .swpm-form-builder li, .comment-content .swpm-form-builder li, .mu_register .swpm-form-builder li { clear: both; margin: 0 !important; padding: 6px 1% 9px !important; width: 64%; background: none !important; list-style: none !important; list-style-type: none !important; list-style-image: none !important; } .swpm-form-builder li:before, .entry-content .swpm-form-builder li:before, .comment-content .swpm-form-builder li:before, .mu_register .swpm-form-builder li:before { content: none; } .swpm-span, .swpm-form-builder li div span.swpm-span, .swpm-form-builder [class*="swpm-span"], span.swpm-full input, span.swpm-full input[type="text"].swpm-medium, span.swpm-full select{ display:block; float:left; margin: 0; width:100%; } .swpm-form-builder span.swpm-left{ float:left; width:48%; } .swpm-form-builder span.swpm-right{ float:right; width:48%; } .swpm-form-builder span.swpm-span ul li { list-style: disc; } .swpm-form-builder span.swpm-span ol li { list-style: decimal; } .swpm-form-builder span.swpm-right input, .swpm-form-builder span.swpm-right input[type="text"], .swpm-form-builder span.swpm-right select, .swpm-form-builder span.swpm-left input, .swpm-form-builder span.swpm-left input[type="text"], .swpm-form-builder span.swpm-left select{ width:100% !important; } .swpm-form-builder span.swpm-time{ float:left; margin:0 0.3em 0 0; } .rtl .swpm-form-builder span.swpm-time { float: right; margin: 0 0 0 0.3em; } .swpm-form-builder li div label, .swpm-form-builder li span label { margin: 0; font-size: 90%; } .swpm-form-builder fieldset{ clear:both; margin:15px 0; padding: 0; border:1px solid #D3D3D3; border-radius:3px; background-color:#eeeeee; } .swpm-form-builder .swpm-legend{ margin:5px 14px; padding:0 6px; border-bottom:1px solid #CCCCCC; color:#990000; font-size:inherit; } .swpm-form-builder .swpm-legend h3 { margin: 0 !important; padding: 0 !important; font-size:20px; line-height: 2.0em; } .swpm-form-builder label, label.swpm-desc{ display:block; margin:0; padding: 0 0 3px 0; color:#000; } label.swpm-desc{ font-weight:bold; } .swpm-form-builder.left-label .swpm-desc, .swpm-form-builder.right-label .swpm-desc{ float:left; margin:0 15px 0 0; width:20%; } .swpm-form-builder.right-label .swpm-desc{ padding-top:2px; text-align:right; } .swpm-form-builder li div { margin: 0; padding: 0; } .swpm-form-builder.left-label li div, .swpm-form-builder.right-label li div { float: left; width: 65%; } .swpm-form-builder label.swpm-choice{ margin:-16px 0 0 23px; padding:0 0 5px; width:88%; font-size:100%; line-height:150%; } .rtl .swpm-form-builder label.swpm-choice { margin: -16px 23px 0 0; } .swpm-form-builder label .swpm-required-asterisk { margin: 0; padding: 0; color: #BC1212; vertical-align: baseline; font-weight: bold; } input.swpm-text, input[type="text"].swpm-text, input[type="tel"].swpm-text, input[type="email"].swpm-text, input[type="url"].swpm-text, textarea.swpm-textarea { padding: 3px 0; border: 1px solid #DDDDDD; border-radius: 3px; background: none repeat scroll 0 0 #FAFAFA; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s, box-shadow linear .2s; -o-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; } input.swpm-text:focus, input[type="text"].swpm-text:focus, input[type="tel"].swpm-text:focus, input[type="email"].swpm-text:focus, input[type="url"].swpm-text:focus, textarea.swpm-textarea:focus { outline: 0; outline: thin dotted \9; border-color: rgba(82, 168, 236, 0.8); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); } input.swpm-text.swpm-error:focus, input[type="text"].swpm-text.swpm-error:focus, input[type="tel"].swpm-text.swpm-error:focus, input[type="email"].swpm-text.swpm-error:focus, input[type="url"].swpm-text.swpm-error:focus, textarea.swpm-textarea.swpm-error:focus { border-color: rgba(238,83,83,0.8); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238,83,83,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238,83,83,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238,83,83,.6); } input.swpm-text, input[type="text"].swpm-text, input[type="tel"].swpm-text, input[type="email"].swpm-text, input[type="url"].swpm-text, textarea.swpm-textarea, select.swpm-select { margin: 0 0 5px 0; height: auto; color: #373737; font-size:100%; font-family:inherit; line-height: normal; } select.swpm-select{ padding: 1px 0 0; } input.swpm-small, input[type="text"].swpm-small, input[type="tel"].swpm-small, input[type="email"].swpm-small, input[type="url"].swpm-small, select.swpm-small{ width:25%; } input.swpm-medium, input[type="text"].swpm-medium, input[type="tel"].swpm-medium, input[type="email"].swpm-medium, input[type="url"].swpm-medium, select.swpm-medium{ width:50%; } input.swpm-large, input[type="text"].swpm-large, input[type="tel"].swpm-large, input[type="email"].swpm-large, input[type="url"].swpm-large, select.swpm-large, textarea.swpm-textarea{ width:100%; } input[type="file"].swpm-small, input[type="file"].swpm-medium, input[type="file"].swpm-large { height: auto; line-height: normal; } textarea.swpm-medium{ height:5.5em; } textarea.swpm-medium{ height:10em; } textarea.swpm-large{ height:20em; } .swpm-submit, input[type="submit"].swpm-submit { font-size:1.1em; } input.swpm-checkbox, input[type="checkbox"].swpm-checkbox, input.swpm-radio, input[type="radio"].swpm-radio { display:block; margin:4px 0 0; width:13px; height:13px; font-size:1.1em; } input.swpm-other, input[type="text"].swpm-other { margin: 0 0 8px 25px; } .swpm-form-builder li.swpm-two-column div.swpm-span, .swpm-form-builder li.swpm-three-column div span, .swpm-form-builder li.swpm-auto-column div span{ margin:0 5px 0 0; width:48%; display: block; } .swpm-form-builder li.swpm-auto-column div span p, .swpm-form-builder li.swpm-two-column div span p, .swpm-form-builder li.swpm-three-column div span p { clear: both; } .swpm-form-builder li.swpm-three-column  div.swpm-span{ width:33%; } .swpm-form-builder li.swpm-auto-column  div.swpm-span{ width:auto; margin-right: 1em; } .swpm-form-builder li.swpm-left-half, .swpm-form-builder li.swpm-left-third, .swpm-form-builder li.swpm-left-two-thirds{ float:left; clear:left; } .swpm-form-builder li.swpm-right-half, .swpm-form-builder li.swpm-right-third, .swpm-form-builder li.swpm-right-two-thirds{ float:right; clear:none; } .swpm-form-builder li.swpm-middle-third{ float:left; clear:none; margin-left:2%; } .swpm-form-builder li.swpm-left-half, .swpm-form-builder li.swpm-right-half{ width:47% !important; } .swpm-form-builder li.swpm-left-third, .swpm-form-builder li.swpm-middle-third, .swpm-form-builder li.swpm-right-third{ width:30% !important; } .swpm-form-builder li.swpm-left-two-thirds, .swpm-form-builder li.swpm-right-two-thirds{ width:64% !important; } li.swpm-left-half .swpm-small, li.swpm-left-half .swpm-medium, li.swpm-left-half .swpm-large, li.swpm-right-half .swpm-small, li.swpm-right-half .swpm-medium, li.swpm-right-half .swpm-large, li.swpm-left-third .swpm-small, li.swpm-left-third .swpm-medium, li.swpm-left-third .swpm-large, li.swpm-middle-third .swpm-small, li.swpm-middle-third .swpm-medium, li.swpm-middle-third .swpm-large, li.swpm-right-third .swpm-small, li.swpm-right-third .swpm-medium, li.swpm-right-third .swpm-large, .swpm-form-builder li.swpm-left-two-thirds .swpm-small, .swpm-form-builder li.swpm-left-two-thirds .swpm-medium, .swpm-form-builder li.swpm-left-two-thirds .swpm-large, .swpm-form-builder li.swpm-right-two-thirds .swpm-small, .swpm-form-builder li.swpm-right-two-thirds .swpm-medium, .swpm-form-builder li.swpm-right-two-thirds .swpm-large{ width:100%; } div.swpm-error, label.swpm-error{ color:red; font-weight:bold; font-size:90%; } div.swpm-error p{ margin: 5px 0px; padding:5px 5px 1px 30px; background-repeat: no-repeat; background-position: 5px center;     background-repeat: no-repeat; color: #D8000C; background-image: url('https://datsalt.com/luqudev/swpm-form-builder/images/error.png');     } .swpm-form-builder-error{ color:red !important; } div.swpm-warning, label.swpm-warning{ color: #9F6000; font-weight:bold; font-size:90%; } div.swpm-warning p{ margin: 5px 0px; padding:5px 5px 1px 30px; background-repeat: no-repeat; background-position: 5px center;     color: #9F6000; background-repeat: no-repeat; background-image: url('https://datsalt.com/luqudev/swpm-form-builder/images/warning.png');     } input.swpm-error, input.swpm-text.swpm-error, input[type="text"].swpm-text.swpm-error, input[type="tel"].swpm-text.swpm-error, input[type="email"].swpm-text.swpm-error, input[type="url"].swpm-text.swpm-error, select.swpm-error, textarea.swpm-error, textarea.swpm-textarea.swpm-error{ border:1px solid red; } p#form_success, .swpm-form-success { color: green; font-weight: bold; } #ui-datepicker-div { display: none; font-size:12px; } .swpm-item-instructions{ border-radius:3px; background-color:#e3e3e3; } .swpm-item-instructions ul, .swpm-item-instructions ul li { padding-bottom: 0; list-style: disc; } .swpm-item-instructions ol, .swpm-item-instructions ol li { padding-bottom: 0; list-style: decimal; } .swpm-section-div { float:left; margin:10px 0; padding:10px; width:97%; border-radius:3px; background-color:#D4D4D4; } .swpm-form-builder .swpm-section-div h4 { margin: 0 !important; padding: 0 !important; border-bottom:1px solid #BABABA; font-size:16px; line-height: inherit; } .swpm-clear{ display:block; visibility:hidden; clear:both; overflow:hidden; width:0; height:0; } .swpm-conditional-hide{ display: none; } .swpm-form-builder-address-label-bottom { display: block; margin-bottom: 15px; }