/*custom.css übersteuern */
/*ville de lausanne */

/*allg Styles*/
.JAX-MARKER, .JAX-MARKER .JAXFORMS-CONTAINER, .JAX-MARKER .form-group, .JAX-MARKER p, .JAX-MARKER h1, .JAX-MARKER h2, .JAX-MARKER h3, .JAX-MARKER h4, .JAX-MARKER h5, .JAX-MARKER h6, .JAX-MARKER .h1, .JAX-MARKER .h2, .JAX-MARKER .h3, .JAX-MARKER .h4, .JAX-MARKER .h5, .JAX-MARKER .h6, .JAX-MARKER .modal-content {font-family: inherit; font-family: 'Open Sans','Open Sans Local',Arial,sans-serif; font-size: 1em; line-height: inherit; font-weight: inherit;}

.JAX-MARKER {
	background-color: #fff;
	/*max-width: 640px;*/
	margin: 0 10px;
}
.JAX-MARKER .form-group {font-size: 0.85rem;}
.JAX-MARKER p { font-size: 1.0em; line-height: 1.42em;}
.JAX-MARKER a, .JAX-MARKER .jax-visualizer a, .JAX-MARKER a:active, .JAX-MARKER a:link, .JAX-MARKER vdlgmap {outline: 0;color: #e1313c;cursor: pointer;text-decoration: none;}
.JAX-MARKER a:hover, .JAX-MARKER .jax-visualizer a:hover, .JAX-MARKER vdlgmap:hover {text-decoration: underline;color: #e1313c;}
.JAX-MARKER .form-group h5, .JAX-MARKER .jax-callout h3 {font-weight: bold;font-size: 1.1em; margin-bottom: 0;}
.JAX-MARKER .form-container ul li, .JAX-MARKER .paragraph ul li, .JAX-MARKER ul.liste-liens li, .JAX-MARKER .jax-callout ul li {font-size: 0.85rem;}
.JAX-MARKER .panel.panel-default { border: none!important;}

.JAX-MARKER .jax-file-extension-text--value, .JAX-MARKER .jax-max-file-size-text--value {text-transform: uppercase;}
.JAX-MARKER .jax-max-file-size-text:first-letter  {text-transform: uppercase;}

/* offset elements */
.JAX-MARKER .jax-paging-previous-button .jax-paging-button-text {
	display: inline-block;
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	margin: -1px;
	padding: 0;
	border: 0;
}

/* invisible fields */
.JAX-MARKER .displaynone {display:none!important;}

/* font-awesome */
.JAX-MARKER .glyphicon,
.JAX-MARKER button.jax-expand-collapse-button:after, .JAX-MARKER #jax-session-timeout-progress .c100 > span#jax-session-timeout-container:after,
.JAX-MARKER .panel-heading .jax-expand-collapse-button:before, .JAX-MARKER .jax-tree a:link:before, .JAX-MARKER #showtimeoutinfo #jax-session-timeout-progress_text:before,
.JAX-MARKER .form-group.jax-fstate__hasError:after, .JAX-MARKER .jax-formdef-element-value-date:after, .JAX-MARKER .jax-formdef-element-value-dateTime .jax-dateTime-date:after,
.JAX-MARKER .jax-formdef-element-value-dateTime .jax-dateTime-time:after, .JAX-MARKER .jax-simple-autocomplete:after {
	position: relative;
	font-family: 'Font Awesome 5 Pro';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}

/* overwrite old glyphicon rules*/
.JAX-MARKER .glyphicon-chevron-left:before {content: "\f355";}
.JAX-MARKER .glyphicon-chevron-right:before {content: "\f356";	left: 0px;	position: absolute; color: #fff;}
.JAX-MARKER .glyphicon-chevron-up:before {content: "\f062";}
.JAX-MARKER .glyphicon-chevron-down:before {content: "\f063";}

/* loader */
.JAX-MARKER #jax-session-timeout-progress #loading_indicator img {
	left: -225px !important;
	z-index: 9999 !important;
}

/*form layout*/
.JAX-MARKER .panel-body {padding: 0;}
/*.JAX-MARKER .jax-list-container.jax-focusable-list-control {max-width: 610px; margin-left: 15px;}*/
/*.JAX-MARKER .jax-isTable .jax-list-container.jax-focusable-list-control {max-width: 628px; margin-left: 15px;}*/
.JAX-MARKER .jax-list-container.jax-focusable-list-control .jax-list-container.jax-focusable-list-control {margin-left: 0;}
.JAX-MARKER .JAXFORMS-CONTAINER {margin: 0;}
.JAX-MARKER .JAXFORMS-CONTAINER .jax-editor-content,
.JAX-MARKER .JAXFORMS-CONTAINER .container-fluid,
.JAX-MARKER .JAXFORMS-CONTAINER .container-fluid .row,
.JAX-MARKER .jax-main-errors,
.JAX-MARKER .col-xs-1, .JAX-MARKER .col-sm-1,
.JAX-MARKER .col-md-1, .JAX-MARKER .col-lg-1,
.JAX-MARKER .col-xs-2, .JAX-MARKER .col-sm-2,
.JAX-MARKER .col-md-2, .JAX-MARKER .col-lg-2,
.JAX-MARKER .col-xs-3, .JAX-MARKER .col-sm-3,
.JAX-MARKER .col-md-3, .JAX-MARKER .col-lg-3, .JAX-MARKER .col-xs-4, .JAX-MARKER .col-sm-4, .JAX-MARKER .col-md-4, .JAX-MARKER .col-lg-4, .JAX-MARKER .col-xs-5, .JAX-MARKER .col-sm-5, .JAX-MARKER .col-md-5, .JAX-MARKER .col-lg-5, .JAX-MARKER .col-xs-6, .JAX-MARKER .col-sm-6, .JAX-MARKER .col-md-6, .JAX-MARKER .col-lg-6, .JAX-MARKER .col-xs-7, .JAX-MARKER .col-sm-7, .JAX-MARKER .col-md-7, .JAX-MARKER .col-lg-7, .JAX-MARKER .col-xs-8, .JAX-MARKER .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .JAX-MARKER .col-md-9, .JAX-MARKER .col-lg-9, .JAX-MARKER .col-xs-10, .JAX-MARKER .col-sm-10, .JAX-MARKER .col-md-10, .JAX-MARKER .col-lg-10, .JAX-MARKER .col-xs-11, .JAX-MARKER .col-sm-11, .JAX-MARKER .col-md-11, .JAX-MARKER .col-lg-11, .JAX-MARKER .col-xs-12, .JAX-MARKER .col-sm-12, .JAX-MARKER .col-md-12, .JAX-MARKER .col-lg-12,
.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .jax-fieldset .row {
	margin: 0; padding: 0;
}

.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .jax-paging-navigation div.jax-paging-flow .nav li {
	margin: -10px 0 0 !important;
}

.JAX-MARKER .form-group.follow { margin-top: -10px; margin-bottom: 14px;}
.JAX-MARKER .form-group.toleft .jax-amount {text-align: left!important;}

.JAX-MARKER .form-group .jax-complex-group-visualizer .jax-list-general {}

/*.JAX-MARKER .jax-3c.jax-3c-simple .jax-3c-middle {width: calc(100% - 15px); margin-left: 15px;}*/
.JAX-MARKER .form-group>label,
.JAX-MARKER .form-group div>div.jax-simple-visualizer-holder,
.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .form-group>.noHangingindent, .JAX-MARKER .jax-3c.jax-3c-simple .jax-3c-middle {margin-bottom: 8px;}

/* timer */
.JAX-MARKER #FORM_CONTAINER div.jax-timer-wrapper[style*='5px'] {margin: 0 4px 0 0!important; min-height: 33px;}


/* paging */
.JAX-MARKER .jax-paging-navigation {margin-top: 0! important;}
.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .jax-paging-navigation:before {bottom: 4px;}

.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form div[id*='bottom']:before {border: none; bottom: 0;}


.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .jax-paging-next-button {
	position: absolute; color: #fff;
	background-color: #5cb85c!important;
	border-color: #5cb85c!important;
	text-shadow: inherit;
	border-radius: 4px;
	width: 125px;
	left: 170px;
}

.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form li:first-child .jax-paging-next-button {
	left: 190px;
}

.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .jax-paging-previous-button {
	position: absolute;
	left: 25px;
}

.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .jax-paging-next-button .jax-paging-button-text { font-weight: 400;
	line-height: 1.4rem;
	font-size: 0.85rem;}
.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .jax-paging-next-button .glyphicon-chevron-right {float: left;}

.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .paging-navigation-control-next .jax-paging-button-text {
	margin-left: .25rem;
}

/*workaround extraLI */
.JAX-MARKER .jax-main-controls .extraLI {min-height: 30px; opacity: 0;}


	/* label */
.JAX-MARKER .jax-gridlayout-label-holder > .jax-mlabel {font-weight: normal;}
.JAX-MARKER label {width: 25% !important; float: left;}
.JAX-MARKER label+div {width:75%!important; float: left;}

.JAX-MARKER .jax-mlabel {white-space: break-spaces;}

/* required label  */
.JAX-MARKER .form-group.jax-fstate__isRequired > label,
.JAX-MARKER .form-group.jax-fstate__isRequired.jax-isBoolean-checkbox .jax-formdef-element-value-boolean {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYWxxdWVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI2LjQyOXB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYuNDI5IDYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYuNDI5IDYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZmlsbD0iI0U0MzIzNCIgZD0iTTMuNzk2LDB2Mi4yN2wyLjIyNi0wLjc2N2wwLjQwNiwxLjEyNUw0LjIwNCwzLjM1MmwxLjM3OCwxLjkyM0w0LjU3MSw2TDMuMjQsNC4wMDFMMS44ODgsNkwwLjg0Nyw1LjI3Ng0KCQlsMS4zOTgtMS45MjNMMCwyLjYyOGwwLjQwOS0xLjEzMmwyLjIwMywwLjc5NlYwSDMuNzk2eiIvPg0KPC9nPg0KPC9zdmc+DQo=);
	background-position: right 6px;
	background-repeat: no-repeat;
	background-size: 8px 8px;
	display: block;}

.JAX-MARKER .form-group.jax-fstate__isRequired.jax-isBoolean-checkbox .jax-formdef-element-value-boolean {
	background-position: 25% 0;
	min-height: 10px;
	z-index: 3;
}

.JAX-MARKER .jax-requiredfield {display:none;}

/* callout */
.JAX-MARKER .jax-callout, JAX-MARKER .jax-callout-info {
	padding: 0;
	background-color: transparent;
	border: none;
	position: relative;
	font-size: 0.85rem;
}


/* group sequentiel visible*/
.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .jax-fieldset {/*margin: 0 -16px 15px;*/ background-color: #f7f7f7;  border-bottom: 1px solid #ededed;}
.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .jax-fieldset legend {
	background-color: #ececec;
	color: black;
	font-weight: 600;
	padding: 7px 15px 5px;
	width: 100%;
	text-align: left;
	outline: none;
	font-size: 15px;
	border: none;
	padding-right: 38px;
	position: relative;
	margin-bottom: -1px;}

.JAX-MARKER .jax-caption-border span { font-weight: 600;}

.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .jax-fieldset .row:first-child {margin-top: 15px;margin-right:0}
.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .jax-fieldset .form-group.col-md-12 {margin-left: 15px; margin-right: 15px}
.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .jax-isTable .jax-fieldset .form-group.col-md-12 {margin-left: 0px; margin-right: 0px}

.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .jax-fieldset .form-group.col-md-12 {margin-left: -30px; margin-right: -15px; width: calc(100% + 20px);}

.JAX-MARKER .jax-fieldset-bordered {border: none; margin-bottom: 0;}

/* group FourCols */
.JAX-MARKER .FourCols .jax-inputfield {width: 100% !important;}
.JAX-MARKER .FourCols label {
	width: -moz-fit-content !important;
	width: fit-content !important;
	float: none;
	white-space: nowrap;
	padding-right: 16px;}

.JAX-MARKER .FourCols .radio-inline label {white-space: inherit;}

.JAX-MARKER .FourCols .checkbox label,
.JAX-MARKER .FourCols .radio label {
	white-space: inherit;
	display: block;
}

.JAX-MARKER .FourCols label+div {width: 100%!important;}

.JAX-MARKER .FourCols .jax-3c.jax-3c-simple .jax-3c-middle {margin-left: 0; width: calc(100% - 18px);}
.JAX-MARKER .FourCols .form-group:last-child:not(.jax-isBoolean) .jax-3c.jax-3c-simple .jax-3c-middle:not(.jax-radiobutton-group) {float:right;}
.JAX-MARKER .FourCols .jax-isBoolean.col-md-12.form-group:last-child .jax-3c.jax-3c-simple .jax-3c-middle {float:left;}
.JAX-MARKER .FourCols .form-group:last-child label {padding-left: 18px;}
.JAX-MARKER .FourCols .form-group:not(.col-md-12):last-child .jax-radiogroup-inline label {padding-left: 0px;}
.JAX-MARKER .FourCols .form-group:not(.col-md-12):last-child .jax-radiobutton-group {margin-left: 18px!important;}
.JAX-MARKER .FourCols .form-group .checkbox {margin-top: 0!important}
.JAX-MARKER .FourCols .form-group .checkbox label { padding-left: 0px!important }
.JAX-MARKER .FourCols .form-group .checkbox:last-child label  {padding-left: 16px!important }


.JAX-MARKER  .FourCols .form-group>label,
.JAX-MARKER  .FourCols .form-group div>div.jax-simple-visualizer-holder,
.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form  .FourCols .form-group>.noHangingindent {margin-bottom: 4px;}

.JAX-MARKER .FourCols h4, .JAX-MARKER .FourCols h3, .JAX-MARKER .FourCols p {padding-left: 17px; padding-bottom: 8px;}
.JAX-MARKER .FourCols p {padding-left: 15px;}

/* group collapsible */
.JAX-MARKER .jax-fieldset .jax-expand-collapse-button {width: 100%; font-size: inherit;padding: 1px 0;}
.JAX-MARKER .jax-fieldset .jax-expand-collapse-button .jax-expand-collapse-button-content {display:none;}
.JAX-MARKER .jax-fieldset .jax-expand-collapse-button:focus {outline: none;}
.JAX-MARKER .jax-fieldset .jax-expand-collapse-button:focus span {font-size: inherit; cursor: pointer;}

.JAX-MARKER button.jax-expand-collapse-button:after {
	content: "\f106";
	position: absolute;
	right: 0.5em;
	color: #515151;
	top: 0em;
	font-size: 2.5em;
	font-weight: 100;
	z-index:2;
}
.JAX-MARKER button.jax-expand-collapse-button[aria-expanded="true"]:after {
	-webkit-transition: transform 250ms ease-in-out; transition: transform 250ms ease-in-out;
	-webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);}

.JAX-MARKER button.jax-expand-collapse-button[aria-expanded="false"]:after {
	-webkit-transition: transform 250ms ease-in-out; transition: transform 250ms ease-in-out;
	-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}

/* form elements */
/* invisible field*/
.JAX-MARKER .jax-isInvisible-field {display:none;}

.JAX-MARKER .jax-inputfield,
.JAX-MARKER .select2-container--bootstrap .select2-selection--single,
.JAX-MARKER .select2-container--bootstrap.select2-container--focus .select2-selection,
.JAX-MARKER .select2-container--bootstrap.select2-container--open .select2-selection	{
	height: 26px;
	padding: 0 6px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	box-sizing: border-box;
	font-size: 1em;
}

.JAX-MARKER .jax-inputfield:focus,
.JAX-MARKER .select2-container--bootstrap.select2-container--focus .select2-selection:focus,
.JAX-MARKER .select2-container--bootstrap.select2-container--open .select2-selection:focus	{
	border-color: #777;
	outline: 0;
	box-shadow: inset 0 1px 1px rgb(0 0 0/8%), 0 0 8px rgb(119 119 119/60%);
}

/*radiobox checkbox*/

.JAX-MARKER .radio label, .JAX-MARKER .checkbox label {width: 100%!important; margin-bottom: 5px;}

.JAX-MARKER .radio-inline, .JAX-MARKER .checkbox-inline { width: auto!important; margin-right: 20px; margin-bottom: 5px;}
.JAX-MARKER .jax-radiogroup-vertical .radio {padding-left: 0.25rem !important;}
.JAX-MARKER .jax-radiogroup-inline .radio-inline:first-child {
	margin-left: -18px !important;
}
.JAX-MARKER .FourCols .jax-radiogroup-inline .radio-inline:first-child {
	margin-left: 0 !important;
}

.JAX-MARKER .checkbox:last-child, .JAX-MARKER .radio:last-child, .JAX-MARKER .radio-inline {margin-bottom: 0;}
.JAX-MARKER .FourCols .checkbox:last-child, .JAX-MARKER .FourCols .radio:last-child, .JAX-MARKER .FourCols .radio-inline {padding-left: 0.25rem;}
.JAX-MARKER .jax-isBoolean .jax-focusable-input {margin-left: 0!important;}
.JAX-MARKER .jax-isBoolean .jax-inline-help {margin-left: 42px;}
.JAX-MARKER .FourCols .jax-isBoolean.form-group:not(:first-child) .jax-inline-help {margin-left: 0px;}
.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .jax-fieldset .form-group.col-md-12 .jax-radiogroup-visualizer .jax-inline-help {margin-left: 18px!important;}
.JAX-MARKER .FourCols .jax-fieldset .form-group:not(.col-md-12).first-child .jax-inline-help {margin-left: 0px;}
.JAX-MARKER .jax-isBoolean .jax-formdef-element-value-boolean label, .JAX-MARKER .form-group .jax-radiogroup-inline label { width: calc(100% - 55px)!important; margin-left: 15px;}
.JAX-MARKER .FourCols .jax-fieldset .form-group.jax-isBoolean:first-child .jax-inline-help {margin-left: 0px;}

/*checkbox adresse verification and boolean-checkbox */
.JAX-MARKER .FourCols .jax-isCheckboxAddrVer, .JAX-MARKER .FourCols .jax-isBoolean-checkbox {width: calc(100% + 30px);margin: 0 -30px;}
.JAX-MARKER .jax-isCheckboxAddrVer label.noHangingindent, .JAX-MARKER .jax-isBoolean-checkbox .jax-formdef-element-value-boolean label  { width: calc(75% - 45px)!important; float:right;}
.JAX-MARKER .FourCols .jax-isCheckboxAddrVer label.noHangingindent, .JAX-MARKER  .FourCols .jax-isBoolean-checkbox label.noHangingindent  { width: 95%!important; float:right;}
.JAX-MARKER .FourCols .jax-isBoolean-checkbox label+div, .JAX-MARKER .FourCols .jax-isCheckboxAddrVer label+div {width: 5%!important; float:right;}
.JAX-MARKER .FourCols .jax-isCheckboxAddrVer label+div+div, .JAX-MARKER .jax-isBoolean-checkbox.FourCols label+div+div {margin-left: -16px;}
.JAX-MARKER .jax-isCheckboxAddrVer input.jax-formdef-element-value-addressVerification.jax-inputfield,
.JAX-MARKER .jax-isBoolean-checkbox input.jax-inputfield {width: auto!important;}
.JAX-MARKER .jax-isBoolean-checkbox input.jax-inputfield {margin-left: 15px;}

.JAX-MARKER .jax-isBoolean.jax-isBoolean-checkbox input.jax-boolean-checkbox {
	color: blue;
}

.JAX-MARKER .jax-isBoolean.jax-isBoolean-checkbox .jax-inline-help {
	margin-left: 192px;
}

.JAX-MARKER .jax-isBoolean.jax-isBoolean-checkbox input[type='checkbox'] {
	position: absolute;
	left: calc(25% + 4px);
}

.JAX-MARKER .jax-isBoolean.jax-isBoolean-checkbox .jax-focusable-input {}

/* checkbox adressverification */
.JAX-MARKER .jax-isCheckboxAddrVer div .jax-simple-visualizer-holder {
	margin-left: 18px;
}

/* select */
.JAX-MARKER select[multiple="multiple"] option {padding: 2px 10px; line-height: 26px!important;}
.JAX-MARKER select[multiple="multiple"] option:hover {color: #fff;background-color: #4392FC;}

/* bootstrap */
.JAX-MARKER .select2-container--bootstrap.select2-container--open {margin-left: -2px;}
.JAX-MARKER .select2-container--bootstrap .select2-selection,
.JAX-MARKER .select2-container--bootstrap .select2-dropdown	{border: 1px solid #ccc;}
.JAX-MARKER .select2-container .select2-selection,
.JAX-MARKER .select2.select2-container .select2-selection--single .select2-selection__arrow	{height: 26px;}
.JAX-MARKER .select2.select2-container .select2-selection--single .select2-selection__rendered {line-height: 26px; color: #555; padding: 0; font-family: 'Open Sans','Open Sans Local',Arial,sans-serif; position:relative;}
.JAX-MARKER .select2.select2-container .select2-selection--single .select2-selection__rendered:empty:before {
	content: "...";
	letter-spacing: 0.2rem;
	display: block;
	font-size: 12px;
	line-height: 25px;
}
.JAX-MARKER .jax-fstate__hasError .select2.select2-container .select2-selection--single .select2-selection__rendered:empty:before {display:none;}
.ftw-simplelayout-textblock .sl-block-content ul {margin: 0 8px 0 0;}
.JAX-MARKER .select2-container .select2-results__option {min-height: 26px; line-height: 26px; padding: 0 10px; font-size: 0.85rem!important;}
.JAX-MARKER .select2-results__option {padding: 0;}
.JAX-MARKER .select2-container .select2-results__option span {line-height: 26px; min-height: inherit; font-weight: 100;	padding: 0!important;}
.JAX-MARKER .select2-container .select2-results__option:hover,
.JAX-MARKER .select2-container--bootstrap .select2-results__option--highlighted,
.JAX-MARKER .select2-container--bootstrap .select2-results__option--highlighted[aria-selected]	{color: #fff;background-color: #4392FC;}
.JAX-MARKER .select2-container .select2-results__option:empty {display:none;}
.JAX-MARKER .select2-container--bootstrap .select2-results__option[aria-selected=true] {color: #fff;background-color: #4392FC ;}
.JAX-MARKER .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {left: -5px; margin-left: -4px; top: 13px; transform: scale(1.5);}

/* auto-complet */
.JAX-MARKER .jax-simple-autocomplete {position: relative;}
.JAX-MARKER .jax-simple-autocomplete .ui-autocomplete-input {background-image: none;}
.JAX-MARKER .jax-simple-autocomplete:after {position: absolute; content: "\f002"; right: 7px;top: 7px;color: #999;font-weight: 600;}

/* date - date-time */
.JAX-MARKER .jax-inputfield.jax-date-field, .JAX-MARKER .jax-formdef-element-value-dateTime .jax-dateTime-time .jax-timenow-indicator {background-image: none; margin:0; padding-left: 40px!important;position: relative; width: 8.5rem!important;}
.JAX-MARKER .jax-formdef-element-value-dateTime .jax-dateTime-time .jax-timenow-indicator {width: 6.5rem!important;}
.JAX-MARKER .jax-formdef-element-value-dateTime .jax-dateTime-date, .JAX-MARKER .jax-formdef-element-value-dateTime .jax-dateTime-time  {display:inline-block; position: relative;}
.JAX-MARKER .jax-formdef-element-value-date:before, .JAX-MARKER .jax-formdef-element-value-dateTime .jax-dateTime-date:before, .JAX-MARKER .jax-formdef-element-value-dateTime .jax-dateTime-time:before {content: " "; position: absolute; width: 30px; height: 26px; display:block; background-color: #e53134; z-index:1; border-radius: 4px 0px 0px 4px;}
.JAX-MARKER .jax-formdef-element-value-date:after {content: "\f073"; position: absolute; color: #fff; left: 1.4rem; top: 0.3rem;font-size: 1.05rem; font-weight: 100; z-index: 2;}
.JAX-MARKER .FourCols .col-md-6  .jax-formdef-element-value-date:after {left: 0.5rem}
.JAX-MARKER .jax-formdef-element-value-dateTime .jax-dateTime-date:after {content: "\f073"; position: absolute; color: #fff; left: 0.45rem; top: 0.3rem;font-size: 1.05rem; font-weight: 100; z-index: 2;}
.JAX-MARKER .jax-formdef-element-value-dateTime .jax-dateTime-time:after {content: "\f017"; position: absolute; color: #fff; left: 0.4rem; top: 0.3rem;font-size: 1.05rem;	font-weight: 100; z-index: 2;}
.JAX-MARKER .jax-isDatumzeit .jax-gridlayout-label-holder {width: 25% !important;float: left;}
.JAX-MARKER .jax-isDatumzeit .jax-gridlayout-label-holder+div {	width: 75%!important;float: left;}
.JAX-MARKER .jax-formdef-element-value-dateTime .jax-dateTime-time {margin-left: 0.75rem;}

.JAX-MARKER .form-group.jax-isDatumzeit.col-md-6:last-child {padding-left: 15px;}
.JAX-MARKER .FourCols .col-md-12.jax-isDatumzeit .noHangingindent.jax-gridlayout-label-holder {margin: 0 15px 4px!important;}
.JAX-MARKER .FourCols .jax-isDatumzeit .noHangingindent.jax-gridlayout-label-holder {width: 100%!important;}
.JAX-MARKER .FourCols div.jax-isDatumzeit:first-of-type :not(.col-md-12) .noHangingindent.jax-gridlayout-label-holder {margin-left: 0!important;}

.JAX-MARKER .FourCols .jax-isDatumzeit:not(.col-md-12):not(.col-md-6) .jax-dateTime-time {margin-left: 0!important;}
.JAX-MARKER .FourCols .jax-isDatumzeit .jax-gridlayout-label-holder+div {width: 100%!important;}
.JAX-MARKER .FourCols .jax-fieldset .jax-isTable .jax-fieldset .jax-formdef-element-value-date:after {left: 1.55rem;}
.JAX-MARKER .FourCols .jax-isDatumzeit.form-group:last-child:not(.col-md-12) .jax-3c.jax-3c-simple .jax-3c-middle {float: left;width: 100%;}

/*datepicker*/
.JAX-MARKER .jax-formdef-element-value-date .bootstrap-datetimepicker-widget, .JAX-MARKER .jax-dateTime-date .bootstrap-datetimepicker-widget  {min-height: 265px;}
.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .bootstrap-datetimepicker-widget ul li {margin-left: -5px;}
.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .bootstrap-datetimepicker-widget a[data-action] {padding: 0px 0;}
.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .bootstrap-datetimepicker-widget table td span, .JAX-MARKER .bootstrap-datetimepicker-widget table td {line-height: 30px; height: 30px;}
.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .bootstrap-datetimepicker-widget .timepicker table td span, .JAX-MARKER .bootstrap-datetimepicker-widget .timepicker table td {font-size: 1.25rem;}

.JAX-MARKER .bootstrap-datetimepicker-widget table td.today {border-radius: 4px; background: none; background-color:#e0e0e0!important;}
.JAX-MARKER .bootstrap-datetimepicker-widget table td.today:before {display: none;}
.JAX-MARKER .bootstrap-datetimepicker-widget table td.day.active {border-radius: 4px; background: none; background-color: #e1313c!important;}
.JAX-MARKER .bootstrap-datetimepicker-widget table td.day.active:hover {background-color: #aa2427!important;}

.JAX-MARKER .bootstrap-datetimepicker-widget .timepicker span.glyphicon:before {color: #2b2b2b;}
.JAX-MARKER .bootstrap-datetimepicker-widget .datepicker .glyphicon-chevron-left:before {content: "\f060"; font-size: 1.25rem;}
.JAX-MARKER .bootstrap-datetimepicker-widget .datepicker .glyphicon-chevron-right:before {content: "\f061"; font-size: 1.25rem;color: black;top: -18px;}

/* table - repetition of fields */
.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .jax-isTable .jax-fieldset {margin: 0 -62px 15px -18px;	}
.JAX-MARKER  .jax-isTable .jax-fieldset-bordered {border: none; margin-bottom: 0;}

.JAX-MARKER .jax-isTable p:empty {margin:0; padding: 0;}
.JAX-MARKER .jax-isTable .jax-serial-list-rowaction-area { position: relative; }
.JAX-MARKER .jax-isTable .jax-row-action-tablearea {
	position: absolute;
	top: 0;
	right: 1.5em;
	z-index: 2;
}

.JAX-MARKER .jax-isTable .jax-row-action-tablearea button.jax-list-action-delete {
	border-radius: 4px;
	color: #fff;
	background-color: #e1313c !important;
	border-color: #d01e29 !important;
}

.JAX-MARKER .jax-isTable .jax-row-action-tablearea button.jax-list-action-delete .fa-trash-alt:before {color: #fff; text-shadow: none;}

.JAX-MARKER .jax-isTable .jax-list-action-add {
	margin-left: 15px;
	color: #fff;
	background-color: #2980d1;
	border-color: #2980d1;
	text-shadow: inherit;
	border-radius: 4px;
	padding: 4px 10px;
	line-height: inherit;
	font-size: 14px;
}
.JAX-MARKER .jax-isTable .jax-list-action-add span.fa-plus {position: relative;}
.JAX-MARKER .jax-isTable .jax-list-action-add span.fa-plus:before {font-size: 1.25rem; font-weight: 100; position: absolute; top:-15px;}
.JAX-MARKER .jax-isTable .jax-list-action-add span.jax-btn-text {font-size: 0.85rem;margin-left: 1.5rem;}

.JAX-MARKER .jax-serial-list-header {
	padding-top: 0px;
	padding-bottom: 10px;
}

.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .form-group .jax-isTable .jax-formdef-element-value-table.jax-gridlayout-label-holder {
	width: 100%;
	margin-bottom: 20px!important;
}

/*table in group (fieldset in fieldset) */
.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .jax-fieldset .jax-isTable .jax-fieldset {
	margin: 0px -58px 15px 1px;
}

.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .jax-fieldset .jax-isTable .jax-fieldset .form-group.col-md-12 {
	margin-left: -5px;
	margin-right: 15px;
	width: 100%;
}

/* fileupload */

.JAX-MARKER .JAXFORMS-CONTAINER .form-group.jax-isFileupload form {
	margin-left: 0!important;
}

.JAX-MARKER .jax-file-upload .form-group {
	width: 100%;
	margin-top: -10px;
}

.JAX-MARKER .FourCols.jax-file-upload .form-group {
	width: calc(100% - 30px);
	margin-top: -10px;
}

.JAX-MARKER .jax-formdef-element-value-fileUpload .jax-callout {
	margin: 0 -5px;
}

.JAX-MARKER .jax-file-upload-info {border: none!important;}
.JAX-MARKER .jax-file-dragzone-info {
	border: 2px dotted #49a749;
	margin-top: 5px;
	padding: 5px;
}

.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .jax-isFileupload.jax-fstate__hasError.form-group {
	width: 100%;
	margin: 0 0 0 -30px !important;
}

.JAX-MARKER .jax-fileupload-preview {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 4px;
	height: 26px;
	position: relative;
}

.JAX-MARKER .jax-fileupload-preview .btn-group	{position: absolute; width: 80px; right: -12px;}
.JAX-MARKER .jax-fileupload-filename {
	display: block;
	padding: 2px 10px;
	width: calc(100% - 75px);
	float: left;
	overflow: hidden;
	height: 24px;
	text-overflow: ellipsis;
}

.JAX-MARKER .jax-formdef-element-value-fileUpload form .form-group .jax-fileupload-preview .btn-group .btn.btn-default {
	background-color: #2980d1;
	border-color: #2980d1;
	text-shadow: inherit;
	border-radius: 4px;
	height: 24px;
	position: relative;
	width: 30px;
	margin-left: 5px;
}

.JAX-MARKER .jax-formdef-element-value-fileUpload form .form-group .jax-fileupload-preview .btn-group .btn.btn-default .fa-download, .JAX-MARKER .jax-formdef-element-value-fileUpload form .form-group .jax-fileupload-preview .btn-group .btn.btn-default .fa-times {
	color: #fff!important;
	top: 6px;
	left: 10px;
	position: absolute;
}
.JAX-MARKER .jax-formdef-element-value-fileUpload form .form-group .jax-fileupload-preview .btn-group .btn.btn-default .fa-download {
	left: 8px;
}
.JAX-MARKER .glyphicon-folder-open:before {
	content: "\f07c";
	font-size: 1.25em;
	font-weight: 600;
	text-shadow: none!important;
}


/* rating */
.JAX-MARKER .jax-formdef-element-value-starRating img {width: 25px; margin-right: 5px;}
.JAX-MARKER .jax-formdef-element-value-starRating {width: auto; display: inline-block; margin-top: -2px;}


/* help */
.JAX-MARKER .jax-inline-help {color: #777; padding-top: 4px;}

/* timer */
.JAX-MARKER #FORM_CONTAINER div[style*='5px'] {margin: 0!important;}
.JAX-MARKER #jax-session-timeout-progress .slice	{
	display:none;
}

.JAX-MARKER #jax-session-timeout-progress .c100,
.JAX-MARKER #jax-session-timeout-progress .c100:after { background: transparent; border-radius: inherit; height: inherit; width: auto; font-size: 0.85rem;}

.JAX-MARKER #jax-session-timeout-progress .c100 > span#jax-session-timeout-container {width: auto; line-height: inherit; font-size: 1em; position: relative; color: #fff; background-color: #e53134; padding: 0.5em 3em 0.5em 50px;}
.JAX-MARKER #jax-session-timeout-progress .c100 > span#jax-session-timeout-container:before {content: "Timer: "; position: absolute; left: 0.5em; top: 0.5em;}
.JAX-MARKER #jax-session-timeout-progress .c100 > span#jax-session-timeout-container:after {
	content: "\f106"; position: absolute; right: 0.5em; top: 0.15em; font-size: 1.75em; font-weight: 100;

	-webkit-transition: -webkit-transform 250ms ease-in-out;
	-webkit-transition: transform 250ms ease-in-out;
	transition: transform 250ms ease-in-out;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.JAX-MARKER .jax__expanded #jax-session-timeout-progress .c100 > span#jax-session-timeout-container:after {
	-webkit-transition: -webkit-transform 250ms ease-in-out;
	-webkit-transition: transform 250ms ease-in-out;
	transition: transform 250ms ease-in-out;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

/* timer popover */
.JAX-MARKER .popover.bottom {
	max-width: inherit;
	margin-top: 10px;
	width: 65%;
	margin-left: -25%;
	background-color: rgba(250,241,227,1);
}

/* timer neu */
.JAX-MARKER #showtimeoutinfo {padding: 0; border: none; background-color:transparent;}
.JAX-MARKER #showtimeoutinfo .buttonstyle {margin-top: 35px;background-color: #e53134; text-align: left;}
.JAX-MARKER #showtimeoutinfo .buttonstyle span.text { padding: 20px 20px 20px 75px; color: black;}
.JAX-MARKER #showtimeoutinfo .buttonstyle:before { color: #fff;}

.JAX-MARKER #showtimeoutinfo:focus  {outline: -webkit-focus-ring-color auto 1px;}
.JAX-MARKER #showtimeoutinfo.jax__expanded:focus  {outline: -webkit-focus-ring-color auto 0px;}
.JAX-MARKER #jax-session-timeout-progress .c100 {width: 120px;}
.JAX-MARKER #showtimeoutinfo #jax-session-timeout-progress_text {
	display: inline-block;
	float: left;
	border: 1px solid rgba(0, 0, 0, 0.5);
	padding: 5px;
	position: absolute;
	top: 42px;
	right: -4px;
	width: 250%;
	background-color: white;
	z-index: 6;
}
.JAX-MARKER #showtimeoutinfo #jax-session-timeout-progress_text:before {
	content: "\f0d8";
	position: absolute;
	color: #fff;
	font-size: 2rem;
	top: -20px;
	right: 6px;
	font-weight: 600;
	text-shadow: 0px -2px rgb(0 0 0 / 50%);}

.JAX-MARKER #showtimeoutinfo #jax-session-timeout-progress_text p {
	font-size: 0.75rem;
	margin: 0;
	text-align: left!important;}

/* ------ ausblenden altes popover ------- */
.JAX-MARKER .popover.bottom {display:none!important;}

/* error infomation-warning */
.JAX-MARKER .jax-inputfield.jax-error-border-incomplete, .JAX-MARKER .jax-radiogroup-vertical.jax-error-border-incomplete, .JAX-MARKER .jax-radiogroup-inline.jax-error-border-incomplete, .JAX-MARKER .jax-radiogroup.jax-error-border-incomplete, .JAX-MARKER .jax-list-holder-div.jax-error-border-incomplete, .JAX-MARKER .jax-checkbox-group.jax-error-border-incomplete, .JAX-MARKER .jax-inputfield.jax-error-border-error,
.JAX-MARKER .jax-error-border-incomplete .select2-container--bootstrap.select2-container--focus .select2-selection,
.JAX-MARKER .jax-error-border-incomplete .select2-container--bootstrap .select2-selection--single {
	border: 1px solid #e1313c;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	background-color: #feff9e;
	border-radius: 4px;
	padding: 0.5rem;
}

.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .jax-fieldset .form-group.col-md-12.jax-fstate__hasError {width: 100%;}
.JAX-MARKER .jax-radiogroup-inline.jax-error-border-incomplete, .JAX-MARKER .jax-radiogroup.jax-error-border-incomplete, .JAX-MARKER .jax-list-holder-div.jax-error-border-incomplete { margin-left: 0px;	padding-left: 10px!important;	width: 100%;}
.JAX-MARKER .FourCols .jax-radiogroup-inline.jax-error-border-incomplete, .JAX-MARKER .FourCols .jax-radiogroup.jax-error-border-incomplete, .JAX-MARKER .FourCols .jax-list-holder-div.jax-error-border-incomplete { margin-left: 18px;width: calc(100% - 6px);}
.JAX-MARKER .col-md-6.simple .jax-radiogroup-inline.jax-error-border-incomplete, .JAX-MARKER .col-md-6.simple .jax-radiogroup.jax-error-border-incomplete, .JAX-MARKER .col-md-6.simple .jax-list-holder-div.jax-error-border-incomplete { margin-left: 0px;width: calc(100% - 6px);}
.JAX-MARKER .FourCols .col-md-12 .jax-radiogroup-inline.jax-error-border-incomplete, .JAX-MARKER .FourCols  .col-md-12 .jax-radiogroup.jax-error-border-incomplete, .JAX-MARKER .FourCols .col-md-12 .jax-list-holder-div.jax-error-border-incomplete {padding-left: 0!important;}
.JAX-MARKER .FourCols .col-md-12 .jax-radiogroup-inline.jax-error-border-incomplete .checkbox:last-child, .JAX-MARKER .FourCols  .col-md-12 .jax-radiogroup-inline.jax-error-border-incomplete .radio:last-child, .JAX-MARKER .FourCols .col-md-12 .jax-radiogroup-inline.jax-error-border-incomplete .radio-inline {padding-left: 0!important;margin-left: -3px!important;}
.JAX-MARKER .jax-inputfield.jax-error-border-incomplete {padding:inherit;}
.JAX-MARKER .jax-error-border-incomplete .radio {padding-left: 1.75rem;}

.JAX-MARKER .jax-error-field-area {color: #e1313c !important; font-size: 0.85rem; font-weight: normal;padding-left: 18px; margin-bottom: 15px;}
.JAX-MARKER .jax-error-field-area:empty {display:none!important;}
.JAX-MARKER .FourCols .form-group:first-child:not(.col-md-12) .jax-error-field-area {padding-left: 0; display: inline-flex;}
.JAX-MARKER .FourCols .jax-isTable .form-group:first-child:not(.col-md-12) .jax-error-field-area {padding-left: 18px;}
.JAX-MARKER .FourCols .jax-isTable .jax-fstate__hasError.form-group:after {right: -1.5rem;}
.JAX-MARKER .FourCols .jax-isTable .jax-fstate__hasError.form-group:first-child:after {right: -2.5rem;}
.JAX-MARKER .jax-error-incomplete i {display:none;}
.JAX-MARKER .form-group.jax-fstate__hasError {margin-right: 30px;}
.JAX-MARKER .col-md-6.form-group.jax-fstate__hasError:first-child {width: calc(50% - 40px);}
.JAX-MARKER .col-md-9.form-group.jax-fstate__hasError:first-child {width: calc(75% - 40px);}
.JAX-MARKER fieldset .form-group.jax-fstate__hasError {margin-right: 40px!important;}
.JAX-MARKER .form-group.jax-fstate__hasError:after {content: "\f06a"; color: #e1313c; position: absolute; right: -2rem; top: 0rem; font-size: 1.75em; font-weight: 700!important;}
.JAX-MARKER .jax-fstate__hasError.form-group:first-child:after {right: -1rem;}
.JAX-MARKER .jax-fstate__hasError.col-md-12.form-group:first-child:after {right: -2rem;}
.JAX-MARKER .jax-error-field-area.jax-error-field-area-info-ok { background-color: #5cb85c; color: #fff!important;padding: 5px;margin-left: 15px;}
.JAX-MARKER .jax-error-field-area.jax-error-field-area-info-nok { background-color: #e1313c; color: #fff!important;padding: 5px;margin-left: 15px;}
.JAX-MARKER .form-group.jax-isFileupload.jax-fstate__hasError:after {display: none;}
.JAX-MARKER .form-group.jax-isDatumzeit.col-md-6.jax-fstate__hasError:last-child {padding-left: 35px;}

.JAX-MARKER .jax-isDatum .jax-inputfield.jax-error-border-incomplete, .JAX-MARKER .jax-isDatumzeit .jax-inputfield.jax-error-border-incomplete {padding-left: 2.5rem;}
.JAX-MARKER .FourCols .jax-isDatumzeit.jax-fstate__hasError.form-group:last-child:not(.col-md-12) .jax-error-field-area {padding-left: 0;}
.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .form-group.jax-isDatumzeit.jax-fstate__hasError>.noHangingindent {margin-bottom: 4px;}

.JAX-MARKER .form-group.jax-fstate__hasError>label, .JAX-MARKER .form-group.jax-fstate__hasError div>div.jax-simple-visualizer-holder, .JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .form-group.jax-fstate__hasError>.noHangingindent, .JAX-MARKER .jax-fstate__hasError .jax-3c.jax-3c-simple .jax-3c-middle {
	margin-bottom: 0;
}

.JAX-MARKER .form-group.jax-fstate__hasError .fa-stack.jax-error-error i {display:none;}

/*error on top */
.JAX-MARKER .panel-danger {padding-left: 15px; margin-top: 10px;padding-bottom: 1px;}
.JAX-MARKER .panel-danger, .JAX-MARKER .panel-danger > .panel-heading {border:none; color: #fff; background-color: #e53134;background-image: none;}
.JAX-MARKER .jstree-children {font-size: 0.85rem;}
.JAX-MARKER .jax-tree a:link {color: #fff; padding: 0 0 0 20px;}
.JAX-MARKER .jax-tree a:link:before {content: "\f45c"; color: #fff; position: absolute; left: 0.1rem;top: 0.5rem;font-size: 0.4em;font-weight: 600!important;}
.JAX-MARKER .jstree-default .jstree-hovered {background-color: #b10204 !important; text-decoration: underline;}
.JAX-MARKER .panel-heading, .JAX-MARKER .jax-tree [class^='jax-error-'], .JAX-MARKER .jax-error-tree, .JAX-MARKER .jax-error-tree ul li {padding: 0!important;margin: 0!important;}
.JAX-MARKER .panel-heading button.close, .JAX-MARKER .panel-heading .jax-expand-collapse-button-content, .JAX-MARKER .panel-danger .jstree-default .jstree-leaf > .jstree-ocl {display:none;}
.JAX-MARKER .panel-danger .panel-heading .jax-expand-collapse-button {
	color: #fff;
	border: 0;
	background: transparent;
	text-align: left;
	font-size: 0.85rem;
	width: 100%;
	font-weight: 100;
	padding-left: 50px;
	background-image: url(./_images/eclair.svg);
	background-repeat: no-repeat;
	background-size: 25px auto;
	background-position: 5px 5px;
	min-height: 50px;
}

.JAX-MARKER .jax-error-tree { margin-left: 50px!important;}
.JAX-MARKER .panel-danger button.jax-expand-collapse-button:after {top: 10px; color: #fff;}
.JAX-MARKER .panel-danger .jstree-default .jstree-node, .JAX-MARKER .panel-danger .jstree-default .jstree-icon {background-image: inherit;}

/* checkboxen NEU*/
.JAX-MARKER input[type="checkbox"], .JAX-MARKER input[type="radio"] {opacity: 0; z-index: 1;}
.JAX-MARKER input[type="checkbox"] + span {
	display: inline-block;
	width: 17px;
	height: 17px;
	margin: 1px 7px 0 0;
	vertical-align: middle;
	background-image: url("./_images/check_radio_sheet.svg");
	background-position: 1px 0;
	background-repeat: no-repeat;
	cursor: pointer;
	position: absolute;
	left: -2px;
}

.JAX-MARKER input[type="radio"] + span {
	display: inline-block;
	width: 17px;
	height: 17px;
	margin: 1px 7px 0 0;
	vertical-align: middle;
	background-image: url("./_images/check_radio_sheet.svg");
	background-repeat: no-repeat;
	background-position: -39px 0;
	cursor: pointer;
	position: absolute;
	left: 15px;
}

.JAX-MARKER .jax-isBoolean input[type="radio"] + span,
.JAX-MARKER .FourCols .form-group:not(.col-md-12):last-child .jax-radiogroup-inline label input[type="radio"] + span {
	left: -2px;
}

.JAX-MARKER .jax-isBoolean-checkbox input[type="checkbox"] + span {
	left: calc(25% + 16px)
}

.JAX-MARKER .jax-isBoolean-checkbox.jax-fstate__isRequired input[type="checkbox"] + span {
	left: calc(25% + 16px);
	/*z-index: 3;*/
}

.JAX-MARKER .form-group.col-md-12.jax-isBoolean:first-child input[type="radio"] + span {
	left: 15px
}

.JAX-MARKER input[type="checkbox"]:checked + span {
	background-position: -19px 0;
}
.JAX-MARKER input[type="radio"]:checked + span {
	background-position: -59px 0;
}

/* top paging */
.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .jax-paging-navigation div.jax-paging-flow .nav li .jax-pill {
	background-color: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	line-height: 2rem;
	width: auto;
	height: auto;
	font-size: 22px !important;
	padding: 0 5px !important;
	margin: 0 11px !important;
}

/* buttons - navigation */
.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .jax-paging-navigation {margin-left: 0;margin-top: 0!important;position: relative;}
.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .jax-paging-navigation.jax-invisible-field {display:block!important;}
.JAX-MARKER .pager.jax-paging-navigation-controls {width: 300px; position: absolute; left: 0; z-index: 1;}
.JAX-MARKER .pager.jax-paging-navigation-controls li {width: 50%; margin:0;}
.JAX-MARKER .pager.jax-paging-navigation-controls li.paging-navigation-control-next {text-align: right;}
.JAX-MARKER .pager.jax-paging-navigation-controls li+li.paging-navigation-control-next {margin-left: 10px;}
.JAX-MARKER .pager.jax-paging-navigation-controls li.paging-navigation-control-next:first-child {width: 100%;  left: 5px;}

.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .jax-paging-navigation-controls a,
.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .jax-paging-controls a {
	border-color: #999;
	border-radius: 4px!important;
	background-color: #fff;
	padding: 3px 10px;
	margin-left: -10px;
	z-index: 2;
}

.JAX-MARKER .jax-paging-navigation .jax-paging-navigation-controls > li > a:hover {background-color: #ededed;}

.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .jax-paging-navigation-controls a span.glyphicon {font-size: 20px; color: #999; font-weight: 600;}

.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .jax-main-controls {
	position: relative;
	left: -180px;
	bottom: 15px;
}

.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .paging-navigation-control-next .jax-paging-button-text {margin-right: 1.8rem;}
.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .jax-main-controls .btn[id*='Action_save'] .jax-btn-label,
.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .jax-main-controls .btn[id*='WithReceiptAction'] .jax-btn-label {margin-left: 0.2rem;}

.JAX-MARKER .jax-main-controls li:last-child {position:absolute; right: 140px;}

.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .jax-main-controls .btn {
	padding: 0 8px 0 20px;
	line-height: 28px;
	border-color: #5cb85c;
	width: 125px;
	z-index: 2;
}

.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .jax-main-controls button[id*='Action_submit'] .jax-btn-label {
	margin-left: 0.2rem;
}

.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .jax-main-controls .btn:hover {
	background-color: #4f9e4f !important;
	border-color: #438643 !important;
}
.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .jax-main-controls .btn[id*='Action_save'],
.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .jax-main-controls .btn[id*='WithReceiptAction'] {
	background-color: #2980d1!important;
	border-color: #2980d1!important;
	text-decoration: none;
	border-color: #2980d1;
}

.JAX-MARKER .btn[id*='Action_save'] .fa-save:before,
.JAX-MARKER .btn[id*='WithReceiptAction'] .fa-save:before {color: #fff!important; font-size: 1rem;}

.JAX-MARKER .fa-paper-plane:before, .JAX-MARKER .JAX-FORM-ACTION-save:before,
.JAX-MARKER .btn[id*='Action_save'] .fa-save:before,
.JAX-MARKER .btn[id*='WithReceiptAction'] .fa-save:before {
	font-weight: 600!important;
	font-size: 16px;
	color: #fff!important;
	position: absolute;
	left: 8px;
	top: 6px;
}

.JAX-MARKER .JAX-FORM-ACTION-save:before {content: "\f0c7";}

/* preview table */
div[id*=rootPrevie] { margin-bottom: 2rem; /*margin: auto -16px;width: calc(100% + 30px);*/}
.jax-preview-table td {vertical-align: top;color: #000;padding: 0.5rem 0 0 !important}
.jax-preview-table thead tr {border-top: 1px solid #999;}
.jax-preview-table tr tr { border-bottom: 1px solid #999; }
.jax-wizard-form .jax-preview-table {margin: 0 0 0.5rem 0!important;}
.jax-preview-table td[colspan='2'].jax-group-header {padding: 0 0 0.5rem 0!important;background-color: #f7f7f7!important; border-bottom: 1px solid #ececec!important}
.jax-preview-table thead th[colspan='2'] {width: 100%;color: #e1313c;}
.jax-wizard-form .jax-preview-table th.jax-th-first {width: 30%;text-align: left; color: #666;}

.jax-preview-table th {padding: 0.5rem 0.5rem 0 10px;text-indent: 0;	font-weight: normal; }

div[id*=rootPrevie] h2 {
	background-color: #ececec;
	color: black!important;
	font-weight: 600;
	padding: 7px 15px 5px 10px;
	width: 100%;
	text-align: left;
	font-size: 15px!important;
	border: none;
}

div[id*=rootPrevie] h2:first-child {margin-top: 0!important;}

.jax-preview-table tr, .jax-preview-table tbody, .jax-preview-table .jax-serial-list-content-area, .jax-preview-table .jax-list-header {border: none!important;}

.jax-preview-table .jax-list-header {min-height: 25px;height: auto;}

/* checkout - confirmation box*/
.confirmationDiv {
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-font-smoothing: antialiased;
	--kpxc-sidebar-background-color: #27272a;
	--kpxc-background-color: #3b3b3d;
	--kpxc-card-background-color: #2b2a2a;
	--kpxc-card-border-color: #292a2a;
	--kpxc-card-header-color: #27272a;
	--kpxc-container-border: 1px solid #000;
	--kpxc-input-active-border-color: #2b4d1a;
	--kpxc-input-background-color: #27272a;
	--kpxc-input-border: 1px solid #2b4d1a;
	--kpxc-input-border-color: #292a2a;
	--kpxc-input-main-border-color: #3b3d3c;
	--kpxc-link-color: #6cac4d;
	--kpxc-link-hover-color: #429f14;
	--kpxc-table-border-color: #a0a0a0;
	--kpxc-table-hover-color: #474948;
	--kpxc-table-odd-color: #3b3d3c;
	--kpxc-text-color: #cbcfcb;
	line-height: 1.42857143;
	font-weight: 400;
	border-collapse: collapse;
	box-sizing: border-box;
	padding: 15px;
	border: none;
	border-radius: 0;
	font-size: 1.4em;
	text-shadow: none;
	color: #fff;
	background-color: #5cb85c;
	background-repeat: no-repeat;
	padding-left: 105px;
	min-height: 70px;
	background-size: 44px 44px;
	padding-top: 0;
	padding-bottom: 0;
	box-shadow: none;
	background-image: url("./_images/success-badge.svg");
	background-position: 28px 40px;
	margin-bottom: 0;
}
.confirmationDiv a, .confirmationDiv a:link, .confirmationDiv a:hover, .confirmationDiv a:visited, .confirmationDiv a:focus { color: #004F00 !important; }

/*special elements */

/* map */
.JAX-MARKER .jax-map-lausanne {
	width: 100%;
	height: 680px;
	margin-bottom: 25px;
}

/* portal dialogboxes bootstrap */
.JAX-MARKER .modal-dialog {font-family: 'Open Sans','Open Sans Local',Arial,sans-serif;}
.JAX-MARKER .modal-content {border-radius: 0;}
.JAX-MARKER .modal-header {padding: 10px 15px;}
.JAX-MARKER .bootstrap-dialog.type-default .bootstrap-dialog-title {
	color: #000;
	font-size: 1.05rem;
	font-weight: 600;
}
.JAX-MARKER .jax-popup-content-holder-area {padding: 0;}
.JAX-MARKER .modal-body {padding: 15px;}
.JAX-MARKER .bootstrap-dialog .bootstrap-dialog-message div p { font-size: 1rem;}
.JAX-MARKER .modal-footer {
   margin-top: 0px;
   padding: 0px 20px 15px;
   text-align: right;
   border-top: none;
}
.JAX-MARKER .modal-footer #okDialog, .JAX-MARKER .modal-footer #cancelDialog {
	border-radius: 6px;
	font-size: 1rem;
	font-weight: normal!important;
	padding: 8px 15px;
	margin-left: 10px;
}
.JAX-MARKER .modal-footer #okDialog {
	color: #fff;
	background-color: #5cb85c;
	border-color: #5cb85c;
}
.JAX-MARKER .modal-footer #cancelDialog {
	color: #999;
	border-color: #999;
}
.JAX-MARKER .modal-footer #cancelDialog:hover {
	color: #000;
	background-color: #fff;
	border-color: #000;
}

/* reset bootstrap 970 breakpoint */
@media (min-width: 640px) and (max-width: 969px) {
	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .jax-fieldset .form-group.col-md-12 {
		margin-left: -15px;
		margin-right: -15px;
		width: calc(100% + 15px);
		float: left;
	}
	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .col-md-9 {width: 73.5%; float:left; margin-left: 1.5%;}
	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .col-md-6 {width: 48.5%; float:left; margin-left: 1.5%;}
	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .col-md-3 {width: 23.5%; float:left; margin-left: 1.5%;}
	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .col-md-9:first-child,
	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .col-md-6:first-child,
	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .col-md-3:first-child {margin-left:0;}
	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .col-md-9:last-child {width: 75%; margin-left: 1.5%;}
	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .col-md-6:last-child {width: 50%; margin-left: 1.5%;}
	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .col-md-3:last-child {width: 25%; margin-left: 1.5%;}

	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .col-md-9.jax-fstate__hasError:last-child {width: calc(75% - 45px); margin-left: 1.5%;}
	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .col-md-6.jax-fstate__hasError:last-child {width: calc(50% - 45px); margin-left: 1.5%;}
	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .col-md-3.jax-fstate__hasError:last-child {width: calc(25% - 45px); margin-left: 1.5%;}

	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .jax-fieldset .form-group.col-md-12.jax-fstate__hasError {padding-left:0px!important;}

	/*reset lausanne.ch settings*/
	.paragraph .JAX-MARKER .col-md-3:first-child,
	.paragraph .JAX-MARKER .col-md-6:first-child,
	.paragraph .JAX-MARKER .col-md-9:first-child,
	.paragraph .JAX-MARKER .col-md-12:first-child {margin-bottom: 0;}
}

/* reset jaxforms with */
/*@media (min-width: 639px) and (max-width: 969px) {
	.JAX-MARKER {
		min-width: 640px;
		margin: 0 0 0 15px;
	}
}*/


@media (max-width: 639px)  {

	.JAX-MARKER .form-group.col-md-12.jax-isBoolean-checkbox {
		padding: 0 10px
	}

	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .jax-isFileupload.jax-fstate__hasError.form-group {
		margin-left: -15px !important;
	}

	.JAX-MARKER .jax-error-field-area.jax-error-field-area-info-ok,
	.JAX-MARKER .jax-error-field-area.jax-error-field-area-info-nok {
		margin-left: 0;
	}

	/*.JAX-MARKER {max-width: 300px;margin: 0 0 0 15px;}*/
	/*.JAX-MARKER .jax-list-container.jax-focusable-list-control {width: 270px;}*/
	/*.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .jax-fieldset { max-width: 300px;}*/

	/* loader */
	.JAX-MARKER #jax-session-timeout-progress #loading_indicator img {
		left: -150px !important;
	}

	.JAX-MARKER label {
		width: auto!important;
		float: none;
		display: inline-block!important;
		padding-right: 15px;
	}

	.JAX-MARKER .jax-inputfield, .JAX-MARKER .select2-container--bootstrap .select2-selection--single, .JAX-MARKER .select2-container--bootstrap.select2-container--focus .select2-selection, .JAX-MARKER .select2-container--bootstrap.select2-container--open .select2-selection {
		z-index: 1;
	}

	.JAX-MARKER .jax-formdef-element-value-date:before, .JAX-MARKER .jax-formdef-element-value-dateTime .jax-dateTime-date:before, .JAX-MARKER .jax-formdef-element-value-dateTime .jax-dateTime-time:before {
		z-index: 2;
	}

	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .jax-step__text {
		display: none!important;
	}
	.JAX-MARKER label+div {width: 100%!important; float: none;}

	.JAX-MARKER .jax-gridlayout-label-holder, .JAX-MARKER .jax-isDatumzeit .jax-gridlayout-label-holder  { width: auto !important;}

	.JAX-MARKER .jax-formdef-element-value-dateTime .jax-dateTime-time {margin-left: 0; margin-top: 10px;		}

	.JAX-MARKER .jax-3c.jax-3c-simple .jax-3c-middle {width: 100%!important; margin-left: 0px!important;}

	.JAX-MARKER .radio-inline, .JAX-MARKER .checkbox-inline,
	.JAX-MARKER .radio-inline + .radio-inline, .JAX-MARKER .checkbox-inline + .checkbox-inline {margin-left: 5px;
		display: block; width: 100%!important;}

	.JAX-MARKER .checkbox:last-child, .JAX-MARKER .radio:last-child, .JAX-MARKER .radio, .JAX-MARKER .checkbox {	padding-left: 16px;}

	.JAX-MARKER .radio-inline, .JAX-MARKER .JAX-MARKER .checkbox-inline, .JAX-MARKER .jax-checkbox-group {float: none;}

	.JAX-MARKER .jax-radiogroup-vertical .radio {
		padding-left: 4px;
	}
	.JAX-MARKER .jax-radiogroup-vertical .radio .jax-radiobutton-label-text {
		display: inline-block;
	}

	.JAX-MARKER .jax-isCheckboxAddrVer label.noHangingindent, .JAX-MARKER .jax-isBoolean-checkbox label.noHangingindent {
		width: calc(100% - 24px)!important;
	}

	.JAX-MARKER .FourCols .form-group:not(.jax-isBoolean):not(:first-child) .jax-3c.jax-3c-simple .jax-3c-middle:not(.jax-radiobutton-group) {
		padding-left: 15px!important;
	}

	.JAX-MARKER .FourCols .form-group.col-md-6:not(.jax-isBoolean):not(:first-child) .jax-radiobutton-group {
		padding-left: 15px!important;
	}

	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .jax-fieldset .col-md-12:not(.jax-isBoolean) label+div {
		padding-left: 15px!important;
	}

	.JAX-MARKER .form-group.col-md-6:last-child, .JAX-MARKER .form-group.col-md-9:last-child {
		margin-left: -18px;
		width: 100%;
	}

	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .jax-fieldset .form-group.col-md-12,
	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .jax-fieldset .form-group.col-md-9,
	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .jax-fieldset .form-group.col-md-6,
	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .jax-fieldset .form-group.col-md-3 {
		margin-left: -17px;
		margin-right: -15px;
		width: 100%;
		float:left;
		margin-bottom: 0 !important;
	}

	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .jax-fieldset .form-group.col-md-12:last-child,
	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .jax-fieldset .form-group.col-md-9:last-child,
	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .jax-fieldset .form-group.col-md-6:last-child {
		width: calc(100% + 15px);
		position: relative;
		left: 0;
	}

	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .jax-fieldset .form-group.col-md-3 {
		width: 65%;
	}

	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .jax-fieldset .form-group.col-md-3:first-child {
		margin-left: 0;
	}

	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .jax-fieldset .form-group.col-md-9:first-child,
	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .jax-fieldset .form-group.col-md-6:first-child {margin-left:0;}
	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .col-md-3 {
		width: 49%;
		float: left;
		margin-left: 1%;
	}

	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .jax-fieldset .form-group.col-md-12.jax-isCheckboxAddrVer {
		margin-left: -20px;
	}

	.JAX-MARKER .jax-isCheckboxAddrVer input.jax-formdef-element-value-addressVerification.jax-inputfield {
		left: -255px;
		position: relative;
		top: -43px;
	}

	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .jax-isCheckboxAddrVer.form-group>.noHangingindent span.jax-mlabel {
		padding-left: 5px;
		display: inline-block;
	}

	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .col-md-3:first-child {
		margin-left: 0;
	}

	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .col-md-3:last-child {
		width: 50%;
		margin-left:-15px;
	}

	/*.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .col-md-12.jax-isTable .col-md-3 {float:none!important;}*/
	.JAX-MARKER .col-md-12.jax-isTable .jax-list-container.jax-focusable-list-control {width: 255px;}
	.JAX-MARKER .FourCols .col-md-12.jax-isTable .jax-list-container.jax-focusable-list-control {width: 275px;}
	.JAX-MARKER .col-md-12.jax-isTable .jax-list-container.jax-focusable-list-control .col-md-3:first-child label {margin-left: 0!important;}
	.JAX-MARKER .col-md-12.jax-isTable .jax-list-container.jax-focusable-list-control .col-md-3 label {margin-left: 13px!important;}

	.JAX-MARKER .col-md-12.jax-isTable  .jax-3c.jax-3c-simple .jax-3c-middle {
		width: calc(100% - 20px)!important;
		margin-left: 0px!important;
		margin-right: 20px;
	}

	.paragraph .col-md-6:first-child {
		margin-bottom: 0 !important;
	}

	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .col-md-9 .spacer,
	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .col-md-6 .spacer {
		display: none;
	}

	.JAX-MARKER .FourCols label {
		float: none;
		white-space: inherit;
		padding-right: 16px;
	}

	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .jax-fieldset .form-group.col-md-12.jax-fstate__hasError,
	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .jax-fieldset .form-group.col-md-9.jax-fstate__hasError,
	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .jax-fieldset .form-group.col-md-6.jax-fstate__hasError {
		width: calc(100% - 15px);
	}
	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .jax-fieldset .form-group.col-md-6.jax-fstate__hasError:first-child,
	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .jax-fieldset .form-group.col-md-9.jax-fstate__hasError:first-child {
		width: calc(100% - 30px);
	}

	.JAX-MARKER .jax-wizard-form .jax-radiogroup-inline .radio-inline {
		margin-left: -16px;
	}
	.JAX-MARKER .jax-wizard-form .FourCols .jax-radiogroup-inline .radio-inline {
		margin-left: -15px !important;
	}

	.JAX-MARKER .jax-inputfield.jax-date-field, .JAX-MARKER .jax-formdef-element-value-dateTime .jax-dateTime-time .jax-timenow-indicator {
		width: 75% !important;
	}

	.JAX-MARKER .col-md-12.jax-isTable  .jax-inputfield.jax-date-field, .JAX-MARKER .col-md-12.jax-isTable  .jax-formdef-element-value-dateTime .jax-dateTime-time .jax-timenow-indicator {
		width: 90% !important;
	}

	.JAX-MARKER .jax-radiogroup-inline.jax-error-border-incomplete,
	.JAX-MARKER .jax-radiogroup.jax-error-border-incomplete,
	.JAX-MARKER .jax-list-holder-div.jax-error-border-incomplete {
		margin-left: 0;
		padding-left: 8px!important;
	}

	.JAX-MARKER .pager.jax-paging-navigation-controls li.paging-navigation-control-next {float:none; margin-right: 3px;}

	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .jax-main-controls {
		float: left;
		margin-left: 2px;
		margin-top: -5px;
	}

	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .jax-fieldset .jax-isTable .jax-fieldset {
		margin: 0px -62px 15px 0px;
	}

	.JAX-MARKER .FourCols .jax-fieldset .jax-isTable .jax-fieldset .jax-formdef-element-value-date:after,
	.JAX-MARKER :not(.FourCols) .jax-formdef-element-value-date:after {left: 0.5rem;}

	.JAX-MARKER .pager.jax-paging-navigation-controls {width: 100%;}
	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .jax-paging-next-button {left: 145px;}
	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form li:first-child .jax-paging-next-button {left: 165px}

	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .jax-main-controls {
		float: left;
		margin: 0;
		left: 14px;
		bottom: -30px;
		padding-bottom: 30px;
		width: 277px;
	}

	.JAX-MARKER .jax-main-controls li {
		float: right;
	}

	.JAX-MARKER .jax-main-controls li:last-child {
		width: 276px;
	}

	.JAX-MARKER .jax-main-controls li:last-child {
		right: -150px;
		bottom: 75px;
	}
	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .jax-main-controls button[id*='Action_save'],
	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .jax-main-controls button[id*='WithReceiptAction'] {
		position: relative; width: 271px;
	}

	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .jax-main-controls button[id*='Action_save'] span.jax-btn-label,
	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .jax-main-controls button[id*='WithReceiptAction'] span.jax-btn-label {
		display: inline-block;
		width: 185px;
	}

	/*workaround extraLI */
	.JAX-MARKER .jax-main-controls li.extraLI + li:last-child {
		right: -6px;
		bottom: 30px;
	}

	.JAX-MARKER .jax-wizard-form .FourCols .jax-isBoolean .jax-formdef-element-value-boolean .radio-inline {
		width: 100%!important;
		margin-left: 0!important;
	}

	.JAX-MARKER .jax-main-errors .panel-danger {background-image: none; min-height: inherit;}

	.JAX-MARKER #showtimeoutinfo #jax-session-timeout-progress_text {
		width: 300px;
	}

	.JAX-MARKER .panel-danger .panel-heading .jax-expand-collapse-button {
		padding-left: 0px;
		padding-right: 20px;
		background-image: none;
		min-height: 33px;
	}

	.JAX-MARKER .jax-error-tree { margin-left: 0px!important;}
	.JAX-MARKER .panel-danger button.jax-expand-collapse-button:after {top: 0; right: 10px;	}

	.JAX-MARKER .col-md-6.form-group.jax-fstate__hasError,
	.JAX-MARKER .col-md-6.form-group.jax-fstate__hasError:first-child,
	.JAX-MARKER .col-md-9.form-group.jax-fstate__hasError,
	.JAX-MARKER .col-md-9.form-group.jax-fstate__hasError:first-child
	.JAX-MARKER .col-md-12.form-group.jax-fstate__hasError {width: calc(100% - 25px) !important;}
	.JAX-MARKER .col-md-3.form-group.jax-fstate__hasError,
	.JAX-MARKER .col-md-3.form-group.jax-fstate__hasError:first-child {width: calc(75% - 25px) !important;}

	.JAX-MARKER .jax-isTable .col-md-3.form-group.jax-fstate__hasError, .JAX-MARKER .jax-isTable .col-md-3.form-group.jax-fstate__hasError:first-child {
		width: calc(75% - 25px) !important;
	}

	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .jax-fieldset .form-group.col-md-12.jax-fstate__hasError {padding-left: 0!important;}

	.JAX-MARKER .jax-fstate__hasError.form-group:first-child:after,
	.JAX-MARKER .form-group.jax-fstate__hasError:after {
		content: "\f06a";
		color: #e1313c;
		position: absolute;
		right: -2rem;
		top: 0rem;
		font-size: 1.75em;
		font-weight: 700!important;
	}

	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .jax-fieldset .form-group.col-md-12.jax-fstate__hasError {
		padding-left: 0px;
	}

	.JAX-MARKER  .form-group.jax-fstate__hasError .jax-error-field-area {padding-left: 18px!important; }
	.JAX-MARKER .form-group.jax-fstate__hasError:first-child .jax-error-field-area {padding-left: 0!important; }
	.JAX-MARKER  .form-group.jax-fstate__hasError.col-md-12 .jax-error-field-area {padding-left: 0!important; margin-left: 0 }
	.JAX-MARKER  .form-group.jax-fstate__hasError.col-md-12.jax-isBoolean .jax-error-field-area {padding-left: 18px!important; }

	.JAX-MARKER .FourCols .form-group.jax-fstate__hasError.col-md-12 .jax-radiogroup-inline.jax-error-border-incomplete,
	.JAX-MARKER .FourCols .form-group.jax-fstate__hasError.col-md-12 .jax-radiogroup.jax-error-border-incomplete,
	.JAX-MARKER .FourCols .form-group.jax-fstate__hasError.col-md-12 .jax-list-holder-div.jax-error-border-incomplete {
		margin-left: 0px;
	}

	.JAX-MARKER .FourCols .form-group.jax-fstate__hasError.col-md-12.jax-isBoolean .jax-radiogroup-inline.jax-error-border-incomplete,
	.JAX-MARKER .FourCols .form-group.jax-fstate__hasError.col-md-12.jax-isBoolean .jax-radiogroup.jax-error-border-incomplete,
	.JAX-MARKER .FourCols .form-group.jax-fstate__hasError.col-md-12.jax-isBoolean .jax-list-holder-div.jax-error-border-incomplete {
		margin-left:18px!important;
	}

	.jax-wizard-form .jax-preview-table th.jax-th-first {width: 100%;float: left;}
	.jax-preview-table td {float: left;	padding-left: 10px!important;width: 100%;	}
	.jax-preview-table.jax-list { margin: 0 -10px;}


	.JAX-MARKER .jax-isBoolean.jax-isBoolean-checkbox input[type='checkbox'] {
		position: absolute;
		left: -20px;
	}

	.JAX-MARKER .jax-isCheckboxAddrVer label.noHangingindent, .JAX-MARKER .jax-isBoolean-checkbox .jax-formdef-element-value-boolean label {
		width: calc(100% - 18px)!important;
		float: right;
		margin-left: 0px;
	}

	.JAX-MARKER .jax-isBoolean.jax-isBoolean-checkbox .jax-inline-help {margin-left: 18px; }

	/* boolean neu */
	.JAX-MARKER .jax-isBoolean-checkbox input[type="checkbox"] + span,
	.JAX-MARKER .jax-isBoolean-checkbox.jax-fstate__isRequired input[type="checkbox"] + span {
		left: -5px;
		/*z-index: inherit;*/
	}

	.JAX-MARKER .form-group.jax-fstate__isRequired.jax-isBoolean-checkbox .jax-formdef-element-value-boolean {
		background-position: right 0;
		min-height: 10px;
	}

	/* confirmation box */
	.confirmationDiv
	{ background-image:none; padding-left: 15px; }

	/* checkbox adressverification */
	.JAX-MARKER .FourCols .jax-isCheckboxAddrVer label.noHangingindent {
		width: 90% !important;
	}
	.JAX-MARKER .jax-isCheckboxAddrVer div .jax-simple-visualizer-holder {
		margin-left: -8px;
	}
}

/* overwrite fix */
#content > .container > .row > .col-md-4 {
	padding: 0 10px;
}

/* VDL fixes since 8.1 */
.JAX-MARKER .jax-list-general.jax-listwidth-computed {
	max-width: unset !important;
}
.JAX-MARKER .jax-checkbox-group .checkbox label input[type="checkbox"] + span {
	margin: 2px 0 0 0;
	left: 17px;
}

/* jax-fstate__hasError column width fix */
@media (min-width: 640px) {
	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .col-md-9.jax-fstate__hasError {
		width: calc(73.5% - 45px);
		float: left;
	}

	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .col-md-6.jax-fstate__hasError {
		width: calc(48.5% - 45px);
		float: left;
	}

	.JAX-MARKER .JAXFORMS-CONTAINER .jax-wizard-form .FourCols .col-md-3.jax-fstate__hasError {
		width: calc(23.5% - 45px);
		float: left;
	}
}