/**
 * Form styles
*/
/** webform **/
.webform-required {
  display: none;
}

.form-file.form-control {
  margin-bottom: 15px;
}

.webform-file-wrapper .webform-flex--container .webform-flex--container {
  padding: 0px;
  margin: 0px;
}

.webform-submission-form {}

.webform-submission-form textarea {
  resize: none;
}

.webform-submission-form .input-group-addon {
  position: relative;
  left: 10px;
  top: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.topic-form-bar .webform-submission-form h3 {
  text-transform: uppercase;
  margin: 0px;
  color: #343d49;
  font-weight: 300;
  letter-spacing: 0.05em;
  padding-top: 10px;
  padding-bottom: 10px;
}

.webform-submission-form .form-item>label.control-label:not(.option),
.webform-submission-form legend,
.webform-submission-form .panel-title {
  font-weight: 400;
  display: block;
  margin-bottom: 0.5rem;
}

.webform-submission-form .radios--wrapper .fieldset-wrapper .webform-submission-form .form-group>.webform-has-field-prefix>input,
.webform-submission-form .form-group>.webform-has-field-suffix>input,
.webform-submission-form .form-group>.webform-has-field-prefix>select,
.webform-submission-form .form-group>.webform-has-field-suffix>select {
  width: 85%;
}

.webform-submission-form .form-item label.control-label.option {
  font-weight: 300;
  white-space: normal;
}

.webform-submission-form .webform-element--title-inline {}

.webform-submission-form .webform-element--title-inline .fieldset-wrapper {
  display: inline;
  width: auto;
  float: left;
}

.webform-submission-form .webform-element--title-inline .form-type-radio {
  display: inline;
  margin-right: 20px;
}

.webform-submission-form .webform-element--title-inline .form-type-radio {
  display: inline;
  margin-right: 20px;
}

.webform-submission-form .radios--wrapper .fieldset-wrapper {}

.webform-submission-form .webform-element--title-inline.form-type-textfield {
  display: flex;
}

.webform-submission-form .webform-element--title-inline {
  padding-top: 10px;
}

.webform-submission-form .webform-element--title-inline legend {
  display: inline;
  width: auto;
  margin-top: 0px;
  margin-right: 20px;
}

.webform-submission-form .webform-element--title-inline .form-control {
  width: auto;
  max-width: 50%;
  margin-top: -8px;
}

.webform-submission-form .webform-element--title-inline .select-wrapper {
  display: inline;
  width: auto;
}

.webform-submission-form .webform-element--title-inline .select2-container {
  width: auto !important;
  min-width: 250px;
}

.webform-has-field-suffix {}

.webform-has-field-suffix input {
  display: inline;
}

.webform-submission-form .form-actions {
  text-align: left;
  margin-bottom: 0px;
}

.webform-submission-form .form-actions button {
  background-color: #343d49;
  color: #fff;
  border: 1px #343d49 solid;
}

.webform-submission-form .form-actions button::before {
  font-family: "Font Awesome 5 Pro";
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  font-weight: 300;
  content: "\f1d8";
  margin-right: 10px;
  position: relative;
  top: -1px;
}

.webform-submission-form .form-type-checkbox,
.webform-submission-form .form-type-radio {
  position: relative;
  padding-left: 30px;
}

.webform-submission-form .form-type-managed-file,
.webform-submission-form .form-type-webform-document-file {
  position: relative;
  margin: 0px;
}

.webform-submission-form .form-type-managed-file .webform-element-description,
.webform-submission-form .form-type-webform-document-file .webform-element-description {
  position: absolute;
  right: 0px;
  top: 5px;
}

.webform-submission-form .form-type-managed-file .webform-element-description a,
.webform-submission-form .form-type-webform-document-file .webform-element-description a {
  color: #484745;
  text-decoration: none;
}

.webform-submission-form .form-type-managed-file .webform-element-description a::before,
.webform-submission-form .form-type-webform-document-file .webform-element-description a::before {
  font-family: "Font Awesome 5 Pro";
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  font-weight: 300;
  content: "\f05a";
  margin-right: 10px;
  position: relative;
  top: -1px;
}

.webform-submission-form .upload-seperator {
  border-bottom: 1px #d6d6d6 solid;
}

.text-count-wrapper {
  display: none !important;
}

/** webform confirmation **/
.webform-confirmation {
  padding-top: 20px;
}

.webform-confirmation h5 {
  font-weight: 300;
  font-size: 0.925rem;
}

.webform-confirmation .btn {
  margin-top: 10px;
  margin-right: 10px;
}

.webform-confirmation__message, .webform-confirmation__back {
  display: inline;
}

.webform-confirmation__back a {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  border-radius: 0px;
  outline: none !important;
  box-shadow: none !important;
  background: none;
  border: 1px #cb4d53 solid;
  color: #cb4d53;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 300;
  display: inline-block;
  text-decoration: none;
  margin-top: 10px;
}

.webform-confirmation__back a:hover {
  background-color: #cb4d53;
  border: 1px #cb4d53 solid;
  color: #fff;
}

.form-type-processed-text {}

.form-type-processed-text ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  padding-top: 10px;
}

.form-type-processed-text ul>li {
  position: relative;
  padding-left: 15px;
}

.form-type-processed-text ul>li::before {
  content: "–";
  position: absolute;
  left: 0px;
  top: 0px;
}

.form-managed-file {}

.form-managed-file span.file {}

.form-managed-file span.file-size {
  padding-right: 20px;
  padding-left: 20px;
}

.form-managed-file span.file-size::before {
  content: '(';
}

.form-managed-file span.file-size::after {
  content: ')';
}

.form-managed-file button.btn-danger {
  width: 24px;
  height: 24px;
  color: transparent;
  display: inline-block;
  overflow: hidden;
  position: relative;
  padding: 0px;
  text-align: center;
  border-radius: 100%;
  top: -2px;
}

.form-managed-file button.btn-danger::before {
  font-family: "Font Awesome 5 Pro";
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  font-weight: 300;
  content: "\f00d";
  margin-right: 10px;
  position: absolute;
  left: 6px;
  top: 0px;
  color: #fff;
  font-size: 0.925rem;
}

.webform-submission-form .captcha {
  padding-top: 10px;
  padding-bottom: 20px;
}

.webform-submission-form .webform-element--title-inline {
  padding-top: 0px;
}

.webform-element-description {
  margin: 0px;
}

/**
 * Custom form styles
*/
.form-item-umfang-der-arbeitsunfaehigeit-bei-austritt {
  padding-top: 20px !important;
}

.form-item-umfang-der-arbeitsunfaehigeit-bei-austritt .input-group,
.form-item-auszahlung-in-prozenten .input-group {
  width: 20% !important;
}

.form-item-zuzugsdatum input,
.form-item-pensionierung-per .input-group,
.form-item-auszahlung-in-franken .input-group,
.form-item-gemeinsamer-haushalt-seit-datum-der-anmeldung-bei-der-wohngemein .input-group {
  width: 25% !important;
  position: relative;
}

.form-item-aenderung-zivilstand-per {
  width: 52% !important;
  position: relative;
}

.form-item-adressaenderung-gueltig-per {
  width: 57% !important;
  position: relative;
}

.form-item-adressaenderung-gueltig-per .flatpicker-calendar,
.form-item-aenderung-zivilstand-per .flatpicker-calendar {
  bottom: 32px;
}

.form-item-pensionierung-per .input-group input {
  width: 100% !important;
  max-width: 100% !important;
}