/******************************************************
 ***                                                ***
 ***       Copyright 2014 - 2020 by flashcom.at     ***
 ***       www.flashcom.at                          ***
 ***                                                ***
 ******************************************************/

/*

<div id="alert" class="dialog_error">
<button class="btn_dialog_close" onclick="closeAlert();"></button>
<div id="alert_handle"><div id="alert_desc" class="dialog_descr">Fehler</div></div>
<div class="dialog_inner" id="alert_content" style="padding-bottom:12px;">Willst du diesen Hauptmen�punkt wirklich l�schen ?</div>
<div class="dialog_bhold">
<button id="btn_cancel_alert" class="btn_std" onclick="cancelAlert();"><span>abbrechen</span></button>
<button id="btn_confirm_alert" class="btn_std left" onclick="confirmAlert();"><span>OK</span></button>
</div>
</div>

<div class="notify" id="info_box" style="display:none;"><div class="notify_inner" id="info">Settings erfolgreich gespeichert</div></div>

<div class="abdecker" id="abdecker"></div>

*/

.abdecker {
	display: none;
	position: fixed;
	opacity: 0.8;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 10000;
}

.dialog_error {
	display: none;
	position: fixed;
	background-color: #C30;
	border-color: #FFF;
	width: 380px;
	height: auto;
	padding-bottom: 10px;
	border-radius: 5px;
	border: 1px solid #B4BAC2;
	font-family: Verdana,Geneva,sans-serif;
	font-size: 11px;
	line-height: 1.2em;
	cursor: default;
	color: #292D32;
}

.dialog_error button {
	box-shadow: 1px 1px 0px #8D2401;
	position: absolute;
	float: none;
	background-image: url('/base/img/btn_winclose.png');
	width: 20px;
	height: 20px;
	right: 7px;
	top: 7px;
	display: block;
	font-family: Verdana,Geneva,sans-serif;
	font-size: 10px;
	padding: 0px;
	margin: 0px 0px 0px 3px;
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #B4BAC2;
	border-radius: 3px;
	cursor: pointer;
	background-color: #FBFCFC;
	transition: all 0.1s ease-in-out 0s;
	outline: medium none;
	white-space: nowrap;
	line-height: 1.2em;
	line-height: 1.2em;
}

.dialog_descr {
	color: #FFF;
	width: 373px;
	height: 15px;
	padding-top: 9px;
	padding-left: 7px;
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 13px;
	font-family: Verdana,Geneva,sans-serif;
	line-height: 1.2em;
	cursor: default;
}

.dialog_inner {
	width: auto;
	margin-left: 7px;
	margin-right: 7px;
	padding: 7px 7px 12px;
	background-color: #F8F9FA;
	border-radius: 3px;
	font-family: Verdana,Geneva,sans-serif;
	font-size: 11px;
	line-height: 1.2em;
	cursor: default;
	color: #292D32;
}
.dialog_error .dialog_inner {
	padding-top: 12px;
}

.dialog_bhold {
	width: auto;
	height: 18px;
	margin-left: 7px;
	margin-right: 7px;
	padding-top: 12px;
	font-family: Verdana,Geneva,sans-serif;
	font-size: 11px;
	line-height: 1.2em;
	cursor: default;
	color: #292D32;
}

.dialog_bhold button {
	margin-left: 0px;
	margin-right: 12px;
	box-shadow: 1px 1px 0px #8D2401;
	width: auto !important;
	background-image: none;
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 17px;
	padding-left: 5px;
	padding-top: 0px;
	margin-top: 0px;
	outline: medium none;
	font-size: 11px;
	display: block;
	font-family: Verdana,Geneva,sans-serif;
	padding: 0px;
	margin: 0px 0px 0px 3px;
	height: 18px;
	border: 1px solid #B4BAC2;
	float: right;
	border-radius: 3px;
	cursor: pointer;
	background-color: #FBFCFC;
	transition: all 0.1s ease-in-out 0s;
	white-space: nowrap;
	line-height: 1.2em;
	color: #292D32;
	position: static;
}
#btn_confirm_alert{ float: left; }

button span {
	display: block;
	width: auto;
	float: left;
	margin-top: -1px;
	font-family: Verdana,Geneva,sans-serif;
	cursor: pointer;
	white-space: nowrap;
	line-height: 1.2em;
	color: #292D32;
}




.notify {
	width: 440px;
	height: 146px;
	display: none;
	position: fixed;
	top: calc( 50% - 73px );
	left: calc( 50% - 220px );
	border-radius: 5px;
	background-image: url('/base/img/notify_bg.png');
	background-repeat: repeat;
	font-family: Verdana,Geneva,sans-serif;
	font-size: 11px;
	line-height: 1.2em;
	cursor: default;
	color: #292D32;
}
.notify_inner {
	width: 340px;
	padding-top: 18px;
	padding-bottom: 16px;
	height: 16px;
	margin-left: auto;
	margin-right: auto;
	background-color: #F5F4AE;
	margin-top: 48px;
	text-align: center;
	font-weight: bold;
	border-radius: 3px;
	font-family: Verdana,Geneva,sans-serif;
	font-size: 11px;
	line-height: 1.2em;
	cursor: default;
	color: #292D32;
}

div.checkbox{
	padding-right: 0px;
	width: auto;
	line-height: 1.2;
	background-image: url('/base/img/checkbox_off.png');
	background-repeat: no-repeat;
	background-position: left center;
	cursor: pointer;
	float: left;
	padding-left: 19px;
	white-space: nowrap;
	overflow: hidden;
}

div.checkbox.on,
div.checkbox.cb-on,
div.checkbox.cb_on{
	background-image: url('/base/img/checkbox_on.png');
}

.flash-dialog{
	position: absolute;
	top: 100px;
	left: 200px;
	width: 450px;
	border: 1px solid #fff;
	background-color: #8c8c8c;
	border-radius: 5px;
	padding: 5px;
	display: none;
}
.flash-dialog > .dialog-content{
	display: flex;
	flex-flow: column wrap;
	border: 1px solid #fff;
	background-color: #f4f4f8;
}
.flash-dialog > .dialog-content > .dialog-head{
	display: flex;
	flex-flow: row wrap;
	height: 32px;
	border-bottom: 1px solid #fff;
	background-color: #019278;
}
.flash-dialog.alert > .dialog-content > .dialog-head, .flash-dialog.alert > .dialog-content > .dialog-control > .dialog-button:hover{
	background-color: #f33;
}
.flash-dialog > .dialog-content > .dialog-head > .dialog-title{
	align-self: stretch;
	height: 100%;
	flex-grow: 1;
	padding: 8px 8px 8px 16px;
	color: #fff;
	font-weight: bold;
	line-height: 17px;
	font-size: 16px;
}
.flash-dialog > .dialog-content > .dialog-head > .dialog-close{
	height: 100%;
	flex-grow: 0;
	width: 32px;
	border-left: 1px solid #fff;
	background-image: url("data:image/svg+xml;base64,PHN2ZwoJeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKCXdpZHRoPSI0MDAiCgloZWlnaHQ9IjQwMCIKCXZlcnNpb249IjEuMSIKPgo8cGF0aCBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojZmZmZmZmO3N0cm9rZS13aWR0aDozMTsiIGQ9Ik04MCw4MCBMMzIwLDMyMCBNMzIwLDgwIEw4MCwzMjAgWiIgLz4KPC9zdmc+");
	background-size: contain;
	cursor: pointer;
}
.flash-dialog > .dialog-content > .dialog-main{
	border-bottom: 1px solid #fff;
	text-align: center;
	padding: 10px 16px;
}
.flash-dialog > .dialog-content > .dialog-control{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	padding: 10px 16px;
	background-color: #ececf1;
}
.flash-dialog > .dialog-content > .dialog-control > .dialog-button, div.flash-button{
	height: 20px;
	padding: 3px 8px;
	border: 1px solid #aaa;
	border-radius: 5px;
	background-color: #fcfcfc;
	font-weight: bold;
	cursor: pointer;
	/*transition: all 0.3s ease-in-out 0s;*/
}
.flash-dialog > .dialog-content > .dialog-control > .dialog-button:hover, div.flash-button:hover{
	background-color: #019278;
	color: #fff;
	border-color: #8c8c8c;
}
.dialog-content>*{ width: auto; }

.x-cross-black{
	background-image: url("data:image/svg+xml;base64,PHN2ZwoJeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKCXdpZHRoPSI0MDAiCgloZWlnaHQ9IjQwMCIKCXZlcnNpb249IjEuMSIKPgo8cGF0aCBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojMDAwMDAwO3N0cm9rZS13aWR0aDozMTsiIGQ9Ik04MCw4MCBMMzIwLDMyMCBNMzIwLDgwIEw4MCwzMjAgWiIgLz4KPC9zdmc+");
	background-size: contain;
}
.x-cross-white{
	background-image: url("data:image/svg+xml;base64,PHN2ZwoJeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKCXdpZHRoPSI0MDAiCgloZWlnaHQ9IjQwMCIKCXZlcnNpb249IjEuMSIKPgo8cGF0aCBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojZmZmZmZmO3N0cm9rZS13aWR0aDozMTsiIGQ9Ik04MCw4MCBMMzIwLDMyMCBNMzIwLDgwIEw4MCwzMjAgWiIgLz4KPC9zdmc+");
	background-size: contain;
}

/** jQuery-Autocomplete **/
li.ui-menu-item > a.ui-corner-all, a.ui-state-focus:link,a.ui-state-focus:hover,a.ui-state-focus:focus,a.ui-state-focus:visited{
	border: none;
	background-image: none;
	font-family: Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size: 11px;
}


#progress-bar {
    width: 650px;
}
#progress-bar .dialog-main {
	width: 648px;
	height: 20px;
	padding: 0px;
	position: relative;
	border: medium none;
	font-size: 14px;
	text-align: left;
	line-height: 1.5;
}
#progress-bar .progress-indicator {
    background-color: #0C0;
    width: 4%;
    height: 100%;
}
#progress-bar .progress-label {
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 10;
}

.nobold{ font-weight: normal; }
.sysdata,.sys-data{ display: none; }

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}