@charset "UTF-8";


/* @group Eigene Anpassungen */

/* remove standard-styles */

input	{
	/*-webkit-appearance:	none;*/
	/*-moz-appearance:	none;*/
	/*appearance:	none;*/
	/*border:	none;*/
	/*width:	100%*/
} 

/* graceful degradation for ie8 */

input[type='checkbox'],	input[type='radio']	{
	width:	auto;
	/*float:	left;*/
	margin-right:	1em;
	background:	transparent;
	border:	none;
}

input[type='checkbox']:checked,	input[type='checkbox']:not(:checked),	input[type='radio']:checked,	input[type='radio']:not(:checked)	{
	background:	transparent;
	position:	relative;
	/*visibility:	hidden;*/
	margin:	0;
	padding:	0;
	border-radius:	3px;
}

input[type='checkbox'] + label,	input[type='radio'] + label	{
	cursor:	pointer;
}

/*input[type='checkbox']:checked + label::before,	input[type='checkbox']:not(:checked) + label::before,	input[type='radio']:checked + label::before,	input[type='radio']:not(:checked) + label::before	{*/
	/*content: ' ';*/
    /*display: inline-block;*/
    /*height: 19px;*/
    /*position: relative;*/
    /*top: 0px;*/
    /*border: 0px solid #5EB12E;*/
    /*background: white;*/
    /*padding-right: 19px;*/
    /*margin-right: 0.5em;*/
    /*margin-bottom: 0px;*/
    /*border-radius: 3px;*/
/*}*/

input[type=radio]:checked + label::before,	input[type=radio]:not(:checked) + label::before	{
	border-radius:	30px;
}

input[type='checkbox']:hover  + label::before,	input[type='radio']:hover  + label::before	{
	background:	rgba(212,	204,	132,	0.49);
}

input[type='checkbox']:checked  + label::before,	input[type='radio']:checked  + label::before	{
	background:	#D5CC84;
}

input[type='checkbox'].grey:checked  + label::before,	input[type='radio'].grey:checked  + label::before,	input[type='checkbox'].grey:hover  + label::before,	input[type='radio'].grey:hover  + label::before	{
	background:	silver;
}

input[type='checkbox'].green:checked  + label::before,	input[type='radio'].green:checked  + label::before,	input[type='checkbox'].green:hover  + label::before,	input[type='radio'].green:hover  + label::before	{
	background:	#5EB12E;
}

input[type='checkbox'].orange:checked  + label::before,	input[type='radio'].orange:checked  + label::before,	input[type='checkbox'].orange:hover  + label::before,	input[type='radio'].orange:hover  + label::before	{
	background:	#ffc119;
}

input[type='checkbox'].red:checked  + label::before,	input[type='radio'].red:checked  + label::before,	input[type='checkbox'].red:hover  + label::before,	input[type='radio'].red:hover  + label::before	{
	background:	#e08989;
}

.formanizr input[type="range"] {
    padding: 0 27px !important;
    height: calc(100% - 30px);
    background-color: white !important;
    margin: 0;
        margin-top: 0px;
    -webkit-appearance: none;
    width: 100%;
    background: transparent;
        background-color: transparent;
    margin-top: 15px;
}

/*	@group	input type range / safari / webkit	*/

input[type=range] {
  -webkit-appearance: none; /* Hides browser default slider */
  background: transparent; /* Otherwise white in Chrome */
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

input[type=range]:focus {
  outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;
  /* Hides the slider so custom styles can be added */
  background: transparent; 
  border-color: transparent;
  color: transparent;
}

/* Special styling for WebKit/Blink */
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
border:	3px solid gray;
height:	10px;
width:	50px;
background-color:	#ffffff;
cursor:	pointer;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 15px;
  height: 16px;
  cursor: pointer;
  background: silver;
  border-radius: 1px;
}

/*	@end	*/

/*	@group	input range firefox	*/

input[type=range]::-moz-range-track {
    width: 15px;
    height: 100%;
    cursor: pointer;
    background-color: silver;
    border-radius: 5px;
}

input[type=range]::-moz-focus-outer {
  border: 0;
}

input[type=range]::-moz-range-thumb	{
	border:	3px solid gray;
	height:	10px;
	width:	50px;
	background-color:	#ffffff;
	cursor:	pointer;
	margin-top:	3px;
}

input[type=range]:-moz-focusring	{
	outline:	1px solid white;
	outline-offset:	-1px;
}

input[type=range]:focus::-moz-range-track	{
	background:	#ccc;
}

/*	@end	*/

/*	@group	input range ie10+	*/

input[type=range]::-ms-track	{
	background:	silver;
	width:	15px;
	height:	220px;
	cursor:	pointer;
	border-color:	transparent;
	border-width:	16px 0;
	color:	transparent;
}

input[type=range]::-ms-thumb	{
	border:	3px solid gray;
	height:	10px;
	width:	50px;
	background-color:	#ffffff;
	cursor:	pointer;
	margin-top:	3px;
}

input[type=range]::-ms-fill-lower	{
	background:	silver;
	border-radius:	10px;
}

input[type=range]::-ms-fill-upper	{
	background:	silver;
	border-radius:	10px;
}

input[type=range]:focus::-ms-fill-lower	{
	background:	silver;
}

input[type=range]:focus::-ms-fill-upper	{
	background:	silver;
}

input[type=range][orient=vertical]	{
	writing-mode:	bt-lr; /* IE */
	-webkit-appearance:	slider-vertical; /* WebKit */
}

input[type=range]::-ms-tooltip	{
	display:	none;
}

/*	@end	*/

output	{
	height:	32px;
	font-weight:	600;
	text-align:	center;
	background-color:	white;
	border-radius:	5px;
	display:	inline-block;
	width:	100%;
	font-size:	18px;
	line-height:	1em;
	padding-top:	7px;
	margin-top:	25px;
}

.rangeOuter	{
	position:	relative;
	width:	100%;
	height:	250px;
	margin-bottom:	20px;
	background-color:	white;
}

.rangeContainer	{
	background-color:	white;
	width:	30px;
	position:	absolute;
	left:	95px;
	top:	10px;
	height:	230px;
}

.rangeScale	{
	width:	100%;
	height:	100%;
}

.rangeScale div	{
	width:	75%;
	display:	block;
	font-weight:	600;
	font-size:	14px;
	line-height:	14px;
	color:	white;
	text-align:	center;
	height:	10%;
	padding-top:	4px;
	border-radius:	50%;
}

.labeltop,	.labelbottom	{
	font-size:	10px;
	line-height:	10px;
	font-weight:	600;
	text-align:	left;
	position:	absolute;
	right:	15px;
}

.labeltop	{
	top:	15px;
}

.labelbottom	{
	bottom:	15px;
}

.labelleft	{
	position:	absolute;
	transform:	rotate(270deg);
	bottom:	169px;
	left:	-150px;
	font-size:	23px;
	font-weight:	bold;
	color:	#dbdbdb;
	text-align:	left;
	width:	100%;
}

.labelright	{
	border-radius:	50%;
	width:	50px;
	height:	50px;
	font-size:	36px;
	font-weight:	600;
	color:	white;
	position:	absolute;
	top:	calc(50% - 25px);
	right:	40px;
	text-align:	center;
	padding-top:	7px;
}

.WertMarkt	{
	background-color:	silver;
	position:	absolute;
	bottom:	15px;
	right:	145px;
	width:	60px;
}

label	{
	-webkit-hyphens:	none;
	-moz-hyphens:	none;
	-ms-hyphens:	none;
	hyphens:	none;
}

.captcha	{
	margin-top:	31px;
	display:	inline-block;
	text-align:	right;
	width:	100%;
	font-size:	24px;
	line-height:	1em;
}

.captcha:after	{
	content:	" »";
}

/* @end */

/* @group Global Stuff */

.box-sizing	{
	display:	none;
}

.no-box-sizing .box-sizing	{
	display:	block;
}

.formanizr fieldset,	.formanizr form,	.formanizr label,	.formanizr legend	{
	margin:	0;
	padding:	0;
	border:	0;
	font:	inherit;
	vertical-align:	baseline;
}

.formanizr input[type=search]::-webkit-search-cancel-button,	.formanizr input[type=search]::-webkit-search-decoration,	.formanizr input[type=search]::-webkit-search-results-button,	.formanizr input[type=search]::-webkit-search-results-decoration	{
	-webkit-appearance:	none;
}

.formanizr input[type=search]	{
	-webkit-appearance:	textfield;
	-webkit-box-sizing:	content-box;
}

.formanizr	{
	font-size:	16px;
	line-height:	1 !important;
	font-weight:	300;
}

.formanizr.fzr_tiny,	.formanizr .fzr_tiny	{
	font-size:	12px !important;
}

.formanizr.fzr_normal,	.formanizr .fzr_normal	{
	font-size:	14px !important;
}

.formanizr.fzr_big,	.formanizr .fzr_big	{
	font-size:	18px !important;
}

/* @end */

/* @group Form Elements */

.formanizr	{
	
}

.formanizr input[type="text"],	.formanizr input[type="password"],	.formanizr input[type="file"],	.formanizr input[type="date"],	.formanizr input[type="datetime"],	.formanizr input[type="email"],	.formanizr input[type="number"],	.formanizr input[type="search"],	.formanizr input[type="tel"],	.formanizr input[type="time"],	.formanizr input[type="url"],	.formanizr input[type="range"],	.formanizr textarea,	.formanizr select	{
	vertical-align:	middle;
	width:	100%;
	*
	width:	99%;
	/*ie7*/
	padding:	0.5em 0.5em;
	background-color:	white;
	color:	#7b7b7b;
	-webkit-box-sizing:	border-box;
	-moz-box-sizing:	border-box;
	-ms-box-sizing:	border-box;
	-o-box-sizing:	border-box;
	box-sizing:	border-box;
	-webkit-border-radius:	3px;
	-moz-border-radius:	3px;
	-ms-border-radius:	3px;
	-o-border-radius:	3px;
	border-radius:	3px;
	border-style:	none;
	font-size:	14px;
	font-weight:	300;
}

.formanizr input.telfield	{
	width:	calc(33.33333% - 6px);
	margin-right:	2px;
}

.formanizr input.telfield:last-child	{
	width:	33.33333%;
	margin-right:	0px;
}

.formanizr input[type="text"]:focus,	.formanizr input[type="password"]:focus,	.formanizr input[type="file"]:focus,	.formanizr input[type="date"]:focus,	.formanizr input[type="datetime"]:focus,	.formanizr input[type="email"]:focus,	.formanizr input[type="number"]:focus,	.formanizr input[type="search"]:focus,	.formanizr input[type="tel"]:focus,	.formanizr input[type="time"]:focus,	.formanizr input[type="url"]:focus,	.formanizr input[type="range"]:focus,	.formanizr textarea:focus,	.formanizr select:focus	{
	outline:	0;
	background-color:	white;
}

.formanizr input[disabled],	.formanizr textarea[disabled],	.formanizr select[disabled]	,.formanizr button[disabled] {
	background:	#ededed;
	color:	#666666;
	cursor:	not-allowed;
}

.formanizr input[readonly],	.formanizr textarea[readonly],	.formanizr select[readonly],	.formanizr input[readonly]:focus,	.formanizr textarea[readonly]:focus,	.formanizr select[readonly]:focus	{
	color:	#666666;
	font-style:	italic;
	-webkit-box-shadow:	none;
	-moz-box-shadow:	none;
	-ms-box-shadow:	none;
	-o-box-shadow:	none;
	box-shadow:	none;
}

.formanizr select	{
	border-radius:	3px;
	padding:	0.5em 0.5em;
		/* 8px 7px 5px 7px*/
	/*	line-height: 2.286em !important;*/
		/* 32px */
	background:	url(../shared/list-icon-joblist.png)	98%	center	no-repeat	white;
	-webkit-appearance:	none;
	-moz-appearance:	none;
	appearance:	none;
	background-color: white;
}

.formanizr select[multiple]	{
	height:	7.143em;
}

.formanizr select[multiple].fzr_height-small	{
	height:	4.286em;
}

.formanizr select[multiple].fzr_height-large	{
	height:	14.286em;
}

.formanizr input[type="search"]	{
	-webkit-border-radius:	20px;
	-moz-border-radius:	20px;
	-ms-border-radius:	20px;
	-o-border-radius:	20px;
	border-radius:	20px;
}

.formanizr progress,	.formanizr meter	{
	width:	100%;
}

.formanizr input::-webkit-input-placeholder	{
	color:	#8d8b8b;
}

.formanizr input:-moz-placeholder	{
	color:	#8d8b8b;
}

.formanizr input:-ms-input-placeholder	{
	color:	#8d8b8b;
}

.formanizr input.fzr_error,	.formanizr select.fzr_error,	.formanizr textarea.fzr_error	{
	border-color:	#a11919 !important;
}

/* @group Textarea */

.formanizr textarea	{
	height:	7.143em;
	min-height:	7.143em;
	resize:	vertical;
	font:	300 16px 'Source Sans Pro', sans-serif;
	width:	100%;
}

.formanizr textarea.fzr_height-small	{
	height:	4.286em;
	min-height:	4.286em;
}

.formanizr textarea.fzr_height-large	{
	height:	14.286em;
	min-height:	14.286em;
}

.formanizr textarea.fzr_no-resize	{
	resize:	none;
}

/* @end */

/* @group Inline Inputs */

.formanizr input[type="radio"],	.formanizr input[type="checkbox"]	{
	position:	relative;
	vertical-align:	middle;
	/*top:	-0.1em;*/
	margin:	3px;
	/*display:	none;*/
}

/* @end */

/* @group BETA - size for multiple inputs inside of one col */

.fzr_large,	.fzr_medium,	.fzr_small	{
	margin-right:	0.5%;
}

.fzr_large	{
	width:	65% !important;
}

.fzr_medium	{
	width:	32% !important;
}

.fzr_small	{
	width:	19% !important;
}

.fzr_last	{
	float:	right;
	margin-right:	0;
}

/* @end */

/* @group Fieldset */

.formanizr fieldset	{
	position:	relative;
	display: contents;
}

.formanizr fieldset.textblock	{
	background-color:	rgba(117, 117, 117, 0.1);
}

.formanizr legend	{
	color:	#D5CC84;
	font-size:	1.65em !important;
	line-height:	1.08em;
	text-align:	left !important;
	font-weight:	400 !important;
	padding-left:	0px	!important;
	margin-left:	-2px !important;
	margin-bottom:	1em;
}

.formanizr.fzr_legend-inside fieldset	{
	padding-top:	5em;
}

.formanizr.fzr_legend-inside legend	{
	position:	absolute;
	top:	1em;
	left:	1em;
}

/* @end */

/* @end */

/* @group Typography */

.formanizr label[for]	{
	cursor:	pointer;
}

.formanizr label,	.formanizr .fzr_hint	{
	font-weight:	400;
	color:	black;
	display:	-moz-inline-stack;
	display:	inline-block;
	*
	vertical-align:	auto;
	zoom:	1;
	*
	display:	inline;
	font-size:	14px;
	position:	relative;
	line-height:	1.2em;
}

.formanizr .fzr_hint	{
	color:	#999999;
	margin:	0;
}

.formanizr label .fzr_add-on	{
	display:	block;
	color:	#999999;
	margin-top:	0.1em;
	font-size:	0.8em;
	line-height:	1.2 !important;
}

.formanizr .fzr_label-top label .fzr_add-on	{
	display:	inline;
}

.formanizr .fzr_error-msg,	.formanizr label.fzr_error-msg	{
	font-size:	0.8em !important;
	text-align:	left !important;
	display:	block;
	margin-top:	0.5em !important;
	clear:	both;
	line-height:	1.2 !important;
	color:	#a11919 !important;
}

.formanizr .fzr_inline	{
	float:	left;
	margin-bottom:	0.5em;
}

.formanizr .fzr_inline label,	.formanizr label.fzr_inline	{
	margin-right:	1.4em !important;
	display:	inline-block !important;
	display:	-moz-inline-stack;
	display:	inline-block;
	*
	vertical-align:	auto;
	zoom:	1;
	*
	display:	inline;
	font-weight:	300 !important;
	color:	#333333;
}

.formanizr .fzr_mandatory	{
	font-weight:	400;
	color:	#a11919 !important;
}

.formanizr a,	.formanizr a:visited	{
	color:	#0278a3;
}

.formanizr a:active,	.formanizr a:hover	{
	color:	#035484;
}

.formanizr .fzr_headline	{
	font-size:	1.3em;
	font-weight:	600;
	color:	#525759;
}

.formanizr hr	{
	height:	1px;
	background-color:	#cccccc;
	border:	none;
	padding:	0;
	margin:	0 0 1.5em 0;
}

.formanizr ::selection	{
	background:	#196499;
	color:	white;
}

.formanizr ::-moz-selection	{
	background:	#196499;
	color:	white;
}

/****
* label at top
*/

.formanizr .fzr_label-top label,	.formanizr.fzr_label-top label	{
	margin-top:	0;
	margin-bottom:	0.5em;
	display:inline-flex;
	position:	relative;
	width:	100%;
}

label.mandatory:after {
	content:	"*";
	position:	absolute;
	right:	-10px;
	top:	0;
	color:	#D5CC84;
	font-size:	18px;
}

.formanizr .fzr_label-top .fzr_label-middle label,	.formanizr.fzr_label-top .fzr_label-middle label,	.formanizr .fzr_label-middle label,	.formanizr .fzr_label-middle .fzr_hint	{
	height:	auto;
	margin:	0.857em 0 0.214em 0.214em;
}

/****
* label bold
*/

.formanizr .fzr_label-bold label,	.formanizr.fzr_label-bold label	{
	font-weight:	bold;
}

/****
* label inside inline element
*/

.formanizr .fzr_label-top .fzr_inline label,	.formanizr.fzr_label-top .fzr_inline label	{
	margin-top:	0.7em;
}

.formanizr .fzr_label-middle .fzr_inline label	{
	margin-top:	0.857em !important;
}

/****
* label bold
*/

.formanizr p	{
	line-height:	1.3em;
}

/****
* text alignment
*/

.formanizr .fzr_right,	.formanizr.fzr_right,	.formanizr .fzr_right .fzr_col,	.formanizr.fzr_right .fzr_col	{
	text-align:	right;
}

.formanizr .fzr_left,	.formanizr.fzr_left	{
	text-align:	left !important;
}

.formanizr .fzr_middle,	.formanizr.fzr_middle	{
	vertical-align:	middle;
}

/* @end */

/* @group Buttons */

.formanizr	{
	/****
	* button standard
	*/
	/****
	* override default margins for right aligned button
	*/
	/****
	* reset default margins for button
	*/
	/****
	* button hover status
	*/
	/****
	* button active status
	*/
	/****
	* button highlight
	*/
	/****
	* button highlight hover
	*/
	/****
	* button disabled (all)
	*/
	/****
	* button highlight disabled
	*/
}

.formanizr .fzr_button,	.formanizr input[type="submit"],	.formanizr input[type="reset"],	.formanizr button	{
	background-color:	rgba(93, 177, 46, 0.5);
	-webkit-border-radius:	3px;
	-moz-border-radius:	3px;
	-ms-border-radius:	3px;
	-o-border-radius:	3px;
	border-radius:	3px;
	color:	white;
	font-size:	14px;
	border:	none;
	vertical-align:	middle;
	text-decoration:	none;
	/* 38px */
	/*white-space:	nowrap;*/
	cursor:	pointer;
	overflow:	visible;
	display:	-moz-inline-stack;
	display:	inline-block;
	*
	vertical-align:	auto;
	zoom:	1;
	*
	display:	inline;
	padding:	8px;
	line-height:	14px;
	text-align:	center;
}

.formanizr .fzr_right input[type="submit"],	.formanizr .fzr_right input[type="reset"],	.formanizr .fzr_right button,	.formanizr .fzr_right .fzr_button	{
	margin-left:	1em;
	margin-right:	0;
}

.formanizr input[type="submit"].fzr_no-margin,	.formanizr input[type="reset"].fzr_no-margin,	.formanizr button.fzr_no-margin,	.formanizr .fzr_no-margin .fzr_button,	.formanizr .fzr_button.fzr_no-margin	{
	margin-top:	0;
	margin-bottom:	0;
}

.formanizr input[type="submit"]:hover,	.formanizr input[type="reset"]:hover,	.formanizr button:hover,	.formanizr .fzr_button:hover	{
	background-color:	#5EB12E;
	color:	white;
}

.formanizr input[type="submit"]:active,	.formanizr input[type="reset"]:active,	.formanizr button:active,	.formanizr .fzr_button:active	{
	position:	relative;
	top:	1px;
}

.formanizr input[type="submit"].fzr_highlight,	.formanizr input[type="reset"].fzr_highlight,	.formanizr button.fzr_highlight,	.formanizr .fzr_button.fzr_highlight	{
	-webkit-box-shadow:	#0acaf9 0 1px 0 0 inset;
	-moz-box-shadow:	#0acaf9 0 1px 0 0 inset;
	box-shadow:	#0acaf9 0 1px 0 0 inset;
	background:	#009ec3;
	background-image:	-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #009ec3), color-stop(100%, #035484));
	background-image:	-webkit-linear-gradient(top, #009ec3, #035484);
	background-image:	-moz-linear-gradient(top, #009ec3, #035484);
	background-image:	-o-linear-gradient(top, #009ec3, #035484);
	background-image:	linear-gradient(top, #009ec3, #035484);
	border:	1px solid #035484;
	color:	white;
	text-shadow:	1px 1px 0px #035484;
}

.formanizr input[type="submit"].fzr_highlight:hover,	.formanizr input[type="reset"].fzr_highlight:hover,	.formanizr button.fzr_highlight:hover,	.formanizr .frz-button.fzr_highlight:hover	{
	background:	#035484;
	background-image:	-webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #009ec3), color-stop(100%, #035484));
	background-image:	-webkit-linear-gradient(bottom, #009ec3, #035484);
	background-image:	-moz-linear-gradient(bottom, #009ec3, #035484);
	background-image:	-o-linear-gradient(bottom, #009ec3, #035484);
	background-image:	linear-gradient(bottom, #009ec3, #035484);
}

.formanizr input[type="submit"][disabled=disabled],	.formanizr input[type="reset"][disabled=disabled],	.formanizr button.disabled,	.formanizr .fzr_button.disabled,	.formanizr input[type="submit"].fzr_highlight[disabled=disabled],	.formanizr input[type="reset"].fzr_highlight[disabled=disabled],	.formanizr button.fzr_highlight.disabled,	.formanizr .fzr_button.fzr_highlight.disabled,	.formanizr input[type="submit"][disabled=disabled]:hover,	.formanizr input[type="reset"][disabled=disabled]:hover,	.formanizr button.disabled:hover,	.formanizr .fzr_button.disabled:hover,	.formanizr input[type="submit"].fzr_highlight[disabled=disabled]:hover,	.formanizr input[type="reset"].fzr_highlight[disabled=disabled]:hover,	.formanizr button.fzr_highlight.disabled:hover,	.formanizr .fzr_button.fzr_highlight.disabled:hover	{
	top:	0 !important;
	-webkit-box-shadow:	none;
	-moz-box-shadow:	none;
	-ms-box-shadow:	none;
	-o-box-shadow:	none;
	box-shadow:	none;
	cursor:	not-allowed;
	background:	#f9f9f9;
	color:	#999999;
	text-shadow:	none;
}

.formanizr input[type="submit"].fzr_highlight[disabled=disabled],	.formanizr input[type="reset"].fzr_highlight[disabled=disabled],	.formanizr button.fzr_highlight.disabled,	.formanizr .fzr_button.fzr_highlight.disabled,	.formanizr input[type="submit"].fzr_highlight[disabled=disabled]:hover,	.formanizr input[type="reset"].fzr_highlight[disabled=disabled]:hover,	.formanizr button.fzr_highlight.disabled:hover,	.formanizr .fzr_button.fzr_highlight.disabled:hover	{
	background:	#9abdd0;
	color:	#e1ebf1;
}

.getstammdaten	{
	position:	absolute;
	right:	0px;
	bottom:	0px;
	text-indent:	-9999px;
	width:	33px;
	height:	33px;
	background:	url(../images/icon-button-getdata.svg) center center no-repeat rgba(153, 189, 208, 0.5) !important;
	background-size:	60% !important;
}

.getdata	{
	text-indent:	-9999px;
	width:	32px;
	height:	32px;
	float:	left;
	background:	url(../images/icon-button-getdata.svg) center center no-repeat rgba(153, 189, 208, 0.5) !important;
	background-size:	50% !important;
}

.editdata	{
	text-indent:	-9999px;
	width:	32px;
	height:	32px;
	float:	right;
	background:	url(../images/icon-button-editdata.svg) center center no-repeat rgba(153, 189, 208, 0.5) !important;
	background-size:	auto auto;
	background-size:	70% !important;
	margin-right:	2px;
}

.signdata	{
	text-indent:	-9999px;
	width:	32px;
	height:	32px;
	float:	right;
	background:	url(../images/icon-button-signdata.svg) center center no-repeat rgba(153, 189, 208, 0.5) !important;
	background-size:	auto auto;
	background-size:	70% !important;
	margin-right:	2px;
}

.draggable	{
	text-indent:	-9999px;
	width:	32px;
	height:	32px;
	float:	right;
	background:	url(../images/icon-button-move-entry.svg) center center no-repeat rgba(153, 189, 208, 0.5) !important;
	background-size:	auto auto;
	background-size:	65% !important;
	margin-right:	2px;
	cursor:	move !important;
}

.newdatarow	{
	text-indent:	-9999px;
	width:	32px;
	height:	32px;
	float:	right;
	background:	url(../images/icon-button-newdatarow.svg) center center no-repeat rgba(153, 189, 208, 0.5) !important;
	background-size:	50% !important;
	margin-right:	2px;
}

.showedithistory	{
	width:	21px;
	height:	21px;
	background:	url(../images/icon-button-edithistory.svg) center center no-repeat rgba(153, 189, 208, 0.5) !important;
	background-size:	70% !important;
	border-radius:	3px;
	text-indent:	-9999px;
	position:	absolute;
	right:	6px;
	top:	6px;
}

.showpreview	{
	width:	32px;
	height:	32px;
	background:	url(../images/icon-button-preview.svg) center center no-repeat rgba(153, 189, 208, 0.5) !important;
	background-size:	auto auto;
	background-size:	70% !important;
	border-radius:	3px;
	text-indent:	-9999px;
	position:	absolute;
	right:	34px;
	top:	0px;
}

.closeshowpreview	{
	width:	32px;
	height:	32px;
	background:	url(../images/icon-button-close-preview.svg) center center no-repeat rgba(153, 189, 208, 0.5) !important;
	background-size:	auto auto;
	background-size:	70% !important;
	border-radius:	3px;
	text-indent:	-9999px;
	position:	absolute;
	right:	34px;
	top:	0px;
}

.getdata:hover,	.editdata:hover,	.newdatarow:hover,	.showedithistory:hover,	.draggable:hover	{
	background-color:	rgb(152, 189, 208) !important;
}

.publishelement	{
	text-indent:	-9999px;
	width:	32px;
	height:	32px;
	float:	right;
	background:	url(../images/icon-button-publishelement.svg) center center no-repeat rgb(197, 197, 197) !important;
	background-size:	50% !important;
	margin-right:	2px;
}

.publishelement:hover	{
	background-color:	rgb(254, 214, 19) !important;
}

.deletedata	{
	text-indent:	-9999px;
	width:	32px;
	height:	32px;
	float:	right;
	background:	url(../images/icon-button-deletedata.svg) center center no-repeat rgba(191, 0, 0, 0.5) !important;
	background-size:	50% !important;
	margin-right:	2px;
}

.deletedata:hover	{
	background-color:	rgb(191, 0, 0) !important;
}

.savedata	{
	margin-right:	2px;
	float:	right;
	height:	32px;
	position:	relative;
}

.notsaved .savedata::before {
    content: "!";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: rgb(191, 0, 0);
    position: absolute;
    z-index: 99999;
    font-weight: 800;
    color: white;
    top: -9px;
    right: -9px;
    font-size: 15px;
    line-height: 18px;
}

/* @end */

/* @group Icons */

[class^="fzr_icon-"]	{
	background-position:	5px center;
	background-repeat:	no-repeat;
	padding-left:	8px !important;
}

/****
* icon images
*/

.fzr_icon-time	{
	background-image:	url(../img/formanizr/icons/time.png);
}

.fzr_icon-date	{
	/*	background: url(../shared/icon-input-date.svg) 5px center no-repeat;
	background-size: contain;*/
}

.fzr_icon-search	{
	background-image:	url(../img/formanizr/icons/search.png);
}

.fzr_icon-email	{
	background-image:	url(../img/formanizr/icons/email.png);
}

.fzr_icon-url	{
	background-image:	url(../img/formanizr/icons/url.png);
}

.fzr_icon-phone	{
	background-image:	url(../img/formanizr/icons/phone.png);
}

.fzr_icon-number	{
	background-image:	url(../img/formanizr/icons/number.png);
}

.fzr_icon-range	{
	background-image:	url(../img/formanizr/icons/range.png);
}

/* @end */

/* @group Gridsystem */

.fzr_row	{
	margin:	0 0 0.8em -1.66667%;
	clear:	both;
}

.fzr_row:before,	.fzr_row:after	{
	content:	" ";
	display:	table;
}

.fzr_row:after	{
	clear:	both;
}

.fzr_row	{
	*zoom:	1;
}

.fzr_col	{
	display:	block;
	float:	left;
	text-align:	left;
	margin-left:	1.66666666666%;
	vertical-align:	middle;
	position:	relative;
}

.fzr_1	{
	width:	6.6666666666667%;
}

.fzr_2	{
	width:	15.0%;
}

.fzr_3	{
	width:	23.333333333333%;
}

.fzr_4	{
	width:	31.666666666667%;
}

.fzr_5	{
	width:	40%;
}

.fzr_6	{
	width:	48.333333333333%;
}

.fzr_7	{
	width:	56.666666666667%;
}

.fzr_8	{
	width:	65.0%;
}

.fzr_9	{
	width:	73.333333333333%;
}

.fzr_10	{
	width:	81.666666666667%;
}

.fzr_11	{
	width:	90%;
}

.fzr_12	{
	width:	98.333333333333%;
}

.fzr_alpha	{
	margin-left:	0px;
}

.fzr_omega	{
	margin-right:	0px;
}

/* @end */

/* @group Responsive */

@media only screen and (max-width: 767px)	{
	.formanizr	{
		-webkit-text-size-adjust:	none;
		-ms-text-size-adjust:	none;
	}
	
	.fzr_row	{
		margin:	0;
	}
	
	.fzr_col	{
		width:	100%;
		float:	none;
		margin-left:	0;
		margin-bottom:	0.5em;
	}
	
	.fzr_inline	{
		margin-bottom:	1em;
	}
	
	.formanizr label	{
		margin:	0 0 0.5em 0;
		display:	block;
		position:	relative;
	}
	
	.formanizr .fzr_inline label,	.formanizr label.fzr_inline	{
		margin:	0.857em 1.4em 0.214em 0.214em;
	}
	
	.formanizr input,	.formanizr select,	.formanizr textarea,	.fzr_button,	input[type="submit"],	input[type="reset"],	button	{
		/*margin:	0 0 1em 0 !important;*/
		/*width:	100%;*/
	}
	
	.fzr_large,	.fzr_medium,	.fzr_small	{
		width:	100% !important;
		margin-bottom:	1em;
	}
	
	.fzr_right,	.fzr_right .fzr_col	{
		text-align:	left;
	}

	/* clearfix col */
	
	.fzr_col:before,	.fzr_col:after	{
		content:	" ";
		display:	table;
	}
	
	.fzr_col:after	{
		clear:	both;
	}
	/* line 16, ../sass/_mixins.scss */
	
	.fzr_col	{
		*zoom:	1;
	}
}

/*
* example media queries
*
* Smaller than standard 960 (devices and browsers)
@media only screen and (max-width: 959px) {}
*
* Tablet Portrait size to standard 960 (devices and browsers)
@media only screen and (min-width: 768px) and (max-width: 959px) {}
*
* All Mobile Sizes (devices and browser)
@media only screen and (max-width: 767px) {}
*
* Mobile Landscape Size to Tablet Portrait (devices and browsers)
@media only screen and (min-width: 480px) and (max-width: 767px) {}
*
* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
@media only screen and (max-width: 479px) {}
*
*/

/* @end */

/* @group Print */

@media print	{
	.formanizr	{
		
	}
	
	.formanizr [class^="fzr_icon-"]	{
		background-image:	none;
		background-repeat:	no-repeat;
		padding-left:	0.571em !important;
	}
}

/* @end */

.steps {
	text-align:	center;
	display:	block;
	position:	relative;
	height:	48px;
	margin-top:	25px;
}

.line {
	width:	100%;
	height:	3px;
	background-color:	white;
	position:	absolute;
	top:	calc(50% - 3px);
}

.number {
	position:	absolute;
	border-radius:	50%;
	background-color:	white;
	font-weight:	400;
	font-size:	24px;
	line-height:	48px;
	height:	48px;
	width:	48px;
	text-align:	center;
	z-index:	20;
}

.number:nth-child(1) {
	left:	calc(10% - 24px);
}

.number:nth-child(2) {
	left:	calc(30% - 24px);
}

.number:nth-child(3) {
	left:	calc(50% - 24px);
}

.number:nth-child(4) {
	left:	calc(70% - 24px);
}

.number:nth-child(5) {
	left:	calc(90% - 24px);
}

.inverted {
	background-color:	#D5CC84;
	color:	white;
}

div.section {
    background-color:	rgba(192,	192,	192,	0.2);
    padding:	15px	20px	0;
    overflow: hidden;
				margin-bottom:	15px;
				border-radius:	5px;
}