@font-face {
	font-family: "Exo2-Bold";
	src:
		url('ressource?pid=6002&name=Exo2-Bold.ttf')
		format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Exo2-Light";
	src:
		url('ressource?pid=6002&name=Exo2-Light.ttf')
		format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Exo2-Italic";
	src:
		url('ressource?pid=6002&name=Exo2-Italic.ttf')
		format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Exo2-Regular";
	src:
		url('ressource?pid=6002&name=Exo2-Regular.ttf')
		format('truetype');
	font-weight: normal;
	font-style: normal;
}


.modern .xm-item-div LABEL, .modern .CXPage .header h1, .modern .CXPage .header h2, .modern SPAN.required-star, .modern .xm-error-text, .modern .xm-progress-text {
    font-size: 15px;
    font-weight: normal;
}

.modern .xm-item-div SPAN.required-star {
    color: #e6007e;
}


FORM.xm-form *, .xm-form.modern *, .modern .XPage * {
    font-family: 'Exo2-Regular';
}

TD[dir=left],
TD[dir=right] {
    width: 20px;
}
TD[dir=top],
TD[dir=bottom] {
    height: 20px;
}
.xm-form-row {
    padding-right: 20px;
}
DIV.xm-item-div{
    padding: 20px;
    line-height: 25px;
}
.modern .xm-item-div .XItem.XCheckbox,
.modern .xm-item-div .XItem.XRadio {
    line-height: 25px;
}


.XTextArea{
    padding:20px;
}

.modern .XTextField, .modern .XSelect {
    padding: 7px 20px;
}
.modern .XTextArea {
    border-style: solid;
    padding: 20px;
}



.modern .label-top.xm-del-button-icon {
    margin-top: 38px;
}
.modern .xm-design-panel .label-top .xm-del-button-icon{
    margin-top: 35px;
}
.modern .xm-design-panel .label-top.xm-help-icon{
    margin-top: 35px;
}
.modern .label-top.xm-help-icon{
    margin-top: 25px;
}

.modern .label-left.xm-del-button-icon{
    margin-top: 13px;
}
.modern .xm-design-panel .label-left .xm-del-button-icon{
    margin-top: 8px;
}
.modern .xm-design-panel .label-left.xm-help-icon{
    margin-top: 8px;
}
.modern .label-left.xm-help-icon{
    margin-top: 0px;
}
.modern .label-left .xm-del-button-icon, .modern .label-right .xm-del-button-icon, .modern .label-bottom .xm-del-button-icon {
    margin-top: 11px;
}



.modern .xm-item-div .label-icon-checkbox.opt-label-right,
.modern .xm-item-div .label-icon-radio.opt-label-right {
	width: 20px;
}

.modern .CXButtonList.xm-t-left .XButtonList {
    margin-right: 20px;
}

.modern .xm-item-div input[type=checkbox]+.label-icon-checkbox:before,
.modern .xm-item-div input[type=radio]+.label-icon-radio:before {
    font-family: "halle-onlineformulare";
    content: "\61";
    color: #3b3b3a;
    font-size: 1.5625rem;
}
.modern .xm-item-div input[type=radio]+.label-icon-radio:before {
	content: "\63";
}

.modern .xm-item-div input[type=checkbox]:checked+.label-icon-checkbox:before
	{
	content: "\62";
}

.modern .xm-item-div input[type=radio]:checked+.label-icon-radio:before
	{
	content: "\64";
}

.XTextField, .XTextArea,
.modern  .XTextField, .modern  .XTextArea{
    height: 40px;
    border: 0.25px solid #999999;
    color:#3b3a39;
}

.modern .XItem.XSelect.XDropDown {
    padding: 0px;
    padding-left:20px;
    padding-right:40px;
    height: 40px;
    border: 0.25px solid #999999;
}

.modern .XSelect.XList{
    padding:0;
    border: 0.25px solid #7a7a7a;
}

.xm-item-div ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #3b3a39;
	opacity:0.5;
}

.xm-item-div :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #3b3a39;
	opacity:0.5;
}

.xm-item-div ::-moz-placeholder  { /* Mozilla Firefox 19+ */
	color: #3b3a39;
	opacity:0.5;
}

.xm-item-div :-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #3b3a39;
	opacity:0.5;
}
.xm-item-div :placeholder{
	color: #3b3a39;
	opacity:0.5;
}









/** Halle **/
.modern .CXFieldSet, .modern .XFieldSetWrapper, .modern .XTextArea, .modern .XTextField, .modern .XFieldSet, .modern .XSelect, .modern .XButtonList, .modern .XContainer, .modern .XRadius {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}


.modern .CXPage .header h1 , .CXPage .header h1, .XSpan h1{
    font-size: 25px;
    line-height: 32px;
    color: #e3000e;
    font-weight: normal;
    font-family: 'Exo2-Bold' !important;
    padding-bottom: 0px;
    padding-top: 20px;
    margin-bottom: 10px;
}

.XSpan Strong{
   font-family: 'Exo2-Bold' !important;
}

.modern .CXPage .header h2 , .CXPage .header h2, .XSpan h2 {
    font-size: 20px;
    line-height: 25px;
    color: #3b3a39;
    padding-top: 20px;
    padding-bottom: 0px;
}


.modern .CXPage .header, .CXPage .header{
    background-color:transparent;
    padding-bottom:0px;
    margin-bottom:0px;
    border-bottom:none;
    padding-left:70px;
}

.modern .xm-item-div.CXButtonList {
    padding-left: 20px;
    padding-right: 20px;
}

.modern .error-static-view.error-static-view-bubble .error .xm-error-icon .xm-error-text {
    padding: 10px 20px;
}
.error-static-view.error-static-view-bubble .error .xm-error-icon .xm-error-text {
    margin-top: 20px;
}
.modern .error-static-view.error-static-view-bubble .xm-error-icon::before {
    font-size: 68px;
    margin-left: -15px;
    top: 17px;
}

.XFieldSet Legend, .modern .XFieldSet LEGEND{
    font-size: 20px;
    font-weight: normal;
    font-family: 'Exo2-Bold' !important;
    line-height: 25px;
    color: #3b3a39;
    padding:0px 0px 0 20px;
    margin:0;
    margin-bottom:0px;
    page-break-inside: avoid;
    box-sizing: border-box; /* IE9-11 & Edge 12-13 */
    display: table; /* IE8-11 */
    max-width: 100%; /* Patch for IE9-11 & Edge 12-13 */
    white-space: normal; /* IE8-11 */

}

.modern .CXFieldSet .XFieldSetWrapper {
    border: none;
    padding-bottom:4px;
    margin-top: 30px;
}

.modern .XFieldSet {
    padding-bottom: 15px;
}

.XContainer, .XFieldSet {
    border: none;
    background-color:transparent;
    margin:-20px;
}

.XContainer {
    margin:10px -20px;
}


.xm-design-panel .CXFieldSet .XFieldSetWrapper, .xm-design-panel .XContainer{
    border: #ccc dotted 1px;
}

.xm-design-panel .XContainer, .xm-design-panel .XFieldSet {
    margin:0px;
}

.modern .xm-item-div .XItem {
    font-size: 15px;
    line-height: 21px;
    color: #3b3a39;
}

.error LABEL{
    color: #e6007e !important;
}

.xm-item-div.error ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #e6007e;
}

.xm-item-div.error  :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #e6007e;
}

.xm-item-div.error  ::-moz-placeholder  { /* Mozilla Firefox 19+ */
	color: #e6007e;
}

.xm-item-div.error  :-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #e6007e;
}
.xm-item-div.error  :placeholder{
	color: #e6007e;
}

.modern .xm-item-div input[type="checkbox"]:disabled + .label-icon-checkbox::before, 
.modern .xm-item-div input[type="radio"]:disabled + .label-icon-radio::before,
.XItem:disabled, .XItem[readonly]{
    border-color:#bbbcbc !important;
    color:#bbbcbc !important;
    background-color:transparent;
}
.modern .xm-item-div input[type="checkbox"]:disabled ~ LABEL, 
.modern .xm-item-div input[type="radio"]:disabled ~ LABEL{
   color:#bbbcbc !important; 
}

.XItem:disabled::-webkit-input-placeholder,
.XItem[readonly]::-webkit-input-placeholder{ /* WebKit, Blink, Edge */
	color: #bbbcbc;
}

.XItem:disabled:-moz-placeholder,
.XItem[readonly]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #bbbcbc !important;
}

.XItem:disabled::-moz-placeholder,
.XItem[readonly]::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #bbbcbc;
}

.XItem:disabled:-ms-input-placeholder,
.XItem[readonly]:-ms-input-placeholder{ /* Internet Explorer 10-11 */
	color: #bbbcbc;
}
.XItem:disabled:placeholder,
.XItem[readonly]:placeholder{
	color: #bbbcbc;
}



.modern .error-static-view.error-static-view-bubble .error .xm-error-icon .xm-error-text{
    border-color: #e6007e;
    background-color: #e6007e;
}
.modern .xm-item-div .xm-del-button-icon, .modern .xm-item-div .xm-error-icon::before,
.modern DIV.xm-item-div.error > .XItem, .modern .dynamic-row.error > .XItem, .modern .error-static-view.error-static-view-bubble .xm-item-div.error > .XItem, .modern.error-static-view.error-static-view-bubble .dynamic-row.error > .XItem {
    border-color: #e6007e;
    color:#e6007e;
}







.XSelect {

  /* styling */
  background-color: white;
  border: thin solid blue;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;

  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}


.XDropDown::-ms-expand {
  display: none;
}

.XDropDown {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
  background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABmJLR0QA/wD/AP+gvaeTAAAAwklEQVRIie2VPQ6CMBiGnwh4Ihc9CLuODsqsnEYkJhrCEbyAo7s3sS6vCQn4QylGTZ/kW9q+fb62Q8Hz7wQdsnNgBJwc9fI2R5UVA4eNeLEXe7EXf4d4AcQW+8bKWosnwA6YtpDOlBm3yNQYAiVwpX6Cpk9iqbWlsp2IgEIbJk/EidYUyjghAHLAAKsG8VpzOd3++IfyrQRpRZxqLOtDWpVnEl1UBtj0Kb0TAQcJDbDH4Zu+IgTOqvBT0qq89+v1/C43GJwoLEib8aUAAAAASUVORK5CYII=');
  background-position: right 10px center;
  background-repeat: no-repeat;
}





.modern .XSelect.XList OPTION {
  height:30px;
  padding:7px 15px;
}

.modern .xm-item-div .XItem .XButton, .modern .xm-item-div .XItem .submit {
    color: #FFFFFF;
    background-color: #e6007e;
    border: 0.25px solid #e6007e;
    
    padding: 15px 40px;
    font-size: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.modern .xm-item-div .XItem .XSubmit {
    color: #FFFFFF;
    background-color: #e6007e;
    border: 0.25px solid #e6007e;
}
.modern .xm-item-div .XItem .XButtonList:Hover{
    background-color: #3b3a39;
}
.modern .xm-item-div LABEL::before {
    color: #3b3a39;
}
.modern .XItem, .modern .xm-item-div input[type="checkbox"]:checked + label::before, .modern .xm-item-div input[type="radio"]:checked + label::before {
    color: #3b3a39;
}
.error-static-view.error-static-view-bubble .error .xm-error-icon .xm-error-text{
    border-radius: 5px;
}



.XSelect.XCheckbox > DIV,
.XSelect.XRadio > DIV{
    padding-top:0px;
    padding-bottom:0;
    /*margin-right: 40px !important;*/
}

.modern .xm-item-div.label-top.label-none {
    margin-top: 25px;
}

    
@media print {
    .XPage{
        background:pink;
        max-width: 820px !important;
        width:820px;
        margin-left:40px;
    }
    
    .xm-item-div .XSpan.print {
    	background: transparent;
    	min-height: 40px;
    	page-break-inside: avoid;
    	border-left: 1px solid #7a7a7a;
    	border-bottom: 1px solid #7a7a7a;
    	color:#3b3a39;
        font-size: 13px;
        line-height: 21px;
        padding: 8px;
    }
    
    /*
    .xm-item-div .XSpan.print .placeholder {
        font-size:10px;
        line-height: 12px;
        margin-top: -9px;
        margin-left: -5px;
    }
    */
    .modern .CXPage .header{
        padding:0;
        padding-left: 50px;
        padding-bottom:40px;
    }
    .modern .CXCheckbox {
        margin-left: 21px;
    }
    
    .XFieldSet Legend, .modern .XFieldSet LEGEND{
        font-size: 16px;
        line-height: 19px;
        margin-bottom:10px;
    }
    
    .modern .CXFieldSet .XFieldSetWrapper {
        border: none;
        padding-bottom: 4px;
        margin-top: 10px;
    }
    
    .XSelect.XCheckbox > DIV,
    .XSelect.XRadio > DIV{
        padding-top:0px;
        padding-bottom:15px;
        /*margin-right: 40px !important;*/
    }
    
    .modern .CXSelect > .XCheckbox, .modern .CXSelect > .XRadio {
        margin-left: 6px;
    }
}

[data-xm-appendable] legend + .xm-form-row  > Table > TBODY > TR > TD[dir="top"] {
    display: table-cell;
}


.modern .xm-item-div .label-icon-checkbox.opt-label-right, .modern .xm-item-div .label-icon-radio.opt-label-right {

    margin-bottom: 10px;

}

.modern .XPage {
    padding-left: 25px;
    padding-right: 25px;
}