/* Formular-Designer */
.inputarea {
  width: 100%;
  margin-top: 1em;
  margin-bottom: 2em;
  background-color: white;
  padding: 1em 4em 2em 0em;
  /*box-shadow: .2em .2em .5em #cacaca;
    border-radius: 1em;
    border-top: 1px solid #cacaca;*/
}
@media only screen and (max-width: 768px) {
  .inputarea {
    padding-right: 0.2em;
  }
}
.formzeile {
  width: 100%;
  height: auto;
  margin-top: 1.2em;
  margin-bottom: 1em;
  position: relative;
  float: left;
}
.addtext {
  font-size: 0.72em;
  display: inline-block;
  position: absolute;
  bottom: -1.4em;
  right: 2.8em;
}
.must-star {
  font-size: 1.1em;
  margin-left: 0.2em;
  margin-right: 0.2em;
}
.chkbx_label_input .must-star {
  margin-left: 0em;
  margin-right: 0.4em;
}
.label_input {
  display: inline-block;
  width: 16%;
  min-width: 6em;
  color: #333333;
  padding-left: 0em;
}
.lbl_multiline {
  vertical-align: top;
}
.label_head {
  color: #80C826;
  display: inline-block;
  width: auto;
  font-size: 1.2em;
  margin-top: 1em;
}
.chkbx_label_input {
  display: inline-block;
  width: auto;
  max-width: 92%;
  padding-left: 0.6em;
  padding-top: 1em;
  line-height: 1.68em;
}
@media only screen and (max-width: 768px) {
  .chkbx_label_input {
    display: inline;
    padding-left: 0em;
    padding-top: 1.2em;
  }
}
.rbl_label_input {
  display: inline-block;
  padding-left: 0em;
  padding-right: 1em;
  margin-top: 1em;
  line-height: 1.68em;
}
.rbl_label_yesno {
  width: 68%;
}
.label_output {
  display: inline-block;
  width: auto;
  margin-bottom: 0.1em;
}
input[type="text"],
textarea {
  /*width: 28em;*/
  height: 3.2em;
  padding: 0.2em 0.2em 0.2em 0.4em;
  letter-spacing: 0.02em;
  color: #333333;
  background-color: #F2F2F2;
  border: 1px solid #cacaca;
  border-radius: 0.6em;
}
.multiline {
  height: auto;
  min-height: 6em;
}
.formTextbox1,
.formTextbox2,
.formDropDownList1,
.formDropDownList2 {
  width: 84%;
  overflow: hidden;
}
textarea.formTextbox1::-moz-placeholder {
  font-size: 1em;
  color: #858585;
}
textarea.formTextbox1::-webkit-input-placeholder {
  font-size: 1em;
  color: #858585;
}
textarea.formTextbox1:-ms-input-placeholder {
  color: #858585;
}
.ascx-tb {
  background-color: #F2F2F2;
  width: 12em;
  max-width: 12em !important;
  min-width: 8em !important;
  margin-right: 1.2em;
}
.formCheckbox1,
.formCheckbox2 {
  display: inline-block;
  margin-top: 0.6em;
  padding: 0.4em;
  vertical-align: top;
  transform: scale(1.4);
}
.formDropDownList1,
.formDropDownList2 {
  height: 3.6em;
  letter-spacing: 0.02em;
  padding: 0.2em 0.2em 0.2em 0.8em;
  border: 1px solid #cacaca;
}
.formDropDownList1 option,
.formDropDownList2 option {
  margin-top: 0.8em;
  margin-bottom: 0.8em;
  font-family: Verdana, Arial, sans-serif;
}
.rblist1,
.rblist2 {
  width: auto;
  font-weight: normal;
  padding: 0.4em;
  margin-bottom: 0em;
}
.rblist1 td,
.rblist2 td {
  border: none;
  margin-bottom: 0em;
}
.rblist1 input[type='radio'],
.rblist2 input[type='radio'] {
  transform: scale(1.32);
}
.rblist1 label,
.rblist2 label {
  margin-left: 0.4em;
  margin-right: 2em;
}
.jazzinfo {
  display: none;
}
.formUpload2 ~ .jazzinfo {
  display: block;
  font-size: 0.7em;
  margin-right: 9em;
  float: right;
}
.formError p {
  color: #ff0000;
  font-size: 0.8em;
}
/*.formError + div .label_head {
        margin-top: 0em;
    }*/
.formTextbox2,
.formDropDownList2,
.formUpload2,
.rblist2,
.formCheckbox2 {
  border: 2px solid #ff0000 !important;
}
.buttonFD {
  min-width: 6em;
  min-height: 2.8em;
  background-color: #000000;
  font-size: 1.2em;
  text-align: center;
  letter-spacing: 0.12em;
  padding: 0.6em 2em 0.6em 2em;
  margin: 0 0 1em 1em;
  color: white;
  border: 1px solid #000000;
  cursor: pointer;
  border-radius: 1.8em;
  transition: all 0.2s ease-in-out;
}
.buttonFD:hover {
  background-color: white;
  color: #313131 !important;
}
/*.buttonFD {
    min-width: 6em;
    min-height: 2.8em;
    background-color: white;
    font-size: .88em;
    text-align: center;
    letter-spacing: 0.2em;
    font-family: "VAGRounded_Bold";
    padding: .8em 2.4em .8em 2.4em;
    margin: 0 0 1em 1em;
    color: #80c826;
    border: 2px #80c826 solid;
    cursor: pointer;
    border-radius: 1.8em;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out;
}

.buttonFD:hover {
    background-color: #80c826;
    color: white !important;
}*/
.comment {
  font-size: 0.72em;
  display: block;
  width: 90%;
  margin: 0.5em auto 0 16%;
}
.comment:before {
  font-size: 1.2em;
  font-family: FontAwesome;
  content: '\f05a';
  color: #80C826;
  margin-right: 0.4em;
}
@media only screen and (max-width: 768px) {
  .comment {
    width: 98%;
    margin: 0.5em auto 0 0.1em;
  }
}
/* Tooltip */
a.tooltip {
  position: relative;
  z-index: 1;
  text-decoration: none;
  cursor: help;
}
a.tooltip span {
  display: block;
}
a.tooltip span {
  font-size: 0.8em;
  display: block;
  position: absolute;
  bottom: 2em;
  left: 3em;
  width: 18em;
  border: 1px #80C826 solid;
  border-radius: 0.6em;
  padding: 1em;
  background-color: white;
  color: #313131;
}
/* Ende Tooltip */
/* Expandable divs - simple Version */
.fd_list {
  margin-top: 1.2em;
  margin-bottom: 1em;
  margin-left: 2em;
  padding: 0;
}
.fd_head {
  width: 100%;
  display: inline-block;
  padding: 0.68em 0.8em 0.68em 1em;
  cursor: pointer;
  border-bottom: 1px dashed #559333;
  background-color: #F2F2F2;
}
@media only screen and (max-width: 768px) {
  .fd_head {
    width: 100%;
    margin-top: 1em;
  }
}
.fd_head:hover {
  background-color: #cacaca;
}
.fd_body {
  width: 100%;
  font-size: 0.8em;
  margin-top: 0;
  padding: 0.8em 0.8em 0 1.2em;
  background-color: #F2F2F2;
  border-bottom: 1px dashed #559333;
  display: block;
}
@media only screen and (max-width: 768px) {
  .fd_body {
    width: 100%;
  }
}
.fd_body p {
  padding-bottom: 1em !important;
}
.fd_list .offen:after,
.fd_list .geschlossen:after {
  font-size: 1.4em;
  font-family: FontAwesome;
  /*font-family: "Font Awesome 5 Free";
    font-weight: 900;*/
  color: #80C826;
  margin-top: 0 !important;
  float: right;
}
.fd_list .geschlossen:after {
  content: '\f105';
  color: #333333;
  display: inline-block;
  min-width: 1.2em;
}
.fd_list .offen:after {
  content: '\f107';
  color: #80C826;
  display: inline-block;
  min-width: 1.2em;
}
/* Ende Expandable divs  - simple Version */
/* wird dem RegularExpressionValidator in JazzClass zugeteilt*/
.regex {
  font-size: 0.88em;
  color: #ff0000;
  display: block;
}
.regex:before {
  content: '\f071';
  font-size: 1.2em;
  font-family: FontAwesome;
  text-decoration: none;
  width: auto;
  color: #ff0000;
  margin-right: 0.3em;
}
.formcontrols-depend {
  color: #4F8930;
}
@media only screen and (max-width: 880px) {
  .formzeile {
    margin-bottom: 0;
  }
  .formzeile label {
    width: 100% !important;
    margin-top: 0;
  }
  .formTextbox1,
  .formTextbox2,
  .formDropDownList1,
  .formDropDownList2 {
    width: 100% !important;
    display: inline-block;
  }
  .rblist1,
  .rblist2 {
    width: 100% !important;
    display: inline-block;
  }
  .formCheckbox1,
  .formCheckbox2 {
    vertical-align: top;
    margin-top: 0em;
  }
}
.pgrbar {
  font-size: 0.7em;
  margin: 1em auto 1em auto;
  text-align: center;
  visibility: hidden;
}
.pgrbar:after {
  content: 'Bitte warten Sie ...';
  margin-left: 1.6em;
}
.pgrbar img {
  width: 12em;
  height: auto;
  margin-top: 0em;
}
.inputfooter {
  margin-top: 0em;
  font-size: 0.8em;
  text-align: right;
}
.css-Text10 {
  font-size: 1em;
  color: #333333;
  margin-top: 1.2em;
  margin-bottom: 1.4em;
  display: inline-block;
}
.formzeile .css-Text10 {
  margin-left: 2em;
  margin-top: 0.4em;
  margin-bottom: 0em;
}