/**
 * Lightweight base styles for the front-end form.
 */
.userform-progress .progress {
    position: relative;
    height: 1em;
    background: #eee;
}

.userform-progress .progress-bar {
    position: absolute;
    height: 1em;
    background: #666;
}

.userform-progress .step-buttons {
    margin-left: 0;
    position: relative;
}

.userform-progress .step-button-wrapper {
    display: inline-block;
    list-style-type: none;
}

.userform-progress .step-button-wrapper.viewed .step-button-jump {
    opacity: 1;
}

.userform-progress .step-button-jump {
    position: absolute;
    top: 0;
    opacity: .7;
}

.step-navigation .step-buttons {
    margin-left: 0;
}

.step-navigation .step-button-wrapper {
    display: inline-block;
    list-style-type: none;
}

.userform {
    clear: both;
    width: 100%;
    max-width: 100%;
}

.userform .field label.right {
    color: #555;
}

.userformsgroup {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 8px;
    margin-top: 12px;
    margin-bottom: 12px;
}

.userformsgroup > legend {
    padding-left: 4px;
    padding-right: 4px;
    border: 0;
    width: auto;
}

.right-title {
    clear: both;
    display: block;
}

.checkbox .right-title {
    display: inline;
}

.left {
    margin-bottom: 5px;
    font-weight: bold;
}


/* FORMULAR CUSTOMER SERVICE */

#form-custom-support #user-defined-form {

}

#form-custom-support #customer-support-wrapper {
    display: none;
}


#form-custom-support .customerServiceAdress {
    background-color: #e9edef;
    color: #333;
    padding: 10px;

}

#form-custom-support .customerServiceAdress .country-text {
    display: none;
}
#form-custom-support .customerServiceAdress .country-text.country-text--active {
    display: block;
}

#form-custom-support .customerServiceAdress #CSLieferant {
    font-size: 14px;
    font-weight: bold;
}


#form-custom-support div.customerServiceAdress {
    display: none;
}

#form-custom-support #customer-support-wrapper {
    display: none;
}


/* Formular */

body.SilverStripe\UserForms\Model\UserDefinedForm #main > h1 {
    display: none;
}

body.SilverStripe\UserForms\Model\UserDefinedForm #main h1 {
    margin-bottom: 10px;
}

body.SilverStripe\UserForms\Model\UserDefinedForm h2 {
    margin-top: 0px;
    margin-bottom: 20px;
}

form.userform label.left {
    float: left !important;
    width: 200px !important;
}

form.userform .customer-service-land label {
    display: none;
}

form.userform .customer-service-lieferant label {
    display: none;
}

form.userform .customer-support-wrapper {
    clear: both;
}

form.userform .customer-support-wrapper .literalFieldArea {
    margin-bottom: 40px;
}

form.userform .check-customer-email label {
    display: none;
}

form.userform .check-customer-email .middleColumn {
    display: inline;
}


form.userform input.text, form.userform textarea, form.userform .textajaxuniquetext, form.userform select {
    width: 300px;
}

form.userform div.customer-service-land select {
    width: 181px;
}

form.userform div.customer-service-lieferant select {
    width: 174px;
}

form.userform {
    width: 513px;
}

form.userform div.customer-service-land {
    float: left;
    margin-right: 20px;
}

form.userform div.customer-service-lieferant {
    float: left;
}

form.userform div.customer-service-land span,
form.userform div.customer-service-lieferant span {
    display: none;
}

form.userform div.customer-support-info {
    clear: both;
}

form.userform div.customer-support-info label {
    display: none;
}

form.userform div.customer-support-wrapper-adress {
    border: 1px solid #000;
}

form.userform .field .checkbox, form.userform .field .radio {
    float: none;
    width: unset;
    height: unset;

}

#UserForm_Form_action_clearForm {
    background: none repeat scroll 0 0 #00689d;
    border: medium none;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 13px;
    letter-spacing: 1px;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-top: 10px;
    padding: 6px 15px;
    text-transform: uppercase;
}

form.userform input[name="action_process"] {
    float: right !important;
}


#EditableTextField_1f25e {
    display: none;
}

.customer-support-blank-name {
    /*	display: none;	 */
}

.email-copy, .email-lieferant, .info {
    display: none;
}

/* Error messages */
form span.error.message {
    background-color: #fef4ba;
    border: 1px solid #e8c805;
    border-radius: 3px;
    padding: 5px 10px;
    display: block !important;
}

/*
#UserForm_Form_EditableTextField_be70f-error {
	position: absolute;
	top: 185px;
}
*/

/*
#UserForm_Form_EditableTextField_be70f-error.second-error {
	display:none !important;
}


#form-custom-support span.message {
    max-width: 492px;
} */

#form-custom-support {
    width: 512px;
}