.wpuf-form-add.wpuf-form-layout3 {
position: relative;
}
.wpuf-form-add.wpuf-form-layout3 ul {
overflow: hidden;
}
.wpuf-form-add.wpuf-form-layout3 ul .wpuf-info {
border-color: #e2e0c2;
background-color: #fafafa;
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form .wpuf-errors {
color: #efefef;
font-size: 18px;
background: #da8f26;
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li {
padding: 0;
margin-bottom: 35px;
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li.has-error {
background: transparent;
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li.has-error .wpuf-fields input,
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li.has-error .wpuf-fields textarea,
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li.has-error .wpuf-fields select {
border-color: #F20000;
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li.has-error .wpuf-fields .wpuf-error-msg {
color: #F20000;
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li .wpuf-fields input,
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li .wpuf-fields textarea,
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li .wpuf-fields select {
width: 100%;
background: #efefef;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
border-radius: 0;
font-size: 16px;
border: 1px solid #fbf4c8;
padding: 10px 0 10px 10px;
box-sizing: border-box;
position: relative;
accent-color: #f99100;
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li .wpuf-fields select {
padding: 0;
height: 25px;
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li .wpuf-fields .country_select select {
padding: 8px 0 10px 10px;
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li .wpuf-fields textarea {
border: 1px solid #fbf4c8;
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li .wpuf-fields input[type="radio"] {
width: inherit;
position: relative;
margin-right: 10px;
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li .wpuf-fields input[type="radio"]::before {
content: '';
position: absolute;
left: -3px;
top: -1px;
width: 16px;
height: 16px;
border: 1px solid #fbf4c8;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
background: #fff;
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li .wpuf-fields input[type="radio"]::after {
content: '';
width: 10px;
height: 10px;
background: #f99100;
position: absolute;
top: 3px;
left: 1px;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li .wpuf-fields input[type="radio"]:not(:checked)::after {
opacity: 0;
-moz-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0);
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li .wpuf-fields input[type="radio"]:checked::after {
opacity: 1;
-moz-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li .wpuf-fields input[type="checkbox"] {
width: inherit;
position: relative;
margin-right: 10px;
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li .wpuf-fields input[type="checkbox"]:before {
content: '';
position: absolute;
left: -3px;
top: -1px;
width: 16px;
height: 16px;
border: 1px solid #f99100;
background: #fff;
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li .wpuf-fields input[type="checkbox"]:after {
content: '';
width: 10px;
height: 10px;
background: #f99100;
position: absolute;
top: 3px;
left: 1px;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li .wpuf-fields input[type="checkbox"]:not(:checked):after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li .wpuf-fields input[type="checkbox"]:checked:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li .wpuf-fields a.file-selector {
display: block;
padding: 14px 0 14px 40px;
margin: 0;
height: inherit;
line-height: inherit;
border: 0;
border-bottom: 1px solid #fbf4c8;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background: transparent;
color: #fbf4c8;
font-weight: 500;
font-size: 24px;
width: 100%;
position: relative;
text-transform: none;
box-shadow: none;
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li .wpuf-fields a.file-selector:hover{
border-color: #f99100;
color: #f99100 !important;
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li .wpuf-fields a.file-selector:before {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
font-size: 36px;
content: "\f317";
font-family: dashicons;
line-height: 40px;
text-align: center;
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li .wpuf-fields .wpuf-address-field.city_name,
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li .wpuf-fields .wpuf-address-field.zip {
margin-right: 6%;
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li .wpuf-fields .wpuf-help {
color: #efefef;
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li input:active,
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li input:hover,
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li input:focus,
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li input:visited,
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li textarea:active,
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li textarea:hover,
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li textarea:focus,
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li textarea:visited,
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li select:active,
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li select:hover,
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li select:focus,
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li select:visited,
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li a:active,
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li a:hover,
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li a:focus,
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li a:visited {
outline: none;
border-color: #f99100;
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li .wp-editor-wrap:hover .mce-statusbar,
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li .wp-editor-wrap:hover .mce-toolbar-grp ,
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li .wp-editor-wrap:hover .wp-editor-container{
border-color:  #cac6c2;
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li.has-error .wp-editor-wrap .mce-statusbar,
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li.has-error .wp-editor-wrap .mce-toolbar-grp ,
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li.has-error .wp-editor-wrap .wp-editor-container{
border-color:  #F20000;
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li .wpuf-label {
color: #fbf4c8;
font-size: 20px;
font-family: Alegreya SC;
text-transform: none;
font-weight: 400;
}
.wpuf-form-add.wpuf-form-layout3 .mce-toolbar .mce-ico {
color: #50575e !important;
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li .wp-editor-wrap {
border: 0;
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li .wp-editor-wrap .wp-editor-container {
border: 1px solid #d6c3dc;
border-radius: 5px;
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li .wp-editor-wrap .mce-toolbar-grp {
border: 0;
border-bottom: 1px solid #340000;
border-radius: 0 0 5px 5px;
background: #fafafa;
padding: 3px 0;
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li .wp-editor-wrap .mce-btn.mce-listbox {
border-radius: 5px;
border-color: #50575e;
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li .wp-editor-wrap .mce-statusbar {
border-top: 1px solid #cac6c2;
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li.field-size-small .wpuf-fields {
width: 100%;
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li .br-theme-css-stars .br-widget {
display: inline-block;
background: #F8F1FA;
border: 1px solid #efefef;
line-height: 36px;
border-radius: 5px;
height: 36px;
padding: 0 15px;
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li .br-theme-css-stars .br-widget a:after {
color: rgba(213, 174, 217, 0.5);
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li .br-theme-css-stars .br-widget a.br-active:after,
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li .br-theme-css-stars .br-widget a.br-selected:after {
color: #EDB867;
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-form li.wpuf-submit input[type=submit] {
background: #f99100;
border-color: #f99100 #f99100 #f99100;
-moz-box-shadow: 0 1px 0 #f99100;
-webkit-box-shadow: 0 1px 0 #f99100;
box-shadow: 0 1px 0 #f99100;
text-shadow: none;
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-step-wizard {
overflow: visible;
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-step-wizard li {
padding: 10px 30px 10px 40px;
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-step-wizard li:before {
margin-top: -14px;
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-step-wizard li:after {
border-width: 22px;
margin-top: -34px;
right: -40px;
border-radius: 0;
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-step-wizard li.active-step {
background-color: #fbf831;
}
.wpuf-form-add.wpuf-form-layout3 ul.wpuf-step-wizard li.active-step:after {
border-left-color: #fbf831;
}
ul.wpuf-form li .wpuf-fields #wpuf-insert-image-container a.wpuf-insert-image{
border-color: #fbf831;
background: #f7f3fa;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.wpuf-submit input[type=submit]{
background-color: transparent !important;
color: #ffffff !important;
font-family: Alegreya SC;
text-transform: none;
font-style: normal;
font-weight: 500;
border: 1px solid #ffffff !important;
box-shadow: none !important;
display: block;
text-align: center;
padding: 40px 80px 40px !important;
font-size: 20px !important;
line-height: 26px !important;
box-sizing: border-box;
position: relative;
outline: 0;
cursor: pointer;
transition: color .25s ease-out,background-color .25s ease-out,border-color .25s ease-out,box-shadow .25s ease-out;
}
.wpuf-submit input[type=submit]:hover{
color: #f99100 !important;
border: 1px solid #f99100 !important;
box-shadow: 0 0 2px rgb(255 255 255 / 75%), 0 0 14px rgb(255 255 255 / 50%), 0 0 33px rgb(255 255 255 / 25%), 0 0 55px rgb(255 255 255 / 25%) !important;
}
.wpuf-section-title {
text-align: left;
}
.required {
color: #f99100 !important;
font-weight: 700;
border: 0;
}
body .has-error {
background: #f9cb89;
padding: 10px;
color: #222021;
font-weight: 500;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
background-color: #fbf4c8 !important;
margin: 0 0 .4em;
}
#ui-datepicker-div {
z-index: 1000!important;
background-color: #fbf4c8;
color: #222021;
min-width: 220px;
font-size: 14px;
-webkit-box-shadow: 0 0 2px #ddd;
-moz-box-shadow: 0 0 2px #ddd;
box-shadow: 0 0 2px #ddd;
}
.ui-widget-header {
border: 1px solid #50575e;
background: #f99100;
color: #222021;
font-weight: bold;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
border: 3px solid #000088;
background: #fbf4c8 url(//siedelwood-3000.de/wp-content/plugins/wp-user-frontend/assets/css/frontend-form/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
color: #222021 !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
border: 3px solid #f99100;
background: #ffffff url(//siedelwood-3000.de/wp-content/plugins/wp-user-frontend/assets/css/frontend-form/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
font-weight: normal;
color: #000000 !important;
}
.td.data-column a:hover {
color: #f99100 !important;
}
.wpuf-info{
color: #222021;
}
.wpuf-fields input[type="file"]{
cursor: pointer;
position: relative;
z-index: 9;
}
.wpuf-fields input[type="file"]:hover{
color: #f99100 !important;
}