@font-face { 
	font-family:ff-din-web-1;
	src:url(ff-din-web-1_i7_woff2) format("woff2"),
	url(ff-din-web-1_i7_woff) format("woff"),
	url(ff-din-web-1_i7_opentype) format("opentype");
	font-weight:700;
	font-style:italic;
}
@font-face {
	font-family:ff-din-web-1;
	src:url(ff-din-web-1_n7_woff2) format("woff2"),
	url(ff-din-web-1_n7_woff) format("woff"),
	url(ff-din-web-1_n7_opentype) format("opentype");
	font-weight:700;
	font-style:normal;
}
@font-face {
	font-family:ff-din-web-1;
	src:url(ff-din-web-1_n4_woff2) format("woff2"),
	url(ff-din-web-1_n4_woff) format("woff"),
	url(ff-din-web-1_n4_opentype) format("opentype");
	font-weight:400;
	font-style:normal;
}
@font-face {
	font-family:ff-din-web-1;
	src:url(ff-din-web-1_i4_woff2) format("woff2"),
	url(ff-din-web-1_i4_woff) format("woff"),
	url(ff-din-web-1_i4_opentype) format("opentype");
	font-weight:400;
	font-style:italic;
}
@font-face {
	font-family:ff-din-web-1;
	src:url(ff-din-web-1_i6_woff2) format("woff2"),
	url(ff-din-web-1_i6_woff) format("woff"),
	url(ff-din-web-1_i6_opentype) format("opentype");
	font-weight:600;
	font-style:italic;
}
@font-face {
	font-family:ff-din-web-1;
	src:url(ff-din-web-1_i9_woff2) format("woff2"),
	url(ff-din-web-1_i9_woff) format("woff"),
	url(ff-din-web-1_i9_opentype) format("opentype");
	font-weight:900;
	font-style:italic;
}
@font-face {
	font-family:ff-din-web-1;
	src:url(ff-din-web-1_n6_woff2) format("woff2"),
	url(ff-din-web-1_n6_woff) format("woff"),
	url(ff-din-web-1_n6_opentype) format("opentype");
	font-weight:600;
	font-style:normal;
}
@font-face {
	font-family:ff-din-web-1;
	src:url(ff-din-web-1_n9_woff2) format("woff2"),
	url(ff-din-web-1_n9_woff) format("woff"),
	url(ff-din-web-1_n9_opentype) format("opentype");
	font-weight:900;
	font-style:normal;
}
@font-face {
	font-family:ff-din-web-1;
	src:url(ff-win-web-1_i3_woff2) format("woff2"),
	url(ff-din-web-1_i3_woff) format("woff"),
	url(ff-din-web-1_i3_opentype) format("opentype");
	font-weight:300;
	font-style:italic;
}
@font-face {
	font-family:ff-din-web-1;
	src:url(ff-din-web-1_n3_woff2) format("woff2"),
	url(ff-din-web-1_n3_woff) format("woff"),
	url(ff-din-web-1_n3_opentype) format("opentype");
	font-weight:300;
	font-style:normal;
}

/* roboto-regular - latin */
@font-face {
  font-family: 'roboto';
  font-style: normal;
  font-weight: 400;
  src: url('roboto-v27-latin-regular.eot'); /* ie9 compat modes */
  src: 
       url('roboto-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* ie6-ie8 */
       url('roboto-v27-latin-regular.woff2') format('woff2'), /* super modern browsers */
       url('roboto-v27-latin-regular.woff') format('woff'), /* modern browsers */
       url('roboto-v27-latin-regular.ttf') format('truetype'), /* safari, android, ios */
       url('roboto-v27-latin-regular.svg#roboto') format('svg'); /* legacy ios */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'roboto';
  font-style: bold;
  font-weight: 500;
  src: url('roboto-v27-latin-regular.eot'); /* ie9 compat modes */
  src: 
       url('roboto-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* ie6-ie8 */
       url('roboto-v27-latin-regular.woff2') format('woff2'), /* super modern browsers */
       url('roboto-v27-latin-regular.woff') format('woff'), /* modern browsers */
       url('roboto-v27-latin-regular.ttf') format('truetype'), /* safari, android, ios */
       url('roboto-v27-latin-regular.svg#roboto') format('svg'); /* legacy ios */
}

/******************************************************************************************************/ 

/* html tags */
* {margin: 0; padding: 0;}
html {overflow-y: scroll;}
body {font-family: roboto, Arial, Helvetica, sans-serif; font-size: 100.01%; margin: 0; padding: 0;}

.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
   position: absolute!important;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important;

}

.ml-label {
  margin-left: 195px;
  margin-bottom: 17px;
}

a {outline: 2; text-decoration: underline;}

legend {font-size: 0.9em; margin: 0 0 0 8px; font-weight: bold;}

input.txt {height: 18px; padding: 2px 3px 0 5px; font-size: 0.80em; border-radius: 5px; margin-top: -4px; }

input.udisabled { background:#f6f6f6; }
select.udisabled { background:#f6f6f6; }

textarea.udisabled { background:#f6f6f6; }
textarea.nachricht {float: left; width: 548px; height: 240px; padding: 5px; margin: 0 0 30px 0; border: 1px solid #a1a1a1; color: #4a4a4a; resize: none; font-family: roboto, Arial, Helvetica, sans-serif; font-size: 0.8em; border-radius: 5px; }

input[type="radio"] { -moz-appearance: none; -webkit-appearance: none; width: 16px; height: 16px; background-image: url(../css_images/radio_red_uncheck.png); background-size: 16px 16px; background-position: center center; border: 0; outline: 0; vertical-align: middle; }
	input[type="radio"]:focus { outline: none !important; border: 2px solid #03a1d2; }	
	input[type="radio"]:checked { background-image: url(../css_images/radio_red_check.png); }
	input[type="radio"]:disabled { opacity: 0.3; }

input[type="checkbox"] { -moz-appearance: none; -webkit-appearance: none; width: 16px; height: 16px; background-image: url(../css_images/cb_red_unchecked.png); background-size: 16px 16px; background-position: center center; border: 0; outline: 0; vertical-align: middle; }
	input[type="checkbox"]:focus { outline: none !important; border: 2px solid #03a1d2;	}	
	input[type="checkbox"]:checked { background-image: url(../css_images/cb_red_checked.png); }
	input[type="checkbox"]:disabled { opacity: 0.3; }

#wrap {width: 965px; margin: 0 auto;}
#wrap-small {width: 565px; margin: 0 auto;}

.non-dot {list-style-type: none; font-size: 0.80em; padding: 0 0 25px 0; margin: 0 10px 10px 10px;}
.savity-h2 { font-size: 1.15em;	line-height: 1.2em;	margin: 1.2em 0 .4em; font-weight: normal; }
.savity-headline-template {margin:0 10px 10px 10px;}

.stage-list { z-index: 2; margin: 5px; }
	.stage-list h3 { font-size: 1.5em; font-weight: 600; font-weight: lighter\9;  padding: 0; margin: 0 0 4px 0; font-family: "ff-din-web-1", "ff-din-web-2", arial, sans-serif;	line-height: 30px; color: #4a4a4a; }
	.stage-list ul { margin: 0 0 10px 0; padding: 0; list-style: none; background: url(../css_images/stagelist-sep-png-data.png) no-repeat 0 bottom; }
	.stage-list ul li {margin: 0; padding: 6px 20px 6px 0; list-style: none; font-size: 0.8em; font-family: arial, helvetica, sans-serif; color: #4a4a4a; background: url(../css_images/stagelist-sep-png-data.png) no-repeat 0 0; }

.iframe-like {float: right; width: 500px; height: 190px; background: #f0f0f0; z-index: 1; margin: 66px 20px 30px;}

.v {height:0;left:-1000px;display:inline;overflow:hidden;position: absolute;top:-1000px;width:0;}
.clear {clear: both; line-height:0; font-size:0; height:1px; margin:0 0 -1px 0; width:0px; overflow: hidden; display:block; }
.print-page-break {display: none !important; height: 0px; overflow: hidden; clear: both; margin: 0; padding: 0;}

.header {width: 955px; height: 93px; position: relative;}
.header-left {float: left; width: 195px; overflow: hidden; display: inline;}
.header-right {float: left; width: 760px;}
.header-right .date-logged { font-size: 0.80em; float: left; margin: 6px 0 0 0; /*start = 100.01% (yaml) --> 15px |  12px = 0.80 em // http://riddle.pl/emcalc/*/}

.header-small {width: 565px; height: 93px; position: relative;}
.header-left-small {float: left; width: 195px; overflow: hidden; display: inline;}
.header-right-small {float: left; width: 370px;}
.header-right-small .date-logged { font-size: 0.80em; float: left; margin: 6px 0 0 0; /*start = 100.01% (yaml) --> 15px |  12px = 0.80 em // http://riddle.pl/emcalc/*/}

#meta-navi { float: right; display: inline; width: auto; margin: 0 0px 0 0; }
	#meta-navi div.sb-left, div.sb-main, div.sb-sep, div.sb-right, div.globe, #meta-navi a  {height: 42px; display: inline; float: left;}
	#meta-navi input, #meta-navi select {display: inline; float: left;}
	#meta-navi select { width: 85px; margin: 5px 1px 0 0; height: 25px; font-size: 0.80em; border-radius: 4px; padding: 1px 0 1px 0;}
	#meta-navi a {line-height: 30px; font-size: 0.80em; text-decoration: none; padding: 3px 8px 0 4px;}
	#meta-navi a:hover {text-decoration: none; }		
	#meta-navi div.sb-left {width: 12px; overflow: hidden; }
	#meta-navi div.sb-main { padding: 0 0 0 3px;}
	#meta-navi div.sb-sep {width: 2px; overflow: hidden; padding: 0 5px 0 0;}

	#meta-navi a.post {padding: 3px 7px 0 25px; } 
	#meta-navi a.post-off {padding: 3px 7px 0 25px; font-weight: normal;}
	#meta-navi a.electronic-salary { background-image: url(../css_images/icon_entgelt.png); background-repeat: no-repeat; background-position: 2px 8px; padding: 3px 8px 0 25px; }

.metafrm {display: inline;}

/*buttons*/
a.btn-senden-inline {font-size:1.50em;}				
a.btn-zuruck-inline {font-size:1.15em;}

a.btn-reset {display: block; height: 26px; padding-right: 8px; text-decoration: none; font-size:0.93em; font-weight: normal; margin: 0 25px 28px 0; float: right; }
a.btn-senden {display: block; height: 32px; text-decoration: none; font-size: 1.0em; font-weight: normal; float: right; border-radius: 4px; padding-left: 20px; padding-right: 20px; }
	a.btn-senden span { display: block; line-height: 32px; text-align: center; }

a.btn-appointment {display: block; height: 32px; text-decoration: none; font-weight: normal; margin-left: 5px; margin-right: 5px; border-radius: 4px; font-size: 0.9em !important; }
	a.btn-appointment span { display: block; line-height: 32px; text-align: center; margin-top: 10px;}

a.btn-vorlage-speichern {display: inline; float: left; font-size: 0.80em; font-weight: normal; text-decoration: none; padding: 0 10px 0 10px; line-height: 25px; margin-top: -6px; }
span.btn-vorlage-speichern-fake {display: inline; float: left; font-size:0.80em; font-weight: normal; text-decoration: none; padding: 0 10px 0 10px; line-height: 21px; margin-top: -3px; }

a.btn-close-small {display: inline; height: 28px; padding-right: 20px; padding-left: 20px; text-decoration: none; font-size:0.93em; font-weight: normal; float: right; margin: 0; border-radius: 4px; }
	a.btn-close-small span { display: block; line-height: 28px; text-align: center; }

a.btn-noch-fragen { display: inline; height: 32px; text-decoration: none; font-size:1.0em; font-weight: normal; float: right; border-radius: 4px; padding-left: 20px; padding-right: 20px; }
	a.btn-noch-fragen span { display: block; line-height: 32px; text-align: center; }
	
a.btn-mehr-small {display: inline; height: 28px; padding-right: 20px; padding-left: 20px; text-decoration: none; font-size:0.93em; font-weight: normal; float: right; border-radius: 4px; }
	a.btn-mehr-small span { display: block; line-height: 28px; text-align: center; }

a.btn-zuruck {display: block; height: 28px; padding-right: 20px; padding-left: 20px; text-decoration: none; font-size:0.93em; border-radius: 4px; float: left; font-weight: normal; }
	a.btn-zuruck span { display: block; line-height: 28px; text-align: center; }

a.btn-mehr-smallest {display: inline; height: 17px; padding-right: 5px; padding-left: 5px; min-width: 30px; text-decoration: none; font-size:0.67em; font-weight: normal; border-radius: 3px; float: left; margin: 0 0px 0 0; overflow: hidden;}
	a.btn-mehr-smallest span { display: block; line-height: 17px; text-align: center;}

a.btn-gray-big-disabled { display: inline; height: 32px; padding-right: 20px; padding-left: 20px; text-decoration: none; font-weight: normal; float: right; margin: 0; cursor: default; border-radius: 4px; }
	a.btn-gray-big-disabled span { display: block; line-height: 32px; text-align: center; }
		
a.btn-red-big-disabled { display: inline; height: 32px; padding-right: 20px; padding-left: 20px; text-decoration: none; font-weight: normal; float: right; margin: 0; cursor: default; border-radius: 4px; }
	a.btn-red-big-disabled span { display: block; line-height: 32px; text-align: center; }
		
a.btn-zuruck-dis {display: block; height: 28px; padding-right: 20px; padding-left: 20px; text-decoration: none; font-weight: normal; border-radius: 4px; float: left; }
	a.btn-zuruck-dis span { display: block; line-height: 28px; text-align: center; }
	
a.btn-mehr-small-dis {display: inline; height: 28px; padding-right: 10px; padding-left: 10px; text-decoration: none; font-size:0.93em; font-weight: normal; float: left; cursor:default; border-radius: 4px; }
	a.btn-mehr-small-dis span { display: block; line-height: 28px; text-align: center; }

a.btn-modal-gray { display: inline; height: 28px; padding-right: 20px; padding-left: 20px; text-decoration: none; font-size:0.93em; font-weight: normal; float: left; cursor:default; border-radius: 4px;}
	a.btn-modal-gray span { display: block; line-height: 28px; text-align: center; }

a.btn-modal-red { display: inline; height: 28px; padding-right: 20px; padding-left: 20px; text-decoration: none; font-size:0.93em; font-weight: normal; float: left; cursor:default; border-radius: 4px;}
	a.btn-modal-red span { display: block; line-height: 28px; text-align: center; }

a.btn-modal-gray-calculate { display: inline; height: 28px; padding-right: 20px; padding-left: 20px; text-decoration: none; font-size:0.93em; font-weight: normal; float: left; cursor:default; border-radius: 4px;}
	a.btn-modal-gray-calculate span { display: block; line-height: 28px; text-align: center; }
	
a.btn-modal-gray-confirm { display: inline; height: 28px; padding-right: 20px; padding-left: 20px; text-decoration: none; font-size:0.93em; font-weight: normal; float: left; cursor:default; border-radius: 4px;}
	a.btn-modal-gray-confirm span { display: block; line-height: 28px; text-align: center; }
	
a.broadcast_message_button { display: inline; height: 32px; text-decoration: none; font-size:1.0em; font-weight: normal; float: right; border-radius: 4px; padding-left: 20px; padding-right: 20px; margin-left: 10px;}
	a.broadcast_message_button span { display: block; line-height: 32px; text-align: center; }

a.broadcast_message_button.disabled {cursor:default;}
	a.broadcast_message_button.disabled span {cursor:default;}

a.btn-legitimation { display: inline; height: 22px; padding-right: 20px; padding-left: 20px; text-decoration: none; font-size:0.93em; font-weight: normal; float: left; cursor:pointer; border-radius: 4px; margin-right: 5px;}
	a.btn-legitimation span { display: block; line-height: 22px; text-align: center; }


/*navigation*/
.main-navi { position: absolute; top: 55px; left: 195px; height: 37px; width: 750px;}
	.main-navi a { color: #4a4a4a; }
	.main-navi ul {list-style: none; margin: 0 0 0 2px;}
		.main-navi ul li {list-style: none; margin: 0; float: left; display: inline;}
			.main-navi ul li a { cursor: pointer; height: 37px; display: block; float: left; padding: 0 0 0 12px; overflow: hidden; font-size: 0.93em; text-decoration: none; line-height: 39px;}
				.main-navi ul li a span {float:left; display:block; padding: 0 12px 0 0; height: 37px;}
				.main-navi ul li a:hover {text-decoration: none;}
				.main-navi ul li a.on {float:left; text-decoration: none; margin: 0 0 0 -1px; padding: 0 0 0px 12px; height: 37px; overflow: hidden; font-size: 0.93em; text-decoration: none; line-height: 39px; } 
				.main-navi ul li a.on span {float:left; display: block; padding: 0 12px 0 0; }

.e-banking { position: absolute; right: 0px; bottom: 3px; width: 100px; display: inline; }
	.e-banking a.btn-red { display: inline; height: 22px; text-decoration: none; font-size:0.73em; font-weight: bold;}
		.e-banking a.btn-red span { display: block; line-height: 26px; border: 2px solid #990000; text-align: center; border-radius: 7px; }
		.e-banking a.btn-red:hover span { display: block; line-height: 26px; border: 2px solid #990000; background-color: #990000; color: #fff; text-align: center; border-radius: 7px; }

#main-content {width: 968px;}
#main-content-small {width: 565px;}

#column-1eft {width: 177px; overflow: hidden; float: left; display: inline; margin: 0 18px 0 0;}		
	#column-1eft h3 {font-size: 0.9em; padding: 0 0 0 5px; margin: 0 0 5px 0;} 
	#column-1eft a.e-mail {display: inline; padding: 0;;margin-left:-10px;}
	#column-1eft span.e-mail {font-size: 0.80em; margin-left:10px; margin-right: 10px;}
	
.left-icons-box {padding: 0 0 20px 0;}
.left-icons-box-bottom {padding-bottom: 5px;	}

.left-col-main {padding: 25px 0 8px 0; width: 175px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
	.left-col-main img {padding: 2px 7px 3px 8px; vertical-align: middle;}
	.left-col-main span.telefon {display: block; font-size: 0.80em; padding: 4px 0 3px 28px;}

.left-col-wrap {width: 177px;}

.left-col-bottom-left {float:left;width:10px;}
.left-col-bottom-middle {float:left;width: 140px;padding-top:8px; height: 0;}
.left-col-bottom-right {float:left;width:27px;}

div.teaser-sep {width: 165px; height: 1px; margin: 0 0px 3px 4px; overflow: hidden;}

/* left navigation */
div.left-nav {width: 165px; overflow: hidden; padding: 0 0 1px 0; margin-top: -3px; margin-left: 5px; margin-bottom: 20px;}
	div.left-nav ul {list-style: none; margin:0 0 0 1px; padding:0;}
		div.left-nav ul li {list-style: none; margin:0; padding:0;}
		div.left-nav ul.lev1 li a {color:#4a4a4a; text-decoration:none; display:block; padding: 7px 15px 7px 2px;  font-size: 0.80em; background-repeat: no-repeat; background-position: 154px 8px;}	
		div.left-nav ul.lev2 { width: 165px; overflow: hidden; margin:0 0 -1px 0;} 	
			div.left-nav ul.lev2 li {margin: 0 0 0 0px;}
			div.left-nav ul.lev2 li a {padding-left: 17px;background-repeat: no-repeat; background-position: 154px 8px !important;}	
		div.left-nav ul.lev3 {padding-top: 1px; width: 165px; overflow: hidden; margin: 0 0 -1px 0;}
			div.left-nav ul.lev3 li {margin: 0 0 0 9px;}

a.edit-favorites {font-size: 0.80em; padding: 0 0 0 10px; float: right; display: inline; margin-top: 3px; height: 16px; line-height: 16px; }

.my-contact-text { margin-bottom: 5px; padding-top: 3px; }

#column-wide {float: left; display: inline; width: 770px;}

h2.shadow-headline {height: 43px; font-size: 0.9em; line-height: 43px; padding: 0 0 0 12px; margin: 0 0 30px 0;}
h2.shadow-headline-bottom {margin: 40px 0 30px 0;}
h2.werthead {margin: -15px 0 20px 0;}

div.auftragmape-footer {width: 758px;}
div.cardadmin-footer {width: 760px;}

div.security-detail-footer {width: 760px;}
	div.security-detail-footer label {float: left; display: inline; font-weight: bold; line-height: 14px; font-size: 0.75em; margin: 10px 0 10px 0; width: 193px; padding-left:7px; text-align:right;}
		div.security-detail-footer label.label-cbox-portfolio {width:153px;}
		div.security-detail-footer label.label-cbox-right-corner {padding-right:7px; padding-left:0;}
		div.security-detail-footer label.label-cbox-left {text-align:left;}

h2.auftragmappe-headline {font-size: 0.9em; padding: 0 0 0 10px; margin: 12px 0 12px 0;}
div.auftragmappe-shadow-top {width: 758px; overflow: hidden; height: 9px;}
span.selected-auftrage-zusammen {margin-bottom: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; padding-top: 0 !important;}

div.breadcrumb-nav {margin: 15px 0 8px 0; float: left; display: inline; width: 400px; }
	div.breadcrumb-nav a {display: inline; float: left; font-size: 0.80em; text-decoration: underline; margin: 0 5px 0 0;}
		div.breadcrumb-nav a:hover {text-decoration: underline;}	
	div.breadcrumb-nav span {font-size: 0.80em; display: inline; float: left;}
	div.breadcrumb-nav img {float: left; display: inline; margin: 4px 5px 0 0;}

div.logout-txt {float: right; margin: 15px 9px 15px 0; font-size: 0.80em;}
span.timer-highlight {font-weight: bold;}

#column-wide h1 {font-size: 1.20em; padding: 0; margin: 0 15px 18px 0; float: left;}
#column-wide p {font-size: 0.80em; padding: 0 0 25px 0; margin: 0;}
#column-wide div.top-text p {padding: 0;}

a.question-mark {width: 24px; height: 24px; overflow: hidden; display: inline; float: left; text-decoration: none; margin: 0 0 0 0;}
a.sepa-land {overflow: hidden; display: inline;}

div.last-login {float: right; margin-top: 5px; margin-bottom:5px;font-size: 0.80em;}

div.profile-hello-box {height: 59px; margin: 0 0 5px 0; width: 760px; display:flex; align-items: center; gap: 16px;}	
div.profile-hello-box a, div.profile-hello-box span {font-size: 0.80em; display: block;}
div.profile-hello-box span {padding: 0 0 0 10px; flex: 1;}	

.cbox-pair { display: flex; }

div.teaser-slider-box {position: relative; height: auto; margin: 0 0 20px 0; width: 760px;}

div.amr-slider-box {position: relative; height: auto; margin: 0 0 20px 0; width: 760px;}
div.amr-slider-box p {font-size: 0.80em; display: inline-block;}
div.amr-slider-box p {float: left; width: 530px; text-align: justify; word-wrap: break-word;}
div.amr-slider-box a{position: absolute; bottom: 18px; right: 11px;}

div.teaser-slider-box {position: relative; height: auto; margin: 0 0 20px 0; width: 760px;}
.text-teaser-po {font-size: 0.9em !important; color:#990000 !important; margin:0 10px 10px 10px;}

ul.content-slider, ul.question-slider {width: 760px; overflow: hidden; margin: 0; padding: 0px 0 0 0;}
ul.content-slider li, ul.question-slider li {list-style: none; /*margin: 0 0 12px 0 !important;*/ padding: 0;}
ul.content-slider li a.btn-open, ul.question-slider li a.btn-open { width: 760px; height: 52px; display: block; line-height: 55px; padding: 0 0 0 47px; text-decoration: none; font-size: 0.9em; }
ul.content-slider div.slider-wrap { margin: 0; }
ul.question-slider div.slider-wrap { margin: 10px 0 0 0;}
ul.content-slider div.slider-wrap ul, ul.question-slider div.slider-wrap ul {display: block !important;} 

 
/*  product overview bawag*/
.submenu-prodopen{background:none; border: none; padding: 0px 0px 0px 0px;}
.submenu-prodopen-image{padding: 0px 20px 0px 0px;}
div.submenu-prodopen ul.lev1 li {display:block; padding: 6px 15px 6px 12px; margin-right: 10px; }
div.submenu-prodopen ul.lev1 li a {color:#000;text-decoration:none; font-size: 0.80em; background-repeat: no-repeat; background-position: 154px 10px;}
div.submenu-prodopen ul.lev1 li a:hover {color: #990000;}
 
/* avatar slider */
#avatar-select {width:740px; margin: 0px 0 12px 10px; padding: 0 0 2px 0 !important; height: 160px; overflow: hidden;}
#avatar-slider-wrap {width:740px;height:18px;margin:0 0 20px 0px;}
#avatar-slider {width:692px;height:18px;position:relative;margin:0 0 0 32px;}
.ui-slider .ui-slider-handle {width:32px !important; height:26px !important; margin-left:-24px !important;cursor:pointer !important;}
#content-holder {width:735px;}
.ui-slider-handle {width: 8px;height: 16px;position: absolute; top: 1px !important;}

#avatar-scroll {position:relative;height:112px;overflow:hidden;}
	#avatar-scroll p {text-align:center; font-size: 0.67em; margin: 0 !important; padding: 0 !important;}

#content-holder {overflow:hidden;position:absolute;}
	#content-holder div {float:left; margin:12px 0; width:90px; height:90px; text-align:center; position:relative;}
		#content-holder div.first {width:auto !important;padding-left:1px;margin-right:15px;}
		#content-holder div.last {width:auto !important;padding-right:1px;margin-left:15px;}
	#content-holder img {cursor:pointer;margin:3px;position:absolute;left:18px;bottom:10px;}
		#content-holder img.hover {margin:3px;left:8px;bottom:0px;width:70px;height:70px;}
		#content-holder img.active {margin:0;}
	#content-holder label.hover img.active {left:8px;bottom:0px;width:70px;height:70px;}
	#content-holder input {display:none;}
	
#avatar-slider-text {margin:12px 0 12px 0; text-align:center;font-size: 0.67em;}
	
.c {clear: both; overflow: hidden; height: 0; padding: 0; margin: 0;}

.slider-wrap p {font-size: 0.80em; padding: 5px 0 15px 0;}
.slider-wrap table { border-collapse: separate; border-spacing: 0 0.4em; padding-bottom: 10px; }
	.slider-wrap table th {font-size: 0.80em; font-weight: normal; text-align: left; padding: 5px 0 5px 7px;}
		.slider-wrap table th.thright {text-align: right;}
		.slider-wrap table th.thright-last {padding-right:7px;text-align: right;}			
	.slider-wrap table tfoot td {font-size: 0.80em; font-weight: bold; text-align: left; padding: 5px 0 5px 7px;}
		.slider-wrap table tfoot td.tdright {text-align: right;}
		.slider-wrap table tfoot td.tdright-last {padding-right:7px;text-align: right;}
.slider-wrap td {text-align: left; padding: 5px 0 5px 7px; font-size: 0.80em; vertical-align: top;}
	.slider-wrap td.input-field input.txt { font-size: 1em; margin-top: 1px; }
	.slider-wrap td.tdright {text-align: right;}
	.slider-wrap td.tdright-last {padding-right:7px;text-align: right;}
.slider-wrap td img {padding: 1px 0 0 0; vertical-align: middle;}
.slider-wrap td p.signing-table-row-content {font-size: 1em !important;}
.slider-wrap td label.signing-table-row-content {font-size: 1em !important;}
.slider-wrap td span.signing-table-row-content {font-size: 1em !important;}
.slider-wrap td input.cbox-table {width: 14px; height: 14px; padding: 0; margin: 5px 5px 0 0; float: left; display: inline;	}
.slider-wrap td label.cbox-sms {display: inline; float: left; margin: 4px 0 0 0;}
.slider-wrap td select.sms-day {width: 110px; float: right; margin: 0 2px 0 0;}
				
select.all-accounts {width: 500px; display: inline; float: right; margin: 0 10px 12px 0; font-size: 0.80em; height: 25px; border-radius: 5px; }

/* uberweisung*/				
#account_details_form .vorlage-wahl { margin-top: -5px !important; }
select.vorlage-wahl .wertkauf { margin-top: -5px !important; }
				
select.vorlage-wahl {display: inline; float: left; width: 550px; font-size: 0.80em; padding-top: 1px; padding-bottom: 1px; margin-top: 10px; }
label.vorlage-left {float: left; display: inline; width: 175px; margin: 15px 20px 5px 0; text-align: right; font-size: 0.80em;}
label.atm-txt, div.atm-txt { font-size: 0.80em; padding: 4px 0;}
div.atm-input-block {width: 170px; float: left;}
select.wertkauf, label.wertkauf {margin-top: 0px; margin-bottom: 0px;}
select.wertkauf { margin-top: -5px !important; }
input.wert-left-cbox {width: 14px; height: 14px; overflow: hidden; padding: 0; margin: 2px 0 0 0;}

fieldset.uberweisung-fset select {display: inline; float: left; font-size: 0.80em; padding-top: 1px; padding-bottom: 1px; border-radius: 5px; height:25px; margin-top: -3px; }
fieldset.uberweisung-fset select.auftrag-wahl {margin: 0px;  width: 550px; border-radius: 5px; height: 25px; margin-top: -3px; }
fieldset.uberweisung-fset select.angabeperiod {width: 505px;}
fieldset.uberweisung-fset select.auftrag-wahl-xl {width: 595px;}
fieldset.uberweisung-fset select.intervall {width: 438px; border-radius: 5px; height:25px; margin-top: -3px;} 
fieldset.uberweisung-fset select.wertpapierart {width: 393px; margin-right: 5px;} 
fieldset.uberweisung-fset input.wertpapiertitel {width: 384px; float: left; display: inline; margin: -4px 10px 0 0;}		
fieldset.uberweisung-fset select.spesenaufteilung {width: 378px; margin-right: 5px; border-radius: 5px; height: 25px; margin-top: -3px; }
fieldset.uberweisung-fset select.all-umsatze {width: 512px; border-radius: 5px; height:25px; margin-top: -3px; }
fieldset.uberweisung-fset select.dauerdurch {width: 178px; margin-right: 18px; border-radius: 5px; height:25px; margin-top: -3px; }
fieldset.uberweisung-fset select.bismtjj {width: 129px; border-radius: 5px; height:25px; margin-top: -3px; } 
fieldset.uberweisung-fset select.dauerdurch-right {width: 175px; margin-right: 10px; border-radius: 5px; height:25px; margin-top: -3px; } 
fieldset.uberweisung-fset select.vonbis {width: 150px; margin-right: 10px; border-radius: 5px; height:25px; margin-top: -3px; }
fieldset.uberweisung-fset select.angabeart {width: 179px; margin-right: 10px; border-radius: 5px; height:25px; margin-top: -3px; }
fieldset.uberweisung-fset select.empfland {width: 378px; margin-right: 5px; border-radius: 5px; height: 25px; margin-top: -3px; }
fieldset.uberweisung-fset select.isocode {width: 378px; margin-right: 5px; border-radius: 5px; height: 25px; margin-top: -3px; }
			
select.gmsg-dropdown { border-radius: 5px; height: 25px; margin-top: -1px; }
input.gmsg-input { border-radius: 5px; height: 21px; margin: -2px 10px 0 0; padding: 2px 3px 0 5px; }			
			
a.btn-wertpapier-auswahl {display: inline; float: right; margin: -2px 14px 0 0;}
a.btn-wertpapier-neuauswahl {display: inline; float: right; margin: -5px 14px 0 0;}
				
label.break-word {word-wrap: break-word;} /*hol: new class for overfolder overview */
span. {color:#C10607 !important;} /*hol: new class for overfolder overview */

/* finanzamtszahlung*/
div.angaben-bg-box {margin: 10px 0 20px 0; padding: 10px 0 0px 0;}
	div.angaben-bg-box span.hiddcurrent {display: none;}
	div.angaben-bg-box span.angabe-tip {font-size: 0.80em; display: block; float: left; padding: 0 10px 0 10px !important; margin: 0 !important; overflow: hidden !important; height: 20px;}
	div.angaben-bg-box a.angabe-tip-mark {margin: 2px 0 0 0; overflow: hidden !important; padding: 0 !important; float: left;}
	div.angaben-bg-box label.angabe-summ-label {float: right !important; display: inline; width: 170px; text-align: right; margin-bottom: 0px; margin-right: 10px;}
	div.angaben-bg-box label.uberweisung-left-summe {text-align: left; padding-left: 10px;}
	div.angaben-bg-box label.left-abgabenart {text-align: left; padding-left: 10px; width: 435px; overflow: hidden;}
	div.angaben-bg-box label.left-abgabenperiode {text-align: right; float: left;}
	
div.faz-row {margin: 0 0 12px 5px; float: left; display: inline; font-size: 0.8em;}
	div.faz-row span.faz-abgabeart-left {float: left; display: inline; text-align: left; width: 445px;}
	
div.abgaben-ausbau-middle {text-align: right; width: 120px; float: left; display: inline;}
div.abgaben-ausbau-right {text-align: right; float: right !important; margin-left: 13px; width: 165px;}

div.angaben-bg-box2 {margin: 0 0 0 0; padding: 0 0 0 0; float: left; width:520px;}
	div.angaben-bg-box2 span.hiddcurrent {display: none;}
	div.angaben-bg-box2 span.angabe-tip {font-size: 0.80em; display: block; float: left; padding: 0 10px 0 10px !important; margin: 0 !important; overflow: hidden !important; height: 20px;}
	div.angaben-bg-box2 a.angabe-tip-mark {margin: 2px 0 0 0; overflow: hidden !important; padding: 0 !important; float: left;}
	div.angaben-bg-box2 label.angabe-summ-label {float: right !important; display: inline; width: 165px; text-align: right; margin-bottom: 0px; margin-right: 10px;}
	div.angaben-bg-box2 label.uberweisung-left-summe {text-align: left; padding-left: 0px;}
	div.angaben-bg-box2 label.left-abgabenart {text-align: left; padding-left: 0px; width: 215px; overflow: hidden;}
div.angaben-bg-box label.left-abgabenperiode {text-align: right; float: left;}
div.angaben-bg-box2 div.left-abgabenperiode {text-align: right; float: left; width: 130px; }
div.angaben-bg-box2 div.fazrot {color: #C10607 !important;}

div.angabe-shadow-box {width: 738px; margin: 10px 0 12px 10px; padding: 10px 0 0 0;}
	div.angabe-shadow-box span.angabe-headline {display: block; font-weight: bold; font-size: 0.80em; padding: 0 0 0 10px; margin: 0 0 10px 0;}
	div.angabe-shadow-box span.angabe-headline a {font-weight: normal;}
	div.angabe-shadow-box label.abgabe-left {width: 165px;}
	div.angabe-shadow-box label.abgabe-bis {width: 36px; margin: 0 0 0 3px; padding: 0; text-align: left;}

div.angabe-shadow-box select.abgabeart {width: 505px; margin: 0; height: 25px; border-radius: 5px; margin-top: -3px; }
div.angabe-shadow-box select.abgabeperiode {width: 145px; margin-right: 7px;}
div.angabe-shadow-box select.abgabeperiode-wide {width: 505px; margin-right: 0px; height: 25px; border-radius: 5px; margin-top: -3px; }
div.angabe-shadow-box select.abgabeperiode-vonbis {width: 189px; height: 25px; border-radius: 5px; margin-top: -3px; }
div.angabe-shadow-box select.abgabeperiode-vonbis-right {width: 170px; margin-right: 11px; height: 25px; border-radius: 5px; margin-top: -3px; }
div.angabe-shadow-box input.abgabe-betrag {width: 134px; float: left; display: inline; text-align: right; padding-right: 2px;}
div.angabe-shadow-box input.abgabe-jahr {width: 46px; float: left; display: inline; margin-right: 5px;}

div.angabe-shadow-box span.abgabe-eur {margin-right: 52px;}
input.date-lang {width: 185px !important; margin-right: 6px !important;}
div.angabe-bottom-shadow {width: 738px; height: 9px; overflow: hidden;}
					
/* finanzamtszahlung*/
fieldset.uberweisung-fset input.gutschrift-cbox {margin-left: -18px;}
fieldset.uberweisung-fset label.label-gutschrift { margin-top: -1px; }
fieldset.uberweisung-fset label.vonbis {float: left; display: inline; line-height: 22px; margin: 0 5px 0 0;}
fieldset.uberweisung-fset label.vonbisjj {margin-right: 10px;}
fieldset.uberweisung-fset label.vonbis-umsatz {margin: 0 5px 0 12px;}
fieldset.uberweisung-fset label.vonbis-bottom {margin: 0 5px 0 34px;}

a.btn-umsatz-suche {float: right; margin: 0 0 20px 0;}
a.uberweis-suche {float: left; margin: 0;}
a.uberweis-suche-flz {margin: 0 0 0 8px; float: left;}
a.btn-uberweis-save {margin-top: -3px;}
a.btn-save-wertvorlage {float: right !important; margin: -3px 15px 0 0 !important;}
a.btn-auftrag-close {margin: 0 10px 10px 0; display: inline; position: static; bottom: 10px; right: 10px;}		
a.btn-send-disable {display: inline; position: absolute; bottom: 15px; right: 10px;}		
a.btn-jetzt-zeichnen {position: absolute; right: 10px; bottom: 15px;}
a.btn-jetzt-zeichnen-popup {position: static; right: 10px; bottom: 15px; margin-right: 15px}
a.btn-jetzt-zeichnen-relative {margin-bottom: 20px;margin-right: 10px}
a.btn-jetzt-zeichnen-fs {position: absolute; right: 10px; bottom: 20px;}
a.btn-jetzt-zeichnen-wu {position: absolute; right: 10px; bottom: 30px;}
a.btn-tan-send {position: absolute; right: 10px; bottom: 18px;}
a.btn-further {position: absolute; right: 10px; bottom: 10px;}
a.btn-sign-action-disabled {pointer-events: none !important; color: gray}				
p.hinweiss-bottom {font-size: 0.80em; padding: 3px 0 0 20px !important; display: block; margin-top: 20px !important; height: 20px; }				
	p.hinweiss-bottom strong { margin-left: 13px; }
p.hinweiss-top {padding-bottom: 12px !important; padding-right: 20px !important;}
div.auftrage-box-bottom {width: 370px; display: inline; float: left; margin: 10px 20px 0px 0; position: relative;}
div.auftrage-box-right {margin-right: 0px; border: 0;}
div.auftrage-box-back {margin-top: 70px;}
div.auftrag-in {min-height: 140px; height: auto !important; height: 140px;}
	div.auftrag-in p {min-height: 54px;}
div.auftrage-box-bottom p {padding: 23px 10px 20px 10px !important; line-height: 140%;}
div.auftrag-in-small {min-height: 115px; height: auto !important; height: 115px; position: relative;}
	div.auftrag-in-small label.auftragbox-headline {font-size: 0.80em; padding: 0 10px 0 10px; margin: 10px 0 0 0; display: block; color: #000;}
	div.auftrag-in-small p {padding: 12px 0px 9px 8px !important;}
	div.auftrag-in-small date-pick {margin-top: 20px !important;}
div.auftrabox-warning {display: flex; padding: 15px 12px 10px 0 !important; margin: 5px 12px 10px 10px !important; background: rgba(240, 170, 0, 0.1);}
	div.auftrabox-warning label {font-size: 14px; line-height: 18px;}
	div.auftrabox-warning span.auftrabox-warning-icon {background-image:url(../css_images/icon_hinweiss.gif); background-repeat: no-repeat; width:14px; height:6px; padding: 10px; margin: -3px 12px;}
div.auftrag-in-small-wu {min-height: 147px; height: auto !important; height: 147px; position: relative;}
div.auftrag-in-small-itan {min-height: 88px; height: auto !important; height: 88px; position: relative;}
a.btn-back-iTan {margin: 0 0 10px 0; position: absolute; bottom: 10px; left: 10px;}
div.tan-calculator-wrap {width: 100px; overflow: hidden; margin: 15px 5px 0 10px;float: left; display: inline;}
	div.tan-calculator-wrap span.tan-prefix {font-weight: bold; vertical-align:middle; float: left; display: inline; margin: 2px 0 0 0; width: 20px; height: 25px; overflow: hidden;}
	div.tan-calculator-wrap input.itan-txt {float: left; display: inline; width: 60px; margin: 0 0 0 2px;}
div.auftrag-in p.itan-calculator-tip {padding: 12px 10px 0 0px !important;}
div.auftrag-in a.btn-senden span {font-size: 1em !important;}
div.auftrag-in a.btn-tan-send span {font-size: 1em !important;}
div.tan-calculator {width: 70px; overflow: hidden; margin: 5px 0 10px 22px;}
	div.tan-calculator td {text-align: center;}
input.tan-calculator-button {font-size: 0.90em;background:#ffffff;width:22px;height:22px;text-align:center;border:none; -webkit-appearance: none;}
	input.tan-calculator-button.zero {width:69px;}
	input.tan-calculator-button:hover {font-weight: bold;}
	input.tan-calculator-button-inline {font-size: 1.4em;}
input.tan-calculator-input-inline {font-size: 1em;}								
select.selAuftragbox {width: 349px; margin: 10px 0 10px 10px; font-size: 0.80em; padding-top: 1px; padding-bottom: 1px; height: 25px; border-radius: 5px;}
div.itan-box-radios { margin: 10px 0 0 10px; display: inline; float: left; width: 172px; }					
	div.itan-box-radios input.itan-box-radio { width: 16px; height: 16px; overflow: hidden; display: inline; float: left; margin: 0 4px 12px 0; }
	div.itan-box-radios label.itan-box-label {display: inline; float: left; font-size: 0.80em; line-height: 16px; }
a.uberweis-cal {width: 21px; height: 23px; overflow: hidden; display: inline; float: left; margin: 0 10px 0 0; text-indent: -1000em;}
img.datepick-trigger {float: left; display: inline; margin: 0 10px 0 0 !important;}
a.umsatz-cal {margin: 0 5px 0 5px; }
input.uberweis-betrag {float: left; width: 176px; padding-right: 2px; text-align: right;}
#datePickerVon, #datePickerVonNoSca, #datePickerBis {margin-right: 8px;}
input.betrag-short {float: left; width: 133px; text-align: right; padding-right: 2px;}
input.br-betrag-short {width: 126px;}
input.eur-betrag {float: left; width: 26px; margin-right: 10px;}
input.br-eur-betrag {width: 32px;}				
input.uberweis-kontonumm {float: left; width: 175px; margin-right: 10px;}
input.uberweis-kundedat {float: left; width: 153px; margin-right: 10px;}
input.uberweis-banklzl {float: left; width: 142px; margin-right: 10px;}
input.uberweis-date {float: left; width: 128px; margin-right: 10px; padding-right: 2px; text-align: left;}
input.uberweis-empfanger {float: left; width: 368px; margin-right: 14px;} 
input.atm-input {width: 70px; margin-right: 5px;}
input.uberweis-vorlage {float: left; width: 368px; margin-right: 10px;}
input.buchung-txt {float: left; width: 500px; margin-right: 10px;}
input.uberweis-meinebschr {float: left; width: 438px; margin-right: 10px;}
input.uberweis-finanzamtnr {width: 26px; float: left; margin-right: 10px;}
input.uberweis-steuernr {width: 44px; float: left; margin-right: 3px;}
input.uberweis-jahr {width: 47px; float: left; margin-right: 10px;}
a.btn-hinzufugen {margin: 0 10px 8px 10px; float: right;}

a.btn-andern {margin-right: 70px;}
input.uberweis-cbox {float: left; width: 16px; height: 16px; overflow: hidden; padding: 0; margin-right: 5px; margin-top: 1px; display: inline;}
input.uberweis-radio { width: 16px; height: 16px; overflow: hidden; padding: 0; float: left; display: inline; margin-right: 5px; }
input.inland-cbox {margin-left: 30px;}

span.komma-wrap {display: inline; float: left; width: 10px; overflow: hidden; font-size: 1.20em; text-align: center;}
span.slash {display: inline; float: left; width: 5px; overflow: hidden; font-size: 1.20em; text-align: center; margin: -5px 3px 0 0;}
span.betrag-eur {display: inline; float: left; font-size: 0.80em; line-height: 20px;}

div.middle-sep {height: 2px; overflow: hidden; margin: 8px 0 15px 0;}
div.middle-sep-konto {margin-top: 0px;}
div.summe-sep {margin-top: 0px;}
div.hide-zahlref {display: none;}
span.uberweisung-left {float: left; display: inline; width: 175px; margin: 0 20px 17px 0; text-align: right; font-size: 0.80em; line-height: 20px;}
label.uberweisung-left {float: left; display: inline; width: 175px; margin: 0 20px 17px 0; text-align: right;}
label.uberweisung-left-width145 {float: left; display: inline; width: 145px; margin: 0 20px 17px 0; text-align: right;}
div.fixzinsoption {float: left; width: 145px; margin-right: 20px; text-align: right; font-size: 0.8em; padding-top: 4.5px; margin-bottom:14px;}
label.uberweisung-left-widthfixzins {float: left; display: inline; width: 145px; text-align: right; margin-left:20px; margin-top:10px;}
label.uberweisung-left-width145-fixzinsfields {float: left; display: inline; width: 145px; margin: 3px 20px 6px 0; text-align: right;}
label.uberweisung-left-width145-fixzins {float: left; display: inline; width: 145px; margin: 0 20px 2px 0; text-align: right;}
label.uberweisung-left2 {float: left; display: inline; width: 175px; text-align: right;} /* hol: new class for tax transfer payments in order folder */
label.uberweisung-left-double {margin: 0 20px 5px 0;}
label.uberweisung-right {float: left; display: inline; margin: 0 20px 17px 10px; text-align: left;}
label.uberweisung-left2rows {float: left; display: inline; width: 175px; margin: 0 20px 0px 0; text-align: right;}
label.personal-beschreibung {float: left; display: inline; width: 460px; margin: 0; text-align: left;}
label.uberweisung-left-small {width: 135px;}
label.current-pin {margin: 0 20px 33px 0;}
span.uberweisung-radio {float: left; display: inline; margin: -1px 10px 0 5px; font-size: 0.80em; line-height: 20px;}
label.uberweisung-radio {float: left; display: inline; margin: -1px 10px 0 5px;}
label.uberweisung-radio-left {margin-right: 95px;}
label.uberweisung-radio-right {margin-right: 30px;}
label.uberweisung-radio-bic {margin-right: 41px;}
span.konto-stand-sum {float: left; display: inline; margin: 2px 10px 10px 0; font-size: 0.80em;}
span.konto-stand-sum-wide {float: left; display: inline; margin: 0 10px 0 0; font-size: 0.80em; width: 550px}
span.borsenplatz-tip {margin-bottom: 10px; width: 70%;}
fieldset.uberweisung-fset {padding: 20px 0 12px 0; overflow: hidden;}

div.mtanadmin-send-reserved {position:relative; width:758px; height:65px; padding-right:1px;}					
fieldset.uberweisung-fset a.question-mark { margin-top: -4px; }
fieldset.uberweisung-fset a.cal-mark {margin-top: 0px; margin-right: 20px;}
#column-wide a.pmark:hover {text-decoration: none !important;}
.confirm-boxes {padding: 12px 10px 12px 10px;}					
	.confirm-boxes div.confirm-box-img {display: inline; float: left; margin: 0 10px 0px 0; padding: 0 0 12px 0;} 
	.confirm-boxes h3 {font-size: 0.9em; padding: 0; margin: 0 0 5px 0;}
	.confirm-boxes p {font-size: 0.8em; padding: 0 100px 0 0 !important; /* don't wrap text around image hack */ display:table; height:1%;}
	.confirm-boxes a.edit-favorites {float: none; margin: 0;}

fieldset {width: 758px; margin: 20px 0 0 0; display: block;}
.fieldset-in-popup-iframe {width:auto!important;margin-right:20px!important;}

fieldset a.inbox-messages {font-size: 0.8em; display: block; padding: 0 0 0 22px; margin: 10px 0 10px 10px;}
fieldset a.inbox-nomessages {font-size: 0.8em; display: block; padding: 0 0 0 22px; margin: 10px 0 10px 10px;}
.fieldset-shadow {width: 760px; height: 8px; margin: 0 0 15px 0; overflow: hidden; }
.fieldset-shadow-in-popup-iframe {width:auto!important;margin-right:20px!important;}

/* profil elementen */
div.sort-table-rahmen {padding: 0; margin: 0; width: 760px;}
	div.sort-table-rahmen span.aktive-dauerauftrage {font-weight: bold; font-size: 0.75em; display: block; padding: 8px 0 8px 8px;}
	div.sort-table-rahmen span.aktive-dauerauftrage2 {float: left; margin: 0; padding: 5px 0 5px 8px;}
	div.sort-table-rahmen span.selected-auftrage {font-size: 0.75em; display: inline; padding: 8px 0 8px 8px; float: left;}
	div.sort-table-rahmen span.selected-auftrage-left {float: left; display: inline; line-height: 14px; font-weight: bold; margin-top: -1px; margin-right: 0px; width: 142px;}
.sortable-footer {margin: 0 !important;}
.sort-table td {text-align: left; padding: 5px 0 5px 7px; font-size: 0.75em; vertical-align: baseline; line-height: 150%;}
table.sort-table tr.expand-child td {display: none; }
	table.sort-table tr.expand-child td.showtd {display: table-cell; }
	table.sort-table tr.expand-child td div.expanddetail {width: 742px; margin-bottom: 12px; padding-bottom: 19px;}
div.expanddetail label {float: left; display: inline;}
	div.expanddetail label.label-expand-left {width: 195px; overflow: hidden; text-align: right; margin: 0 20px 0 0;}
fieldset .originDetailsSet label.label-expand-left {width: 180px; }
div.expanddetail label.label-expand-left-tall {margin-bottom: 8px;}
div.expanddetail label.label-expand-right {font-weight: bold; width: 480px;}
div.expanddetail label.keine-angabe, div.expanddetail .not-specified {font-weight: normal!important;}
div.expand-sep {width: 712px; overflow: hidden; margin: 5px 0px 5px 15px;}
div.expanddetail-top {height: 9px; width: 742px; overflow: hidden; margin: 0px; margin-bottom: 10px;}

#brOuterTable div.expanddetail-top {margin-bottom: 0}
.sort-table th.hright {text-align: right;}
.sort-table th {vertical-align: bottom;}
	.sort-table th a {text-decoration: none; /*padding: 0 18px 0 0;*/ padding-right: 17px;}

/* sort up / down */
th strong {float:left;cursor:pointer; font-weight:normal !important; } 
th .symbol {float:left;cursor:pointer;}



div.dright {float: right;}
/* ### new table double (triple) sort  ###*/

#sTransactionsTable, .order-table, .vorlagen-table, .zahlung-table { border-spacing: 0 0.2em !important; }

.sort-table td a.btn-edit, .sort-table td a.btn-delete {width: 19px; height: 19px; display: inline; margin: 0 0px 3px 0;}
.sort-table td a.details-anzeigen, .sort-table td a.collapsed, .sort-table td label.details-anzeigen{display: block; padding: 0 0 0 12px; clear: both;}
.sort-table td a.expanded {display: block; padding: 0 0 0 12px;}
.sort-table strong.expand-date {display: block; font-weight: normal;}
.sort-table span.expand-geschaftart {display: block;}
.sort-table input.expand-chbox {display: inline; float: left; margin: 0 4px 0 0; padding: 0; height: 14px; width: 14px; overflow: hidden;}
.sort-table input.expand-chbox-content {margin: 2px 4px 0 0;}		

input.expand-cbox-all {display: inline; float: left; margin: 6px 4px 0 8px; padding: 0; height: 14px; width: 14px; overflow: hidden;}
label.label-cbox-all {float: left; display: inline; font-weight: bold; line-height: 14px; font-size: 0.75em; margin: 7px 0px 0 0; width: 123px;}
span.all-sum-tip {float: left; display: inline; font-weight: bold; line-height: 14px; font-size: 0.75em; margin: 7px 0 0 0px;}
	span.all-sum-tip span {font-weight: normal !important;}
span.all-sum-tip-ubersicht {margin-left: 0px;}
span.all-summe {float: right; display: inline; font-weight: bold; line-height: 14px; font-size: 0.75em; margin: 7px 133px 0 0px;}
span.summe-hinweiss {float: left; font-size: 0.75em; display: inline; padding: 8px 0 8px 20px;}
span.summe-hinweiss-nb {padding: 0 0 8px 150px; margin-top: -5px;}
div.filter-stand {display: none;}
div.filter-stand-show {display: block;}
span.kontostand-filter-text {display: inline; float: left; font-size: 0.75em; padding: 0 0 8px 150px; margin-top: -5px;}
span.kontostand-filter-sum {display: inline; float: right; text-align: right; font-weight: normal; font-size: 0.75em; padding: 0 0px 8px 0px; margin-top: -5px; margin-right: 135px;}			
.sort-table label.jtzt-zeichen {display: inline; float: left; line-height: 15px; padding: 0 0 1px 0; }
.sort-table label.jtzt-zeichen-nobr {/*todo-remove: display: inline; float: left;*/ line-height: 15px; padding: 0 0 1px 0; font-weight: bold;} /* hol: new class for securities' prospectus and ordermax hint */
.sort-table label.expand-content {font-weight: normal; margin: 0 !important; width: 215px; overflow: hidden; }
.sort-table label.expand-content span {text-decoration: underline;}
span.bereits {display: none;}

input.fieldradio {float: left; display: inline; width: 16px; height: 16px; padding: 0;}
input.radio-greeting {margin: 15px 6px 0 12px; }
input.radio-vorschau {margin: 5px 6px 0 12px; }
input.radio-ab {margin-bottom: 10px;}
input.radio-antwort {margin: 5px 6px 0 12px;	}
div.greeting-sep {margin: 10px 0 10px 0;}

#column-wide fieldset label {font-size: 0.80em; display: inline; float: left; line-height: 20px;}
#sTransactionsTable fieldset label {font-size: 1em;}
#clear-2both { background-image: url(https://ebanking.bawag.at/intrenetbanking/vi); }

label.label-greeting {margin: 13px 0 0 0;}
label.label-vorschau {margin: 0 6px 0 12px; line-height: 20px;}
label.label-bool {margin: 3px 0 25px 0;}
label.label-ja {margin-right: 50px;}			
input.txt-edit-greeting { float: left; width: 523px; text-align: left; padding-right: 2px; margin-bottom: 10px; margin-top: 0px !important; } 
label.edit-greeting {line-height: 20px; margin: 0 0 0 3px;}
label.label-cbox {line-height: 13px; padding: 0 0 3px 0; vertical-align: top; margin-top: -2px;}
#column-wide div.slider-wrap p {padding: 0px 20px 0px 0px;}
#column-wide div.slider-wrap fieldset p {padding: 15px 20px 18px 12px;}
a.btn-speichern {margin-bottom: 20px; float: right; margin-right: 0px;}
a.btn-left-speichern {margin-bottom: 20px; float: left; margin-right: 0px;}
a.btn-speichern-table {margin-top: 20px; margin-bottom: 20px; float: right; margin-right: 0px;}
div.checkbox-column {width: 220px; float: left; display: inline; margin: 0 0 15px 12px;}
ul.checkbox-column {columns: 3 auto; column-gap: 15px;}

div.cbox-column-top, ul.cbox-column-top {margin-top: 20px;}

input.fieldcheck {width: 14px; height: 14px; padding: 0;  float: left; display: inline;}
input.produktchbox {margin: 0 8px 15px 0;}
#column-wide p.hinweis {font-size: 0.80em; width: 340px; padding: 0 10px 20px 0; float: left;	}
#column-wide p.hinweis-table {margin: 20px 0 20px 0;}

ul.content-slider li, ul.question-slider li {padding: 0 0 9px 0;}


div.content-footer-tools {padding: 7px 0 0px 0; margin: 30px 0 10px 0; width: 760px;}
	div.content-footer-tools a.drucken { display: inline; float: left; padding: 0 0 0 32px; height: 24px; line-height: 24px; margin: 0 10px 3px 0; text-decoration: none; font-size: 0.80em; }
	div.content-footer-tools span.shadow {display: block; width: 565px; height: 9px; overflow: hidden;}
	div.content-footer-tools span.shadow-wide {width: 760px; height: 9px; overflow: hidden;}
div.content-footer-tools-table {margin-top: 0px !important; padding-top: 17px !important;} 

a.btn-csv { display: inline; float: left; height: 24px; line-height: 24px; text-decoration: none; font-size: 0.80em; padding: 0 0 0 28px; margin: 9px 80px 0 20px;}

div.content-footer-tools select.pager-select {display: inline; float: left; width: 50px; font-size: 0.80em; margin: 8px 8px 0 0;}
div.content-footer-tools select.wertpager {margin: 8px 8px 10px 315px;}
div.content-footer-tools label.pager-label {display: inline; float: left; font-size: 0.80em; margin: 10px 35px 0 0;}
div.content-footer-tools label.pager-label15 {display: inline; float: left; font-size: 0.80em; margin: 9px 15px 0 0;}
div.content-footer-tools label.pager-label-nocsv {display: inline; float: left; font-size: 0.80em; margin: 9px 15px 0 100px;}

a.btn-page-back {display: inline; float: left; font-size: 1.2em}
a.btn-page-prev {display: inline; float: left; margin: 5px 0 0 0;}
a.btn-page-next {float: right; margin: 5px 0 0 0;}
a.btn-page-next-wert {float: right; margin: 5px 15px 0 0;}

div.content-footer-tools span.pager-seite {display: inline; float: left; font-size: 0.80em; margin: 11px 0 0 7px;}
div.content-footer-tools #pageNumText {margin-left: 15px;}
div.content-footer-tools #pagerLabel {width: 125px;}

div.pagination-wrapper {position: relative; padding: 10px 0 20px; zoom:1;}
div.pagination {position:absolute; right:3px;}
	div.pagination span.shadow {display: block; width: 565px; height: 9px; overflow: hidden;}
	div.pagination span.shadow-wide {width: 760px; height: 9px; overflow: hidden;}       
	div.pagination select.pager-select {display: inline; float: left; width: 50px; height:25px; border-radius: 5px; margin: 5px 8px 0 0;} 
	div.pagination label.pager-label {display: inline; float: left; margin: 9px 35px 0 0;}
	div.pagination span.pager-seite {display: inline; float: left; margin: 9px 7px 0 7px;}
	div.pagination a.btn-zuruck, div.pagination a.btn-mehr-small {font-size: 1em;}

#taxOfficeSearchForm div.pagination {position:relative;float: right;padding-top: 5px;width:240px;}
	#taxOfficeSearchForm div.pagination select.pager-select {font-size: 0.80em;}
	#taxOfficeSearchForm div.pagination label.pager-label {font-size: 0.80em;}
	#taxOfficeSearchForm div.pagination span.pager-seite {font-size: 0.80em;}

div.teaser {float: left; display: inline; width: 185px; position: relative;}
div.teaser2 {width: 380px; }
div.teaser3 {width: 575px; }
div.teaser4 {width: 760px; }

div.threeaser {width: 565px; margin: 0 20px 0 0; display: inline;}
span.txt-teaser-headline {display: none;}

div.teaser a.teaser-mehr {position: absolute; right: 20px; bottom: 10px;}
div.threeaser a.teaser-mehr {position: absolute; right: 10px; bottom: 10px;}
div.login-info-box a.teaser-mehr {position: absolute; right: 10px; bottom: 10px;}

.pin-change-wrap {width: 760px; margin: 30px 0 15px 0;}
.pin-change-box {width: 760px;}

.pin-head {height: 46px; line-height: 46px;}
	.pin-head h3 {float: left; font-size: 0.93em; padding: 0 0 0 15px;}
.pin-change-box p {font-size: 0.80em; padding: 5px 10px 15px 12px;}
.pin-change-box label {float: left; display: inline; margin: 0 10px 0 0px; width: 142px; text-align: right; font-size: 0.80em; line-height: 20px;}

input.pin-txt {font-size: 0.80em; width: 225px;}
input.pin-txt.error{border: solid #d2041c 3px;}
.pin-change-wrap p.hinweis {font-size: 0.80em; width: 340px; padding: 0 10px 0 0; float: left;}

.sca-login-info-text {margin-top: 20px; margin-bottom: 20px;}
.sca-login-wrap {width: 565px; margin: 30px 0 15px 0;}
.sca-login-wrap-no-box {float: left;}
.sca-login {width: 770px;}
	.sca-login div.auftrag-in a.btn-tan-send span{font-size: 0.80em !important}
	.sca-login div.itan-box-radios {margin-left: 0px; margin-bottom: 20px; margin-right: 700px;}
	.sca-login p {font-size: 0.80em; padding: 0 10px 15px 0;}
.sca-login-box {width: 563px;}
	.sca-login-box div.itan-box-radios {margin-left: 40px; margin-bottom: 40px;}
	.sca-login-box label {float: left; display: inline; margin: 0 10px 0 0px; width: 142px; text-align: left; font-size: 0.80em; line-height: 20px;}
	.sca-login-box p {font-size: 0.80em; padding: 0 10px 15px 12px;}
.sca-login-no-box {width: 770px;}
	.sca-login-no-box div.itan-box-radios {margin-left: 0px; margin-bottom: 20px; margin-right: 700px;}
	.sca-login-no-box label {float: left; display: inline; margin: 0 10px 0 0px; width: 142px; text-align: left; font-size: 0.80em; line-height: 20px;}
	.sca-login-no-box p {font-size: 0.80em; padding: 0px 10px 15px 0px;}	
	.sca-login-no-box div.auftrag-in {border: 0px; margin-left: 30px;}
	.sca-login-no-box div.auftrage-box-bottom {background-image: none; width: 100%;}
	.sca-login-no-box div.tan-calculator-wrap {margin-left: 0px; margin-top: 10px;}
		.sca-login-no-box div.tan-calculator-wrap input.itan-txt {margin-left: 0px;}
		.sca-login-no-box div.tan-calculator-wrap span.tan-prefix {width: 0px;}
	.sca-login-no-box div.tan-calculator {margin-left: 0px;}	
.sca-box-shadow {width: 565px; height: 8px; overflow: hidden; margin: 0 0 7px 0;}
.sca-no-box-shadow {width: 770px; height: 8px; overflow: hidden; margin: 0 0 7px 0;}
.sca-head {height: 46px; line-height: 38px;}
	.sca-head h3 {float: left; font-size: 0.93em; padding: 0 0 0 15px;}
.sca-head-no-box {height: 46px; line-height: 38px;}	
	.sca-head-no-box h3 {float: left; font-size: 0.93em; padding: 0 0 0 15px;}
	.sca-head-no-box h1 {font-size: 1.2em;}
.sca-no-box-icon-drucken {margin-top: 30px; margin-left: 13px; margin-bottom: 5px;}

input.sca-txt {font-size: 0.80em; width: 231px;}
input.sca-txt.error{border: solid #d2041c 3px;}

.sca-login-wrap p.hinweis {font-size: 0.80em; width: 340px; padding: 0 10px 0 0; float: left;}
.sca-login-wrap a.btn-jetzt-zeichnen {position: relative; right: 40px; top: 13px; bottom: 0px}
.sca-login-wrap div.auftrage-box-bottom {display: block; float: none; background-image: none;}
.sca-login-wrap div.auftrag-in {border: none;}
.sca-login-wrap fieldset {border: none;}
.sca-login-wrap div.fieldset-shadow {background-image: none;}

.sca-login-wrap-no-box a.btn-jetzt-zeichnen {position: inherit; float: left; margin-left: 0px;}

.bku-forward-wrap {width: 565px; margin: 30px 0 15px 0;}
.bku-forward-box {width: 563px;}
#bku-forward-box p {font-size: 0.80em; padding: 5px 10px 15px 12px;}
#bku-forward-box label {display: inline; float: left; font-size: 0.8em; line-height: 20px; margin: 0 10px; text-align: right; width: 150px;}
#taxOfficeSearchForm #bku-forward-box label { width: 155px;}
#bku-forward-box ul {display: inline; float: left; font-size: 0.8em; line-height: 20px; margin: 0 0 10px 35px;}
.bku-forward-head {height: 46px; line-height: 38px;}
	.bku-forward-head h3 {float: left; font-size: 0.93em; padding: 0 0 0 15px;}
	.bku-forward-head a.question-mark {float: right; display: inline; margin: 8px 10px 0 0;}
.bku-forward-box-shadow {width: 565px; height: 8px; overflow: hidden; margin: 0 0 7px 0;}
.bku-forward-wrap a.btn-noch-fragen {float: left;}
#bku-forward-hinweis-bottom  p {font-size: 0.80em; padding: 0 0 0 20px; float: left; width: 300px;}

#confirmation_part fieldset { border-bottom: 1px solid #f4f4f4; }
#loading_overlay { text-align: center; font-size: 0.9em; }

.logout-wrap {width: 760px; margin: 30px 10px 15px 0; float:right;}
	.logout-wrap fieldset, .logout-wrap a.btn-noch-fragen {margin: 0;}
	.logout-wrap p {font-size: 0.80em; margin-top: 12px;}
.logout-wrap .confirm-boxes ul {font-size: 0.8em; list-style-position: inside;} 
.logout-wrap .confirm-boxes div.confirm-box-img {height: 100px; display: inline; float: left; margin: 0 10px 0px 0; padding: 0 0 12px 0;} 
.logout-head {line-height: 38px; background-repeat: no-repeat; background-position: left bottom;}
	.logout-head h1 {float: left; font-size: 1.2em;}
	.logout-head a.question-mark {float: left; display: inline; margin: 8px 10px 0;}

.search-nav a.btn-mehr-small, .search-nav a.btn-zuruck, .search-nav a.btn-mehr-small-dis, .search-nav a.btn-zuruck-dis {float: right; margin: 10px 0 10px 0;}
.search-nav p.search-info {float: right; margin: 10px 10px 10px 10px; font-size: 0.8em;}

.login-box {width: 368px; margin: 30px -1px 15px 7px; display: inline; float: left;}
.login-right-col {float: left; display: inline;}
.login-box label {float: left; display: inline; margin: 0 10px 0 10px; width: 105px; text-align: right; font-size: 0.80em; line-height: 20px;}
.login-box label.error{color: #d2041c;}
.login-head {margin: 0 0 10px 0;}
span.label-tip {font-size: 0.73em; display: block; margin: 2px 0 10px 0; padding: 0 0 0 152px;}
span.login-tip {padding: 0 0 0 125px;}
input.txt-login {margin: 0 0 12px 0;}
input.txt-login.error{border: solid #d2041c 3px;}
.login-box p.bedingungen {float: left; display: inline; padding: 0 0 14px 10px; font-size: 0.80em; width: 210px;}
.login-box p.login-error {font-size: 0.80em; padding: 0 10px 14px 10px; line-height: 150%;}
a.btn-login {display: inline; margin: 0 8px 8px 0;}
.login-sep {height: 2px; overflow: hidden;}
.login-box .pin-head h3 {padding-left: 10px;}
.login-box .pin-head a.question-mark {float: right; display: inline; margin: 8px 10px 0 0;}
.login-info-box {width: 175px; display: inline; float: left; margin: 30px 0 0 15px; position: relative;}
	.login-info-box div.left-nav {margin-bottom: 0px;}
	
.with-border { padding: 5px 5px 0; }

.double-box {width: 369px; display: inline; float: left; margin: 30px 0 0 15px; min-height: 175px; height: auto !important; height: 175px;}
.tripple-box {width: 559px; display: inline; float: left; margin: 0px 0 0 15px; min-height: 175px; height: auto !important; height: 175px;}
	.tripple-box div.teaser {width: 565px;}
.elteaser {width: 175px; margin: 30px 0 0 15px; min-height: 195px; height: auto !important; height: 195px;}
	.elteaser div.teaser {min-height: 195px; height: auto !important; height: 195px;}
.meldung-head {height: 27px; line-height: 25px; margin: -2px 0 0 0;}

.level-hoch span {font-weight: bold; font-size: 0.73em; padding: 0 0 0 32px;}
.level-mittel span, .level-niedrig span {font-weight: bold; font-size: 0.73em; padding: 0 0 0 24px;}

.meldung-text p {padding: 5px 10px 4px 10px; font-size: 0.80em; line-height: 150%;	}
.meldung-text a.btn-mehr-smallest {float: right; display: inline; margin: 0 10px 10px 0;}
.meldung-text-mittel p {padding: 0px 10px 4px 0;}
.meldung-foot {height: 7px; overflow: hidden;}
.login-info-box h3 {font-size: 0.93em; padding: 0 0 0 3px; margin: 3px 0 1px 0 !important;}
.login-info-box div.login-info-sep {width: 175px; margin-left: 0px;}
.login-info-box div.left-nav {width: 175px; margin-left: 0px;}
.login-info-box div.left-nav ul.lev1 p.telefon {font-size: 0.80em; padding: 10px 0 10px 25px; line-height: 140%;}

div.warning-tab-hoch {min-height: 27px;}

div.warning-tab-hoch a {text-decoration: none; font-size: 0.73em; font-weight: bold; line-height: 25px; padding: 0 0 0 25px; display: block;}
div.warning-tab-mittel, div.warning-tab-niedrig {padding: 5px 0 8px 2px;}
div.warning-tab-mittel a, div.warning-tab-niedrig a {font-size: 0.80em; text-decoration: none; display: block; line-height: 150%; padding: 0px 20px 0px 0; margin-left: 1px;}
span.sign-mittel, span.sign-niedrig {padding: 0 0 0 22px;}

#footer {width: 955px; margin: 10px 0 0 0; padding-top: 10px;}

#footer ul.foot-list {float: left; display: inline; margin: 0 0 0 290px; padding: 0;}
	#footer ul.foot-list li {list-style: none; float: left; margin: 0 7px 0 0;}
	#footer ul.foot-list li a { font-weight: normal; font-size: 0.73em; }
#footer ul.foot-sitemap {margin: 0 0 0 230px;}

#footer div.color-scheme {float: right; padding-right: 8px; }
	#footer div.color-scheme a.text-small, #footer div.color-scheme a.text-big {height: 22px; overflow: hidden; display: inline; float: left; margin-top: 2px; margin-right: 1px;}
	#footer div.color-scheme a.text-small {width: 19px; cursor: default; }
	#footer div.color-scheme a.text-big {width: 19px;}
	#footer div.color-scheme a.sh-yellow, #footer div.color-scheme a.sh-blue, #footer div.color-scheme a.sh-red {width: 26px; height: 26px; display: inline; float: left; text-indent: -1000em; margin: 1px 5px 0 0; } 
	#footer div.color-scheme a.wai {width: 32px; height: 22px; display: inline; float: left; text-indent: -1000em; margin: 0 0px 0 0;}

#footer span.copy {display: block; text-align: center; height: 23px; line-height: 23px; padding: 0 0 8px 0; font-size: 0.73em;}


/**/
.hilfe-tip { width: 173px; margin: 0 0 0 10px; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);}
	.hilfe-tip div.buble-head-left, .hilfe-tip div.buble-head-middle, .hilfe-tip div.buble-head-right {height: 26px;  line-height: 20px; float:left;}
	.hilfe-tip div.buble-head-left {width:80px;}
	.hilfe-tip div.buble-head-middle {width:13px;}
	.hilfe-tip div.buble-head-right {width:80px;}
	.hilfe-tip div.buble-head {font-size: 0.80em;float:left;height: 0;position:relative;top:-21px;left:8px; }
	.hilfe-tip p {font-size: 0.80em; padding: 2px 8px 5px 8px !important; width: 155px; margin: 0; overflow: hidden; line-height: 120%;}

.securityQuantityHintTooltip .hilfe-tip {width: 520px;}
	.securityQuantityHintTooltip .hilfe-tip p {width: 520px;padding-left:0!important;padding-right:0!important;padding-bottom:0!important;}
	.securityQuantityHintTooltip .hilfe-tip div.buble-head-middle {width:360px;}
	.securityQuantityHintTooltip .hilfe-tip div.buble-head {left:0;}
.securityQuantityHintTooltip .buble-head {width:100%;}

.securityQuantityHintTooltip .securityQuantityHintHeaderLeft, .securityQuantityHintTooltip .securityQuantityHintBodyLeft {float:left;padding-left:12px!important;}
.securityQuantityHintTooltip .securityQuantityHintHeaderRight, .securityQuantityHintTooltip .securityQuantityHintBodyRight  {float:right;padding-right:12px!important;}

.securityQuantityHintTooltip .securityQuantityHintHeaderLeft,
.securityQuantityHintTooltip .securityQuantityHintBodyLeft,
.securityQuantityHintTooltip .securityQuantityHintHeaderRight,
.securityQuantityHintTooltip .securityQuantityHintBodyRight {padding-bottom: 5px;}

#column-wide a.pmark div.hilfe-tip div.buble-head, #column-wide a.pmark div.hilfe-tip p {font-size: 1em !important;}
#column-wide a.pmark:hover div.hilfe-tip p {text-decoration: none !important;}

/* pure css tooltip*/
a.ttooltip {z-index:10; text-decoration: none; position: relative;}
a.ttooltip span {
   position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   margin: -1px;
   overflow: hidden;
   clip: rect(0,0,0,0);
   clip-path: inset(50%);
   white-space: nowrap;
   text-decoration: none; 
}
a.ttooltip:hover {position:relative; z-index:100; text-decoration: none;}
a.ttooltip:hover span {
   display: block; 
   bottom: 18px; 
   right: 0px; 
   padding: 2px 5px; 
   margin: auto;
   width: max-content;
   height: max-content;
   clip: auto;
   clip-path: none;
   z-index: 10; 
}

/* edit konto funkctions */
a.save-konto {display: none;}
p.edit-error {font-size: 0.80em; padding: 0 0 20px 0; display: none;}

/* js tooltip*/
#tooltip .body {padding: 0 !important;}

//todo: remove if no problem
/* ************************************************ psk sofa banking layout **************************************************************** */
/*
div.content-footer-tools select.pager-select-psk {margin-left: 188px;}
select.all-accounts-psk { width: 500px; margin-right: 10px;} 
a.btn-psk-postfach-suche {float: left; margin-bottom: 18px;}
input.psk-postfach-suche {float: left; width: 445px; display: inline; margin: 2px 10px 18px 0;}
ul.psk-postfach-slider {margin: 12px 0 25px 0;}
input.psk-postfach-cbox {margin: 2px 0 0 0;}
a.psk-btn-aktion {padding: 0 7px 0 0;}
#footer div.color-scheme a.sh-yellow-white {width: 31px; height: 18px; display: inline; float: left; text-indent: -1000em; margin: 6px 5px 0 0; } */

.supplementtext{font-family:"Courier New", monospace; font-size: 14px; line-height: 20px;}

/* wertpapier kauf*/
.w {height:0;left:-1000px;display:inline;overflow:hidden;position: absolute;top:-1000px;width:0;}
span.question-disabled {width: 24px; height: 24px; overflow: hidden; display: inline; float: left; text-decoration: none; margin: -2px 0 0 0;}

#bestens-wrap, #limit-wrap, #stop-market-wrap, #stop-limit, #calculatedrates-wrap {display: none;}


/* javascript show / hide update */ /* inlanduberweisung, ...*/
.uberweisung-fset #rKontoNr_txt2, .uberweisung-fset #rKontoNr_btxt2, .uberweisung-fset #kontoBlz_ltxt2, .uberweisung-fset #kontoNr_ltxt2 {display: none;}

.boxed-content{font-size:0.80em; padding:0px 0px 15px 15px;}
	.boxed-content ul {padding:25px 0 10px 25px;}
		.boxed-content ul li {padding:0 0 25px 0;}

div.date-pick{ padding: 24px 24px 0 0; background-image: url(../css_images/calendar.svg); background-position: 0 0; background-repeat: no-repeat; float: left; cursor:pointer; margin-top: -4px; }

#search-panel div.date-pick { margin-right:6px; }
#search-panel label.input-legend { padding-bottom: 3px; } 
#search-panel label.day-to{margin-left:0px; width:80px; text-align:right;}
#search-panel label.amount-to{margin-left:0px; width:95px; text-align:right;}

#search-panel-brokerage div.date-pick{margin-right:6px;}
#search-panel-brokerage label.day-to{margin-left:0px !important; width:77px; text-align:right;}

#totalportfoliobalancehint { margin-right: 5px; }

label.mb15 {margin-bottom:15px;}

input.cnt {font-size: 1em;}

a.btn-direct-debit-close { bottom: 15px; display: inline; font-size: 1.1em; margin: 0; position: absolute; right: 10px;}
a.btn-direct-debit-back-button { bottom: 15px; display: inline; font-size: 1.1em; margin: 0; position: absolute; left: 10px;}

div.stick-footer-bottom {margin: 0 0 430px 0;}
fieldset.kontodetails-wrap {padding: 15px 0 15px 0;}
label.kontodetail-left {float: left; width: 172px; display: inline; font-size: 12px; margin: 0 23px 3px 0; text-align: right;}
label.kontodetail-right {float: left; font-weight: bold;max-width: 550px;}
label.kontodetail-regular {font-weight: normal !important;}
label.itan-vw-left {float: left; width: 175px; display: inline; font-size: 12px; margin: 0 20px 3px 0; text-align: right;}
label.itan-vw-right {float: left;}
input.radio-vw {float: left; display: inline; width: 13px; height: 13px; overflow: hidden; padding: 0; margin: 2px 7px 15px 0;}
div.itan-vw-box {float: right; display: inline; margin: 0 10px 0 0;}
	div.itan-vw-box div.auftrag-in-small {height: 100px; height: auto !important; min-height: 100px;}
	div.itan-vw-box label.auftragbox-headline {padding-bottom: 17px;}
	div.itan-vw-box a.btn-jetzt-zeichnen {bottom: 23px;}
div.mtan-box {float: right; display: inline; margin: 0 10px 0 0;}
div.mtan-box div.auftrag-in-small {height: 90px; height: auto !important; min-height: 90px;}
ul.depotumsatz-slider {margin: 30px 0 0 0;}
label.bis-depotumsatz {margin: 0 5px 0 49px !important;}
a.dpum-right {padding-right: 7px;}
div.wp-storno {height: 135px; height: auto !important; min-height: 135px;}
a.btn-back-storno {position: absolute; left: 0px; bottom: 5px;}
span.kreditRight {width: 30px; text-align: right;}
span.kreditAuxiliarytxt {display: inline; float: left; font-size: 0.80em; padding: 0 0 0 35px;}
a.btn-kredit-anfordern {margin: 5px 0 12px 0 !important;}
select.mtan-wahl-wide {width: 370px; float: left;}
select.mtan-wahl-small {float: left; display: inline; width: 178px; margin-right: 10px;}
input.mtan-imobiltxt {float: left; display: inline; width: 178px;}
span.mtanAktuell-mNo {display: inline; float: left; font-size: 0.80em; padding: 0; margin: 0; width: 550px;}
input.mtanCbox {margin: 2px 7px 0 0; padding: 0; float: left; display: inline; width: 14px; height: 14px;}
label.mtanCbox-txt {display: inline; float: left; width: 540px; font-size: 0.80em; padding: 0 0 10px 0;}

div.mtan-box label.mtanBox-activateTxt {float: left; display: inline; text-align: right; font-weight: bold; width: 150px; margin: 22px 20px 0 0; font-size: 0.80em;}
div.mtan-box input.mtanActivate-itxt {width:170px; margin: 20px 10px 67px 0; float: right; display: inline;}
div.mtan-box input.mtanActivate-itxt-md {width:170px; margin: 20px 10px 20px 4px; float: right; display: inline;}
div.mtan-box input.mtanActivate-date {width:170px; margin: 20px 10px 20px 4px; float: right; display: inline;}

div.mtan-box div.date-pick {margin-top: 20px !important;}
select.kntAuszug-wahl {float: left; display: inline; width: 180px;}
a.druckenWcsv {margin-right: 239px !important;}
a.kauszugListetd {float: none; margin: 0; font-size: 1em !important;}
a.kauszugListetdRight {float: right; margin: 0; font-size: 1em !important;}
div.top-reklamation {margin-bottom: 25px;}
span.reklamation-stand {margin-bottom: 10px; line-height: 140%; width: 445px;}
select.reklamationGrund-wahl {width: 442px;}
label.reklamationLleft {text-align: left; padding-left: 10px;}
textarea.reklamationForm {width: 444px; height: 100px; margin: 5px 0 10px 0;}
input.reklamationTxt-wide {width: 444px; margin-right: 10px; float: left; display: inline;}
a.reklamation-mark {margin-top: 1px !important;}
label.reklamationCbox {width: 425px; float: right; padding-top: 3px;}
input.reklamationiCbox {width: 14px; height: 14px; overflow: hidden; float: left; display: inline; margin: 5px 5px 0 0; padding: 0;}
div.reklamation-bbox {margin-top: 10px;}
	div.reklamation-bbox div.auftrag-in-small {height: 95px; height: auto !important; min-height: 95px;}
a.btn-umsatzreklamation-suche {margin-right: 10px;}
label.teilBetrag {margin-right: 47px;}
input.einkaufserveZweck-wide {width: 380px; float: left; display: inline; margin-right: 10px;}
input.sonstigesEinkaufserve {width: 184px; float: left; display: inline; margin-left: 106px;}
input.txtteilBetrag {width: 148px;}
input.kontactRuckfrage {margin-right: 10px;}
label.arbeitVerhaeltnihs {margin-right: 95px;}
input.einkaufServDay, input.einkaufServMonth {width: 32px; float: left; display: inline; margin-right: 10px;}
input.einkaufServYear {width: 52px; float: left; display: inline; margin-right: 10px;}

input.vfauswahl-radio {width: 14px; height: 14px; overflow: hidden; padding: 0; margin: 3px 5px 0 10px; float: left; display: inline;}
label.vfauswahl-txt {float: left; display: inline; margin: 0 0 10px 0; padding: 0; text-align: left; width: 250px;}
a.btn-vfback {margin-right: 15px; margin-top: 7px;}
p.vfhinweiss {float: left; margin-top: 2px !important;}

/*mtan administratiton*/
div.buttombutton {min-height: 100px; position: relative;}

fieldset[class|=nachricht-fset] {padding: 0px 0 12px 0; margin-bottom: 12px; overflow: hidden;}
div.nachricht-taskbar {height: 100%; line-height: 30px; margin: 0 0 15px 0; background-color: #f3f3f3;}
div.nachricht-taskbar strong {float: left; font-size: 0.8em; display: inline; margin: 0 0 0 40px;}
div.nachricht-tool-icons {float: right; display: inline; margin: 3px 10px 0 0;}
fieldset[class|=nachricht-fset] p {padding: 0 10px 16px 10px !important; line-height: 130%;}
fieldset[class|=nachricht-fset] p.link-liste-headline {padding: 0 10px 5px 10px !important;}
div.nachricht-taskbar span.nachricht-reply-header {font-size: 0.8em; display: block; padding: 0 0 0 10px;}
fieldset[class|=nachricht-fset] ul {margin: 0 0 0 25px;}
fieldset[class|=nachricht-fset] ul.link-liste {font-size: 0.8em; margin: 0 0 25px 10px; list-style: none !important;}
fieldset[class|=nachricht-fset] ul.link-liste li {list-style: none !important;}
fieldset[class|=nachricht-fset] ul.link-liste li a {padding: 0 0 0 10px;}
a.btn-dyn-nachricht {float: right; font-size: 1.2em; display: inline; margin: 10px 10px 10px 0;}
a.btn-finanz-nachricht {float: right; font-size: 1.2em; display: inline; margin: 10px 10px 10px 0;}
a.save-message {display: inline; float: left; text-decoration: none; font-size: 0.80em; height: 38px; line-height: 38px; padding: 0 0 0 42px; background-image: url(../css_images/icon_save_message.gif); background-repeat: no-repeat; color: #4a4a4a;}
fieldset[class|=nachricht-fset] div.middle-sep {margin: 0 0 15px 0;}

div.nachricht-taskbar-in-table {height: 100%; line-height: 30px; background-color: #f3f3f3;}
div.nachricht-taskbar-in-table strong {float: left; display: inline; margin: 0 0 0 40px; cursor: default;}
table[id|=maildetailsheader] {border-collapse :0; padding: 0;  border: 0; width: 760px; margin: 0 0 15px 0 !important; }
table[id|=maildetailsheader] thead {border-collapse :0; padding: 0; border: 0;}
table[id|=maildetailsheader] th {text-align: left; font-size: 0.80em; vertical-align: top; padding: 0 0 0 0;}

.negativ_amount { color: #C10607!important; }
.login-top-text-wrap #error_part p {color:#990000!important;}

/*sign table*/
.auftrage-boxes-bottom-table {table-layout: fixed; width: 760px;}
	.auftrage-boxes-bottom-table  td.auftrage-box-top{border-top:1px solid #d9d9d9;}
	.auftrage-boxes-bottom-table  td.auftrage-box-bottom{border-top:1px solid #d9d9d9; height:10px}
	.auftrage-boxes-bottom-table  td.auftrage-box-content-column{border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; vertical-align:top}
	.auftrage-boxes-bottom-table  td.auftrage-box-content-column label.auftragbox-headline{color: #000000; display: block; font-size: 0.8em; margin: 10px 0 0; padding: 0 0 0 10px;}
	.auftrage-boxes-bottom-table  td.interlayer{width: 22px}
	.auftrage-boxes-bottom-table  td.auftrage-box-content-column a.btn-jetzt-zeichnen {position: relative; bottom: 0px}

/* sitemap */
#column-wide.column-sitemap {width: 955px;}
div.column-sitemap div.content-footer-tools {width: 955px;}
div.column-sitemap span.shadow-wide {width: 955px; }
div.column-sitemap div.sitemap-box {width: 175px; display: inline; float: left; margin: 20px 20px 10px 0;}
div.column-sitemap div.sitemap-last {margin-right: 0px;}
div.sitemap-box h3 {font-size: 0.9em; font-weight: bold; margin: 0 0 2px 0; padding: 0 0 6px 0;}
	div.sitemap-box h3 a {text-decoration: none; text-transform: uppercase;}
	div.sitemap-box h3 a:hover {text-decoration: none;}
div.sitemap-box ul {list-style: none; padding: 0; margin: 0;}
	div.sitemap-box ul.level1 { width: 175px; overflow: hidden; margin: 0; padding: 0;}
		div.sitemap-box ul.level1 li { padding: 0 0 1px 0;}
			div.sitemap-box ul.level1 li a {font-size: 0.9em;  text-decoration: none; font-weight: bold; padding: 7px 0 7px 17px; display: block;}
				div.sitemap-box ul.level1 li a:hover { background-position: 2px -81px;}
		div.sitemap-box ul.level1 li.open a:hover {background-position: 2px -133px;}
	div.sitemap-box ul.level2 {width: 175px; margin: 0 0 0 0px;}
		div.sitemap-box ul.level2 li {margin: 0 0 0 14px;	}
			div.sitemap-box ul.level2 li a {font-size: 0.8em; text-decoration: none; font-weight: normal; display: block;}
			div.sitemap-box ul.level2 li a:hover { background-position: 0px -81px !important;}

	div.sitemap-box ul.level2-open {width: 175px; margin: 0 0 0 0px;}
		div.sitemap-box ul.level2-open li {margin: 0 0 0 14px;	}
			div.sitemap-box ul.level2-open li a {font-size: 0.8em; text-decoration: none; font-weight: normal; display: block;}
				div.sitemap-box ul.level2-open li a:hover { background-position: 2px -133px !important;}          
	div.sitemap-box ul.level3 {width: 175px; margin: 0 0 0 0px;}
		div.sitemap-box ul.level3 li {margin: 0 0 0 28px;	}
			div.sitemap-box ul.level3 li a {font-size: 0.8em; text-decoration: none; font-weight: normal; display: block;}
				div.sitemap-box ul.level3 li a:hover { background-position: 2px -81px !important;}

/*mailbox create a new mail*/
input.nachricht-txt {float: left; width: 550px; margin-right: 0px;}
select.nachricht-wahl {display: inline; float: left; width: 560px; font-size: 0.80em; padding-top: 1px; padding-bottom: 1px;}
div.auftrag-box-news div.auftrag-in {min-height: 88px; height: auto !important; height: 88px; margin-top: 20px;}
	div.auftrag-box-news div.auftrag-in p {padding-top: 12px !important;}
	div.auftrag-box-news div.auftrag-in a.btn-send-nachricten {margin: -5px 10px 0px 0;}

.sort-table .lastcolumn {padding-right:5px;}

div#timer-wrapper {padding-right:9px;}
	div#timer-wrapper div.logout-txt {margin-right:0;}

.foreign_eu_selection {margin:30px 0 15px;}
	.foreign_eu_selection td{vertical-align:top;width:368px;}
		.foreign_eu_selection td.interlayer{width:20px;}
		.foreign_eu_selection td.with_border{border: 1px solid #cccccc;border-bottom:none;}
		.foreign_eu_selection td.with_border.bottom{border: 1px solid #cccccc;border-top:none;}
.foreign_eu_selection .btn-login{margin-bottom:30px;}
.foreign_eu_selection .boxed-content{padding:0 10px 15px 15px;}

.simplemodal-wrap {overflow: hidden !important;}
#differedPaymentBackBlock .auftrag-in-small{min-height:152px;}
#differedPayment .konto-stand-sum {margin-top:4px;}
.marginRight10px{margin-right:10px;}

div.pagination {width:400px;}

div.auftrag-in-small-readonly {min-height: 147px !important;}

#my_favorites fieldset label, #my_favorites input.fieldcheck {float: none;}
.fnone {float:none !important;}

#mailDetails a.broadcast_message_button {font-size: 1.2em;}

/*product opening bawag*/
label.inner-left {width: 180px; margin-top: 5px;}
label.inner-right {margin-top: 5px;}
span.inner-right {margin-top: 2px;}

.atm-limit-change-table {padding: 0; margin: 0; width: 760px;}
	.atm-limit-change-table td {text-align: left; padding: 5px; vertical-align: middle;}
		.atm-limit-change-table td.first {width:145px;text-align:right;}
		.atm-limit-change-table td.second {width:70px;}
		.atm-limit-change-table td.third {width:100px;}

.upperCase { text-transform: uppercase; }

#mailMaike div.mail-attachment {float: left;margin-right:10px;margin-bottom:10px;text-align:center;}

*[id^='mailbody'] p { font-size: 1em; margin-left: -10px; } 
*[id^='mailbody'] ul { padding: 16px 0 16px 0;}
*[id^='mailbody'] table { border-collapse: collapse;}
*[id^='mailbody'] td { padding: 5px; border:1px solid;}
*[id^='mailbody'] th { font-size: 1em; font-weight: bold; border: 1px solid; padding: 5px; background-color: #f3f3f3;}
*[id^='mailbody'] .floatleft { float: left;}

#mailbody2 p { font-size: 1em; } 

/*js tooltip*/
#tooltip { position: absolute; }

.hidden {display:none;}

.totalPortfolioBalanceHelpHintBody .listHolder {margin-left: 20px;}
	.totalPortfolioBalanceHelpHintBody .listHolder .disc, .totalPortfolioBalanceHelpHintBody .listHolder .circle {display:list-item;}
	.totalPortfolioBalanceHelpHintBody .listHolder .disc {list-style-type:disc;}
	.totalPortfolioBalanceHelpHintBody .listHolder .circle {margin-left: 20px;list-style-type:circle;}

/* mailtext make table work again */
[class|=nachricht-fset] td {text-align: left; padding: 0; font-size: 1em !important; vertical-align: top; background-image: none !important;}
[class|=nachricht-fset] table { width: 100%; }

/* dyninfo message */
.dyn_message { font-size: 1em; }
.dyn_message table { width: 100% }
.dyn_message ul li { margin-left: 25px; }

.grey-text {color: #999}


/* iban fields */
.ibanmask {width: 368px !important;}
.ibanMessage {width: 200px !important;}

div.dleft {display: inline-block;width: 100%;}
div.dright-button {display: inline-block;width: 100%;}

.finoverviewmailreceived {word-wrap: break-word;word-break: break-all;width:110px;min-width:110px;max-width:115px;}
.finoverviewmailfrom {white-space: normal; word-wrap: break-word;word-break: keep-all;width:140px;min-width:140px;max-width:150px;}
.finoverviewmailsubject {word-wrap: break-word;width:430px;min-width:430px;max-width:450px;}

.mailinfrom {word-wrap: break-word;word-break: break-all;width:110px;max-width:110px;}
.mailinsubject {word-wrap: break-word;width:175px;max-width:175px;}

/* pin-nachbestellung */
.pin-info-box1 {font-size: 0.80em; padding-left: 25px;}
.pin-info-box2 {font-size: 0.80em; padding-left: 25px; border-top: 1px solid #d1d1d1;}

/* pin-bestellung */
.sec_pfn_signing_row input.tan-calculator-button {font-size:1.4em !important}
.sec_pfn_signing_row .itan-calculator-tip{font-size:1em !important}
.sec_pfn_signing_row input {font-size:1em !important}

.warn-hint {float:right;width:80%;margin-bottom:10px;color:#d2041c;font-size:0.73em;}

.table_tan {display: table;}
	.table_tan .btn-auftrag-close {position: absolute; margin-bottom: 0; margin-right: 0;}
	.table_tan a.btn-jetzt-zeichnen {position: absolute; margin-bottom: 0; margin-right: 0; bottom: 10px;}

.top-radius {border-top-left-radius: 6px; border-top-right-radius: 6px; }
.bottom-radius {border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }

/* klar-signing ad */
.ks_ad_qr_image { width:130px; height: 130px; padding: 3px; border: 1px solid #ccc; margin-top: 5px; }
#ks_ad_column1 { float: left; width: 100px; text-align: center; text-align: center; padding-top: 16px; }
#ks_ad_column2 { float: left; width: 630px; padding-right: 0px !important; padding-top: 16px; padding-bottom:16px; line-height: 1.4rem; font-size: 0.9em; }
#ks_ad_column2 h3 { font-size: 1.0em !important; }

/* productshop new */
.content-box-content.dark { padding-bottom:20px; padding-top:20px; }
.prodopen_header { height: 40px; }
.productshop_image { padding-bottom: 25px; }
#ks_ad_column3 { float: left; width: 160px; text-align: center; padding-top: 16px; padding-bottom: 16px; }


/* foreign selection */
  .infomsg {
    margin: 15px 15px 30px 15px;
  }
  .infomsg__content {
    display: flex;
    padding: 20px 10px 0;
    border-radius: 5px;
  }
  .infomsg__img { 
    margin-right: 8px;
  }
  .infomsg h3 {
    font-size: .9em;
    padding: 0;
    margin: 0 0 10px 0;
  }

/* Instant Payment stuff */
 .ip_check {
	border-radius: 4px;
	box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
	width: 361px;
	margin-left: 195px;
	margin-bottom: 15px;
	padding: 8px 8px 8px 5px;
	position: relative;
	z-index: 0;
	display: block;
    overflow: auto;
}
  
  .ip_check[disabled] {
	opacity: 0.8;
	box-shadow: none;
  }
  
  #column-wide fieldset .ip_check .ip_check__label { 
	height: 100%;
	width: 100%;
  }

  .ip_check .ip_check__info { 
	font-size: 0.9em;
	margin-top: 8px;
	display: flex;
	align-items: baseline;
  }

  .ip_check .ip_check__text {
    width: 100%;
  }

  .ip_check .ip_check__checkbox {
	width: 50px;
	text-align: center;
  }

  .ip_check h2 {
	margin-left: 8px;
	margin-top: 4px;
  }
  
  .ip--background{
	position: absolute;
	top: 0;
	left: 0; 
	width: 100%;
	height: 100%;
	z-index: -1;
  }
  
  .ip_disabled {
	display: none;
  }

   /* small correction cause of the image checkbox */
  input#instantpayment[type=checkbox] {
	  position: relative;
	  bottom: 1px;
  }

  /* Temporary style hint */
  #hint_ip_text, #ip_error {	
	border-radius: 7px;
	padding: 3px 8px;
	font-size: smaller;
  }

   /* cause of the fixed size is set for all(*) elements */
  small {
	font-size: 0.8em;
  }

  #pincheck  {font-size: 0.80em; list-style-type:none; margin-top: 10px;}
  #pincheck li {min-height: 18px;}
  #pincheck li.ok::before {content:"\2714\0020"; color:#428500;}
  #pincheck li.none::before {content: "\2212\0020"; min-width: 14px; display: inline-block; padding-top: 2px;}
  #pincheck li.nok::before {content:"\2716\0020"; color:#e20f00;}
  
  #fraudmessagebox { background-color: #FCFCF5; border: 1px solid #8B9015; border-radius: 6px; padding: 12px; width: 740px; margin-bottom: 8px; min-height: 60px; overflow: hidden; }
  #fraudmessageicon { float: left; width: 25px;}
  #fraudmessagetext { font-size: 0.9em; overflow: auto; }
  #fraudmessagetext .fraudmessageheader { display: block; font-size: 1.1em; font-weight: 600; margin-bottom: 6px; }
  #fraudmessagetext a { text-decoration: underline !important;}
  
  .login-box-link {
    list-style: none;
    margin: 0 0 0 12px;
    padding: 0;
  }	
  
  .login-box-link li {
	background-image: url(../css_images/arrow_vlist2.gif);
	background-repeat: no-repeat;
    background-position-y: center;
    padding-left: 15px;
    line-height: 15px;	
  }
  
  .login-box-link li a {
	font-size: 0.8em;
    text-decoration: none;
    padding: 8px 0 8px 0;
    display: block;
    line-height: 15px;
    min-height: 15px;  
    overflow: hidden;
  }

  .kontodetail-right a {
	  text-decoration: underline;
  }
  
    /* app login changes */  
  	#login_tab_disposer { float: left; }	
	#login_tab_app { float: right; }	
	
	#tab_app_info { 
		display: block; 
		padding: 16px 8px 16px 8px; 
		font-size: 0.8em; 
		overflow: auto; 
	}
	
	#tab_polling_info {
		padding: 16px 0 32px 0;
		text-align: center;
	}
	
	#tab_code_info {
		display: block; 
		padding: 16px 0 16px 0; 
	}
	
	#tab_polling_info img {
		width: 70px;
	}
	#tab_polling_info a {
		text-decoration: underline;
		font-size: 0.8em;
	}	
	#tab_polling_info p,
	#tab_code_info p{
		display: block;
		margin-top: 6px;
		margin-bottom: 12px;
		margin-left: 8px;
		font-size: 0.8em;
	}

	.login_tab_disabled {	
		border-bottom: 1px solid #ccc !important;
		color: #ccc !important;
		font-weight: normal !important;
	}
	
	.app-cancel {
		margin-left: 8px; 
		display:inline-block;
	}
	
	.app-cancel a {
		text-decoration: underline;
		font-size: 0.8em;
	}
				
	#tab_disposer_info {
		height: 30px;
	}
		
	#login_tabs {
		overflow: auto;
	}
	
	.login_tab {
		display: block;
		width: 50%;
		text-align: center;
		font-size: 0.8em;
		height: 20px;
	}	
	
	.login_tab_active {
		border-bottom: 2px solid #990000;
		font-weight: bold;
	}
	
	.login_tab_inactive {
		border-bottom: 1px solid #888;
		font-weight: normal;
	}
	
	#tab_code_info > .submit-button {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	
	#tab_code #code {
		font-size: 1.0em;
	}
	
	#tab_code label {
		padding-top: 3px;
	}
	
	#error_part_text a {
		text-decoration: underline;
	}
	
	#error_part_text p, #confirmation_part_text p, #information_part_text p {
		font-size: 1em;
		margin-top: 10px;
	}
	

	#error_part_text p, #confirmation_part_text p, #information_part_text p {
		font-size: 1em;
		margin-top: 10px;
	}


/*DEM1527-3202 Introduce css style class for app only content in postbox messages */
.app_only {
	visibility: hidden;
	display: none;
}

/* DEM1527-3471 Warning when choosing "Fraud" for credit card */
.cc_fraud_warn {
	font-size: 0.80em; 
	padding: 12px 0 8px 35px !important; 
	display: block; 
}

.cc_fraud_warn ul {
	padding-left: 20px;
	padding-top: 5px;
}

/* DEM1635-35 new LossCompensation */
.loss_comp_table {
	font-size: 0.8em;
	margin: 10px;
	border-spacing: 0px;
	border-collapse: collapse;
	width: 720px;
}			

.loss_comp_table td, .loss_comp_table th {
	border: 1px solid #d8d8d8;
	padding: 3px;
}

/* DEM1527-4497 */
#productopening_section {
	border: none;
	height: 90px;
}

#productopening_outer_span {
	float: left;
	width: 90px;
	height: 90px;
	display: inline-flex;
	align-items: center;
}

#productopening_inner_span {
	color: #990000;
	font-weight: bold;
}

#productopening_inner_span_link {
	font-weight: normal;
}

/* Accessibility Changes */

.sort-header:has(svg) {
	display: flex;
	align-items: center;
	gap: 3px;
}

.sort-header svg.sort-arrow {
	margin-left: 1px;
}

svg.sort-arrow {
	height: 26px;
	width: 26px;
	cursor: pointer;
}

.sort-table th a.sortable {
	background-image: none !important;
	padding-right: 5px;
}

.hidden {
	display: none !important;
}

.sort-header svg.sort-arrow path {
	stroke: gray;
	stroke-width: 1.5px;
}


table th>.sortable:has(svg):nth-last-child(2) {
	margin-bottom: -5px;
}

table th>.sortable:has(svg) {
	margin-bottom: -3px;
}

/* DEM1527-4228 */
.box-error-icon, 
.box-verify-icon,
.box-info-icon,
.box-warning-icon { width: 16px; height: 16px; }

/* DEM1527-4240 Implemented Resest Logout Timer button */
div#timer-wrapper div.reset-timer-wrapper {
 margin-right: -3px;
}

.reset-timer-span {
  float: right;
  display: flex;
  align-items: center;
  margin-top: 3px;
}

.reset-timer-span .img {
  color: #990000;
}

.reset-timer-span.disabled, .reset-timer-span.disabled .svg {
  pointer-events: none;
  user-select: none;
  cursor: not-allowed;
  color: #9e9e9e;
}

div.reset-timer-wrapper {
  float: right;
  margin: 5px 9px 5px 0;
  font-size: 0.80em;
  font-weight: bold;
}

.icon-clickable {
  width: 24px;
  height: 24px;
}