element.style {

}

.xm-form.modern *, .modern .XPage *, .CXPage, .CXHeader *, .CXFooter * {
    font-family: Open Sans, sans-serif;
}


.XNavigationBar .active-before .xnav-view, .XNavigationBar .active .xnav-view {
  background-color: #008552!important
}

.modern .XItem, .modern .xm-item-div input[type=checkbox]:checked+label:before, .modern .xm-item-div input[type=radio]:checked+label:before {
  color: #008552
}

.modern .XButtonList, 
.modern .XButtonList.XItem:focus:not(:disabled) .modern .XButtonList.xm-upl-button:hover, 
.modern .XButtonList[value=zurück]:hover,
.modern .XButtonList.xm-upl-button {
  padding: 8px 16px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  border-radius: 35px;
  display: inline-block;
  text-transform: uppercase;
  cursor: pointer;
  background: #008552;
  border: 2px solid #008552;
  color: #fff;
}

.modern .XButtonList:hover {
  background: #31363e;
  border: 2px solid #31363e;
  color: #fff;
}

.modern .xm-item-div input[type=checkbox]:focus+.label-icon-checkbox:before, 
.modern .xm-item-div input[type=checkbox]:hover+.label-icon-checkbox:before, 
.modern .xm-item-div input[type=radio]:focus+.label-icon-radio:before, 
.modern .xm-item-div input[type=radio]:hover+.label-icon-radio:before {
  color: #008552;
  text-shadow: 0 0 1px #008552;
}

.hint::before {
  content:  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAACMUlEQVRIx7VVTVMTQRDdGwcobx6QaFmKwonCG79AyW6yeOFAATOTHOLMwOLB6P/wSCkXThCg5ILwT5Si/BESLoSkQr/ZGbeU7EeKuFVdNbvb3W/mdfcbz8t4qqzxJBAqIjurMPUz4OoKZtbmm9xcqunH3rAPBU5Rom2yLlk/x3pkrUUhnxZKXhXqLQW0bfC1L9Sez/XKYl3NvF5vjsOwxreA6334WN9LsjBn5/q93VG/wtVhUFfP8jZU5o3nAVNH7jQ+l1tZO+/FtMgPw9JKp2na+N6dk5RXo1JCS3pyFBSFT/tPdH50dIX1zUcJOtM7jpa04JCpOVv0bpnJV6kgXH2zub4krRgHXmdxXhQgXNPTtvBdMOOZPidEdEsez2/WGpOw/HqolsnJ1QZeTuMXvZIV5As9T36/YFhndiOXq6YWTJ8A4MJwJt69yGxHoRbccGGd5Ys5MTlp4j3XPcvLemJUAMhlfdv/BYCK+8D6/gbAuakB23g5KoCqaMzGvvpH4SIPA/BXkSG5Fm1/VACkBgcWQJvxd4MG4bovgB20DtmNGTQ7GF9jRHV0X4BAyGPrt/3vBXNpqWoOBIiiMUgJDOvB3OtPrnvuTDwk1sktVHHoWzBObuIrQldTlFBuuQsHqgg+8xIbzhNaetC2PKEKE7pMsVpoO/Q2hhGGddyKpls6jhafyUqh45Zr0UM68md0QpFLnzRnt4jKDhr5EiSXLo/vmEorK22zpiFCn/9pxZTnFiRTu1kTZKpmAAAAAElFTkSuQmCC);
  position: absolute;
  margin-left: -30px;
}

.hint {
  padding:10px;
  padding-left:35px;
  color:#008552;
  border-radius:3px;
}

.XSpanHint {
  background-color: #cdded7;
}

.xm-counter {
  font-size: 12px;
}

/* Uploadbutton */
.modern .XButtonList.xm-upl-button {
  padding: 4px 10px;
  font-size: 14px;
  margin: 10px;
}

/* Schriftgrösse erlaubte Formate Upload */
 .modern .xm-upl-format-label {
  font-size: 12px;
}

/* Schriftgrösse maximale Dateigröße Upload */
 .modern .xm-upl-size-label {
  font-size: 12px;
}

/* Schriftgrösse Uploadformate */
.xm-item-div {
  font-size: 12px !important;
}

/* Schriftgrösse keine Datei ausgwählt */
.modern .xm-item-div .xm-upl-wrapper span.xm-upl-label {
  font-size: 14px;
}

/* Schriftgrösse Überschrift Feldgruppe */
.modern .XFieldSet legend {
  font-size: 22px;
  font-weight: 500;
}

/* Schriftgrösse und Dicke der Feldbeschreibungen */
.modern .xm-item-div label, .modern .xm-progress-text, .modern span.required-star {
  font-size: 16px;
  font-weight: 400;
}

/* Schriftgrösse und Abstand unten Überschrift h3 */
.modern h3{
  font-size: 16px;
  margin-bottom: 0px !important;
}

 /* Bereich Footer  */ 
.modern .xm-footer-hint {
    font-size: 12px;
    color: rgb(123, 128, 124);
    background-color: white;
}

/* Schriftgrösse der Label */
.modern .xm-item-div label
{font-size: 14px; }

/* Schriftgrösse der Elemente bei Radiobuttons etc. */
Element {
  font-size: 13pt;}

 .body.modern {
    background-color: white;
}