@font-face{
    font-family:"FrutigerLTPro-55Roman";
    src:url("../font/FrutigerLTW02-55Roman.eot?#iefix");
    src:url("../font/FrutigerLTW02-55Roman.eot?#iefix") format("eot"),url("../font/FrutigerLTW02-55Roman.woff2") format("woff2"),url("../font/FrutigerLTW02-55Roman.woff") format("woff"),url("../font/FrutigerLTW02-55Roman.ttf") format("truetype");
}
@font-face{
    font-family:"FrutigerLTPro-65Bold";
    src:url("../font/FrutigerLTW02-65Bold.eot?#iefix");
    src:url("../font/FrutigerLTW02-65Bold.eot?#iefix") format("eot"),url("../font/FrutigerLTW02-65Bold.woff2") format("woff2"),url("../font/FrutigerLTW02-65Bold.woff") format("woff"),url("../font/FrutigerLTW02-65Bold.ttf") format("truetype");
}
@font-face{
    font-family:"FrutigerLTPro-75Black";
    src:url("../font/FrutigerLTW02-75Black.eot?#iefix");
    src:url("../font/FrutigerLTW02-75Black.eot?#iefix") format("eot"),url("../font/FrutigerLTW02-75Black.woff2") format("woff2"),url("../font/FrutigerLTW02-75Black.woff") format("woff"),url("../font/FrutigerLTW02-75Black.ttf") format("truetype");
}

@font-face{
        font-family:"FrutigerLTPro-45Light";
        src:url("../font/FrutigerLTW02-45Light.eot?#iefix");
        src:url("../font/FrutigerLTW02-45Light.eot?#iefix") format("eot"),url("../font/FrutigerLTW02-45Light.woff2") format("woff2"),url("../font/FrutigerLTW02-45Light.woff") format("woff"),url("../font/FrutigerLTW02-45Light.ttf") format("truetype");
    }

div#content table.dataTable thead .sorting_asc::after {
    content: " ";
	background: url('../img/icons/icon_sort.svg') no-repeat;
  	background-size: auto;
	background-size: 1em;
	background-size: contain;
	width: .625em;
	height: .625em;
	display: inline-block;
	margin-left: 7px;
	position: relative;

}

div#content table.dataTable thead .sorting_desc::after {
    content: " ";
	background: url('../img/icons/icon_sort.svg') no-repeat;
  	background-size: auto;
	background-size: 1em;
	background-size: contain;
	width: .625em;
	height: .625em;
	display: inline-block;
	margin-left: 7px;
	position: relative;
	transform: rotate(-180deg);
}

div#content table.dataTable thead .sorting::after {
    content: "";
}

div#content table.dataTable thead > tr > th {
    font-family: FrutigerLTPro-65Bold;
    padding: 0.357143em 0.285714em 0.142857em;
    background-color: #eff5ff;
    vertical-align: middle;
}

table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
	color: #006cff;
}

table.dataTable thead .sorting_disabled {
	color: #003cb4;
}

div.dataTables_length label {
	padding-left: 10px;
}

div.dataTables_length {
	float: left;
}

div.dataTables_filter {
	float: right;
	margin-right: 12px;
}

div.dataTables_length, div.dataTables_filter {
	margin-bottom: 30px;
}

div.dataTables_filter input {
	margin-left: 0.7em !important;
}

div#content table.dataTable thead > tr > th > span {
	font-family: "FrutigerLTPro-65Bold";
}

div#content table.dataTable {
    border: 1px solid #dae8ff;
}

div#files_length select, div#userlist_length select {
    margin-right: 8px;
    width: 11em;
    padding-top: 1.5rem;
}

div#content .dataTable > thead > tr > th {
    border-bottom: 0 none;
    height: 52px;
}

div#content .dataTable > thead > tr > th, div#content .dataTable > tbody > tr > th, div#content .dataTable > tfoot > tr > th, div#content .dataTable > thead > tr > td, div#content .dataTable > tfoot > tr > td {
    border-top: 0 none;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: middle;
  border-top: 1px solid #dae8ff;
}

div#content .dataTable > tbody > tr > td {
    padding: 8px 4px;
}

.icons {
	background-repeat: no-repeat;
	height: 1.4em;
	position: relative;
	left: 40%;
	display: block;
}

.icon-tooltip {
	cursor: default;
	margin-top: 30px;
	margin-left: -5px;
}

.icon-tooltip-list {
	cursor: default;
	margin-left: 6px;
}

.mod-tooltip {
	margin-left: 1px;
	cursor: default;
	vertical-align: top;
}

.icon-mod {
	vertical-align: bottom;
	margin-right: 8px;
}

.icon-reload {
	background-image: url('../img/icons/reload.svg');
}

.icon-error {
	background-image: url('../img/icons/close_red.svg');
}

.icon-success {
	background-image: url('../img/icons/checkmark_green.svg');
}

.icon-logout {
	background-image: url('../img/icons/logout.svg');
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
	padding: 5px 10px;
	width: 32px;
	height: 32px;
	padding: 6px;
}

.icon-external-link {
	vertical-align: middle;
	padding-right: 12px;
	height: 18px;
}

.icon-internal-link {
	display: inline-block;
    margin: 0 0 0 6px;
    background-image: url('../img/icons/arrow_right_small.svg');
    background-repeat: no-repeat;
    height: 1.25em;
    width: 1.25em;
    vertical-align: top;
}

a:hover .icon-internal-link, a:active .icon-internal-link, a:focus .icon-internal-link {
	background-image: url('../img/icons/arrow_right_small_lightblue.svg');
}

.icon-selected {
	margin-bottom: -8px;
}

.icon-link {
	vertical-align: middle;
}

.icon-download-text {
	margin-left: 10px;
}

.header .mainnav-dropdown ul > li .zkbicon {
    position: relative;
    top: 3px;
}

.header .mainnav ul > li span {
    position: relative;
    top: 0.0625em;
}

.zkbicon {
    display: inline-block;
    height: 24px;
    margin-right: 0.384615em;
    overflow: hidden;
    text-align: left;
    text-indent: -119988px;
    vertical-align: text-top;
    width: 24px;
    margin-top: -6px;
}

.zkbicon-reverse {
    margin-left: 0.384615em;
    margin-right: 0;
    background-image: url('../img/icons/arrow_dropdown_white.svg');
}

.zkbicon-reverse:active, .zkbicon-reverse:hover, .zkbicon-reverse:focus {
    background-image: url('../img/icons/arrow_dropdown_hellblau.svg');
}

.icon-lock {
    background-image: url('../img/icons/decor.svg');
    margin-top: 0;
}

html {
	position: relative;
	min-height: 100%;
	height: 100%;
}

body {
	/* Margin bottom by footer height */
	margin-bottom: 60px;
	height: 100%;
}

#background {
    width: 100%;
    height: 100%;
    display: table;
    top: 0px;
}

#passwordNew {
	width: 70%;
}

#generalForm {
	width: 100%;
}

div#page label.fileuploadlabel {
	margin-top: 5px;
	margin-bottom: 0px;
	color: #fff;
	font-family: FrutigerLTPro-65Bold;
}

.btn-file {
	position: relative;
	height: 3em;
	border-radius: 0;
	border: 2px solid #003cb4;
	width: 45%;
}

.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100%;
	text-align: right;
	opacity: 0;
	outline: none;
	background: white;
	cursor: inherit;
	display: block;
}

.ui-widget button {
  font-family: FrutigerLTPro-65Bold !important;

}

.progress-row {
	height: 25px;
}

.progress-bar {
	background-color: #DAE8FF;
	color: #003cb4;
	box-shadow: none;
}

#upload-progress-container {
	margin-bottom: 0;
	margin-top: 8px;
}

li.principal {
	color: #fff;
	padding-top: 11px;
	padding-bottom: 10.5px
}

li.subnav {
	display: inline;
	position: relative;
	float: left
}

.nav>li>ul.pf {
	position: relative;
	white-space: nowrap;
	left: 50%;
	display: none;
}

.nav>li:hover>ul {
	display: block;
}

.loginElements {
	float: right;
}

.tb-static-data {
	padding-bottom: 6px;
	padding-left: 11px;
}

.tb-static-data-span, .tb-static-data {
	font-family: FrutigerLTPro-45Light;
}

.tb-static-data a, .tb-static-data a:hover, .tb-static-data a:active,
	.tb-static-data a:focus {
	text-decoration: underline;
	font-size: 100%;
	color: #555555;
}

td.tb-clickable-cell {
	cursor: pointer;
}

.ui-dialog-content, .ui-dialog-buttonpane {
	font-size: 85%;
}

.ui-widget-content {
  color: #003cb4 !important;
}

/* Customer */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
	blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
	em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup,
	tt, var, dl, dt, dd, ol, ul, li, b, i, fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: 400;
	font-style: inherit;
	font-size: 16px;
	font-family: FrutigerLTPro-55Roman;
	vertical-align: baseline;
	color: #003cb4;
}

/* remember to define focus styles! */
/*:focus {outline:0;}*/
body {
	line-height: 1;
	color: #000;
	background: #fff;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

table {
	font-size: inherit;
	font: 100%;
}

a:active, a:focus {
	/*text-decoration: underline;
	color: #82e1e1;*/
}

a:focus img.image-button {
	border-color: #2e3233;
	color: #43464c;
}

a:hover, a:focus, a.link-block:focus, a:active {
	text-decoration: none;
	color: #006cff;
}

html {
	min-height: 100%;
}

body {
	background: #FFFFFF;
	color: #003cb4;
	text-align: center;
	position: relative;
	font: normal 400 16px/1.5em FrutigerLTPro-55Roman;
}

ul#skipLinks:focus, div#serviceArea h1:focus, form#searchform label:focus,
	.selected span:focus, span.hidden:focus, legend span:focus, .notitle .hd:focus
	{
	left: 0;
}

div#content {
	display: inline;
	padding-bottom: 45px;
}

div.jqdialog  div.row {
	text-align: left;
	padding-top: 12px;
	margin-left: 0px;
	margin-right: 0px;
}

/* hidden */
ul#skipLinks, div.breadcrumb h2, div#serviceArea h1, form#searchform label, label.hidden-label,
	.selected span, span.hidden, legend span, .hd, .hidden {
	display: block;
	position: absolute;
	left: -999em;
	float: left;
}

/* page */
div#page {
	width: 76.5em;
	text-align: left;
	margin: 10px auto;
	background: #fff;
	position: relative;
	height: auto;
	padding: 2%;
	overflow: hidden;
}

div#pagearea {
	margin: 100px auto auto;
	padding-bottom: 30px;
	height: 100%;
	min-height: 100%;
	display: table-row;
}

/* header */
.header_meta_top {
    /*background: #fafafa;*/
    border-bottom: 1px solid #dae8ff;
    font-size: .875rem;
    padding: 10px 0;
    padding: 5px 35px;
    position: relative;
	width: 100%;
	padding: 0;
	text-align: right;
	padding: 0 30px;
	height: 2.5rem;
}

.l-header {
	margin: 15px auto;
	position: relative;
	height: 4em;
}

.header-content {
	margin-left: auto;
	margin-right: auto;
	padding: 0 !important;
}

.header-content .header-grid {
    width: 100%;
    display: inline;
	float: left;
	margin-left: .625em;
	margin-right: .625em;
	height: 56px;
}

.header-text {
	border-left: 1.6px solid #003cb4;
	float: left;
	padding: 10px 0 0 11.6px;
	height: 40px;
	margin-top: 8px;
}

.popup-header {
	margin-left: 15px;
}

.layout_header {
    box-shadow: 0 0 .25em rgba(0,0,0,.1);
    float: left;
	z-index: 6;
	width: 100%;
	background: #fff;
	position: relative;
}

/* Logo */
a#customerLogo {
	background-image: url('../img/ZKB_Logo_zueriblau_Digital_sRGB.svg');
	width: 4em;
	height: 0.934em;
	float: left;
	text-indent: -119988px;
	display: block;
	overflow: hidden;
	text-align: left;
	margin-top: 8px;
	font-size: 42.83px;
	margin-left: 24px;
	margin-right: 11.6px;
}

.layout_header .logo-main {
	font-size: 1em;
	padding: 1.5625em 0 0.5em;
	margin: 0;
	position: relative;
	z-index: 12;
	width: 12.76em;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
}

/* meta navigation */
.meta-nav {
	position: absolute;
	right: 0;
	margin: 0;
	height: 56px;
}

.meta-nav a, .meta-nav abbr  {
	color: #003cb4;
	font-size: 0.999999em;
}

.password-link {
	margin-top: 2em;
	margin-bottom: 1em;
}

#logoutLink  {
	line-height: 3.75em;
	padding-right: 40px;
	padding-left: 1em;
}

.logged-in {
	position: absolute;
	right: 20px;
	top: 0.85714286em;
	font-size: 13px;
}

.logged-in b {
	font-size: 13px;
}

div#topNav ul.top-nav-links li:first-child a{
	padding-left: 3px !important;
}

#globalNav {
    display: block;
    float: left;
    margin-right: 20px;
    -moz-margin-end: 0px;
    background: url("../img/icons/metanav-break.png") no-repeat right center;
}

#globalNav ul li:first-child {
    padding-left: 1em;
    margin-left: 0;
    background: none;
    float: left;
	line-height: 1.5em;
	background: url("../img/icons/metanav-break.png") no-repeat left center;
}

#globalNav ul li {
    float: left;
    line-height: 1.5em;
    padding-left: 1em;
    margin-left: 1em;
    background: url("../img/icons/metanav-break.png") no-repeat left center;
}

#globalNav ul li a, #globalNav ul li.user b {
    font-size: 0.8125em;
    display: inline-block;
    height: 56px;
    padding-top: 15px;
}

#globalNav ul li.user b {
	margin-right: -1em;
}

#globalNav ul li a:hover, #globalNav ul li a:active, #globalNav ul li a:focus, .meta-nav abbr:hover, .meta-nav abbr:active, .meta-nav abbr:focus {
	color: #006cff;
}

div#globalNav li.selected a {
	display: none;
}

.header-button-group {
	display: block;
	font-size: 0.8125em;
	position: relative;
	top: -0.15384615em;
	padding: 0;
	float: right;
}

.header-button-group .btn-header {
    margin-left: 0.38461538em;
}

.btn-header {
	color: white !important;
	border-color: #054696 !important;
	background-color: #054696;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA2NGRhMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA0M2Y4YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	box-shadow: none;
	font: normal 400 1em/1.398em FrutigerRegular,sans-serif;
	text-decoration: none !important;
	padding: 0.38461538em 0.61538462em 0.30769231em;
	border: 0.07692308em solid #a8afb3;
	display: inline-block;
	vertical-align: middle;
	border-radius: 0.15384615em;
}

.btn-header:hover {
	background-color: #043f8c;
	box-shadow: 0 0 2px #043f8c;
}

/* globalNavRoot */
div#globalNavRoot {
	float: left;
	display: block;
	margin: 0 1.25em;
}

div#globalNavRoot div.globalLinks {
	float: left;
	overflow: hidden;
	height: 1%;
	display: inline;
	margin-left: 14px;
	margin-right: 19px;
}

div#globalNavRoot div.globalLinks ul.logout li a {
	border-right: none;
}

/* MessageBar (wird noch nicht verwendet) */
div#messagebar {
	margin: 25px auto;
	width: 914px;
	display: none;
	padding: 23px 20px 24px 69px;
	background: #faf8f4 url(../../img/status_ok_medium.svg) no-repeat 18px
		50%;
	border: 1px solid #3d6f1a;
	font-family: FrutigerLTPro-55Roman;
	font-size: 1.07692307692308em;
	color: #3d6f1a;
	text-align: left;
}

/* globalNav */
div#globalNavRoot .selected {
	color: #000;
	font-weight: normal;
}

div#globalNavRoot ul.serviceLinks li:last-child a {
	border-right: none;
}

div#globalNavRoot ul.serviceLinks li a, div#globalNavRoot ul.logout li a
	{
	color: #2D65A1;
}

div#globalNavRoot ul.serviceLinks li a:focus, div#globalNavRoot ul.serviceLinks li a:hover,
	div#globalNavRoot ul.logout li a:focus, div#globalNavRoot ul.logout li a:hover
	{
	color: #2B435C;
}

div#globalNavRoot ul.serviceLinks li.current a {
	color: #2786E5;
	font-weight: normal;
}

div#globalNavRoot a, div#globalNavRoot .selected {
	display: block;
	float: left;
	padding: 1px 5px 2px 6px;
	border-right: 1px solid #666;
	line-height: 1;
}

div#globalNavRoot p a {
	border-right: none;
}

div#globalNavRoot ul, div#globalNavRoot li, div#globalNavRoot p {
	display: inline;
}

/* topNav */
div#topNav {
	position: relative;
	background: #054696;
	display: block;
	clear: both;
	margin-bottom: 2.8em;
}

div#topNav a {
	font-size: .938em;
}

div#topNav ul.top-nav-links {
	margin: 0;
	padding: 0;
	overflow: hidden;
	float: left;
	background-color: #003cb4;
	width: 100%;
	height: 2.625em;
	padding-left: 18%;
}

div#topNav ul.top-nav-links div.sub {
	position: absolute;
	left: 0;
	top: 5rem;
	background: #eff5ff;
	width: 100%;
	z-index: 5;
}

div#topNav ul.top-nav-links ul.l-sub {
	margin: 0 auto;
	width: 76.5em;
	background: #fff;
}

div#topNav ul.top-nav-links ul.sub li a {
	float: left;
	padding: 2px 6px 5px;
	border-width: 0 1px 1px;
	font-weight: bold;
	color: #fff;
	margin: 0;
	font-size: 100%;
	width: auto;
}

div#topNav ul.top-nav-links ul.sub li a:hover, div#topNav ul.top-nav-links ul.sub li a:active,
	div#topNav ul.top-nav-links ul.sub li a:focus {
	background: #fff;
	color: #2D65A1;
}

div#topNav ul.top-nav-links li.first-child {
	border-left: 1px solid #999;
}

div#topNav ul.top-nav-links ul.sub li.first-child a, div#topNav ul.top-nav-links ul.sub li:first-child a,
	div#topNav ul.top-nav-links li.first li.first-child a, div#topNav ul.top-nav-links li.first li:first-child a
	{
	border-left: 1px solid #999;
}

div#topNav ul.top-nav-links ul.sub li.active a, div#topNav ul.top-nav-links ul.sub li.selected a
	{
	background: #fff;
	color: #505358;
	border-top: 1px solid #999;
	margin-top: 1px;
	padding-top: 4px;
	padding-bottom: 6px;
	border-bottom: 0 none;
}

div#topNav ul.top-nav-links li.first-child {
	border-left: 1px solid #999;
}

div#topNav ul.top-nav-links li {
	display: inline;
}

div#topNav ul.top-nav-links li a {
	float: left;
	display: block;
	color: #fff;
	line-height: 2.798;
	text-align: center;
	padding: 0 20px;
	font-size: 15px;
}

.sub .topNav-bg {
	background: #fafaf8;
	box-shadow: 0 0.0625em 0.25em rgba(0,0,0,0.11);
}

div#topNav ul.top-nav-links .sub.active li a, div#topNav ul.top-nav-links li:focus a,
	.no-js div#topNav ul.top-nav-links li:hover a, .no-js div#topNav ul.top-nav-links li:active a,
	div#topNav ul.top-nav-links li a:focus, .no-js div#topNav ul.top-nav-links li a:hover,
	.no-js div#topNav ul.top-nav-links li a:active
	{
	/*color: #fff;*/
	/*background: #fafaf8;*/
}

div#topNav ul.top-nav-links li>.sub {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

div#topNav ul.top-nav-links li.active>.sub, div#topNav ul.top-nav-links li:focus>.sub,
	.no-js div#topNav ul.top-nav-links li:hover>.sub, .no-js div#topNav ul.top-nav-links li:active>.sub
	{
	top: 2.6rem;
	left: 0;
}

div#topNav ul.top-nav-links li.active a, div#topNav ul.top-nav-links li:focus a,
	.no-js div#topNav ul.top-nav-links li:hover a, .no-js div#topNav ul.top-nav-links li:active a
	{
	padding: 0 20px;
	margin-top: 0;
	color: #82e1e1;
	background: #003cb4;
}

div#topNav ul.top-nav-links li.active ul li a {
	text-decoration: none;
	font-family: FrutigerLTPro-55Roman;
	color: #003cb4;
}

div#topNav ul.top-nav-links li.active a:only-child, div#topNav ul.top-nav-links li:focus a:only-child
{
    background: rgba(0, 0, 0, 0) none no-repeat scroll center center;
}

div#topNav ul.top-nav-links li.active a span.zkbicon {
    visibility: hidden;
}

div#topNav ul.top-nav-links li.selected a span.zkbicon {
    position: relative;
    float: right;
    margin-top: 9px;
    left: 0px;
}

div#topNav ul.top-nav-links li.selected a {
	padding: 0 20px;
	margin-top: 0;
	color: #82e1e1;
	background: #003cb4;
	border-bottom-width: 0;
	border-left: none;
	font-family: FrutigerLTPro-55Roman;
}

div#topNav ul.top-nav-links li.selected a > .zkbicon-reverse, div#topNav ul.top-nav-links li.selected:hover a > .zkbicon-reverse {
	background-image: url('../img/icons/arrow_dropdown_hellblau.svg');;
}

div#topNav ul.top-nav-links li.selected:hover a {
	padding: 0 20px;
	margin-top: 0;
	color: #82e1e1;
}

div#topNav ul.top-nav-links li:hover ul.l-sub a, div#topNav ul.top-nav-links li.selected:hover ul.l-sub a
	{
	padding: 0 20px;
	margin-top: 0;
	color: #003cb4;
}

div#topNav ul.top-nav-links li.selected:hover ul li:hover a, div#topNav ul.top-nav-links li:hover ul li:hover a
	{
	padding: 0 20px;
	margin-top: 0;
	color: #006cff;
}

div#topNav ul.top-nav-links li.selected:hover ul li.selected a {
	padding: 0 20px;
	margin-top: 0;
	color: #006cff;
}

div#topNav ul.top-nav-links li.selected:hover ul li.selected:hover a {
	color: #006cff;
}

div#topNav .ft p {
	background: #1550a0;
	color: #000;
	text-align: right;
	border: 1px solid #999;
	border-width: 0 1px;
	padding: 2px 6px 3px;
}

div#topNav div.user-login {
	display: block;
	background: #fff;
	color: #000;
	float: right;
	overflow: hidden;
}

/* footer */
#customerfooter {
	position: relative;
	background: none;
	z-index: 99;
	display: block;
}

.footer-container {
	margin-left: auto;
	margin-right: auto;
	width: 76.5em;
	padding: 0 !important;
}

.footer-container .footer-grid {
	padding: 1.5em 0 0;
	border-top: 2px solid #003cb4;
	margin-bottom: 50px;
}

.footer-copyright {
	float: left;
}

.footerlinks {
	float: right;
}

.footerlinks ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.footerlinks ul li {
	padding: 0 0 0 1.5625em;
	float: left;
	margin: 0;
}

/* mainArea */
div#mainArea {
	clear: both;
	background: #fff;
	font-size: 100%;
}

.frame div#mainArea {
	height: 100%;
	border: 0;
	background: #fff url(../../../../img/doc_bg.gif) repeat-y;
}

.frame #haupt {
	width: 813px;
	float: left;
	height: 100%;
	background: #fff;
}

.frame div#page {
	height: 100%;
}

/* ------------------------------------------------------- */
/* Content Area */
#content h1 {
	margin-bottom: 15px;
	margin-top: 30px;
	font-size: 32px;
	font-weight: 900;
	font-family: FrutigerLTPro-75Black;
	font-stretch: normal;
    font-style: normal;
	color: #003cb4;
	line-height: 1.25;
	letter-spacing: normal;
	height: 40px;
    align-self: stretch;
	flex-grow: 0;
    text-align: left;
}

#content h1.title {
	margin-top: 0;
}

h1#headerUserlist.mod-h1-space {
    margin-top: 1.8em;
    margin-bottom: 0.2em;
}

h3, h4 {
	font-size: 18px;
	margin-top: 1px;
	margin-bottom: 1px;
	line-height: 1.5em;
}

#content h2.chapter-title-top, #content h3.chapter-title-top {
	padding-top: 14px;
}

.mod-ebics-title {
	margin-top: -1.3em;
}

#ebicsdata, .mod-h3 {
	margin-top: 1.5em;
}

.bold {
	font-weight: bold;
}

#content ol {
	margin-top: 3px;
	margin-bottom: 0;
	margin-left: 25px;
	padding-top: 0;
	padding-bottom: 1px;
}

#content ol li {
	list-style-type: decimal;
	position: relative;
}

div.breadcrumb {
	margin-bottom: 21px;
}

.breadcrumb a {
	text-decoration: underline;
	color: #555;
}

.breadcrumb a:hover, .breadcrumb a:active, .breadcrumb a:focus {
	color: #000;
}

.label-datenschutz {
	margin-top: 15px;
	margin-bottom: 10px;
}

.label-datenschutz-header {
	margin-top: 15px;
}

.label-datenschutz-header > span {
	font-weight: bold;
}

.label-datenschutz > span, .label-datenschutz > span > a, .label-datenschutz-header > span, .label-datenschutz-header > span > a {
	font-size: 14px;
}

.label-datenschutz > span > a, .label-datenschutz > span > a:focus {
	text-decoration-line: revert-layer;
	border-bottom: none;
}

.label-datenschutz-header {

}

div#page label, .tb-static-data-label, .tb-static-data-label-small {
	font-weight: 400;
	margin-bottom: 7px;
	font-family: FrutigerLTPro-55Roman;
    flex-grow: 0;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #003cb4;
}

.tb-static-data-label, .tb-static-data-label-small {
	margin-top: 18px;
}

.tb-static-data-label-small {
	margin-top: 5px;
}

.form-control:not(img) {
  height: 48px;
}

.form-control {
  display: block;
  width: 100%;
  padding: 5px 9px;
  line-height: 1.42857143;
  color: #003cb4;
  background-color: #ffffff;
  background-image: none;
  border: solid 1px #b1c3e1;
  border-radius: 1px;
}

.form-control:-ms-input-placeholder {
  color: #003cb4;
}

.form-control::-moz-placeholder {
  color: #003cb4;
  opacity: 1;
}

.form-control[disabled]::-moz-placeholder {
  color: #a8a8a8;
}

.form-floating, .checkboxes {
	margin-top: 20px;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  /* appearance: none; */
  border:none;
  border-radius: 0;
  font-size: 1em;
  width: 100%
}

select::-ms-expand {
  display: none;
}

select.form-control {
  background-color: white;
  background-image: url(../img/icons/arrow_dropdown_blau.svg);
  background-position: right;
  background-repeat: no-repeat;
  background-position: 93%;
  background-size: 24px 24px;
}

select.form-control:disabled {
  background-color: white;
  background-image: url(../img/icons/arrow_dropdown_grau.svg);
  background-position: right;
  background-repeat: no-repeat;
  background-position: 93%;
  background-size: 24px 24px;
}

.select-option-mod {
	padding-top: 1.438rem !important;
}

div#page button, a.btn, .ui-button {
	margin-top: 30px;
	height: 3em;
	border-radius: 0;
	font-family: FrutigerLTPro-65Bold;
}

.btn-primary {
  color: #fff;
  background-color: #003cb4;
  border-color: #003cb4;
}

.centered {
	position: fixed; /* or absolute */
	top: 50%;
	left: 50%;
}

.account-error {
	border-color: #F55F69;
}

table.bestpractise p {
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	line-height: 2.308em;
}

table.ordertype p {
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	line-height: 1.5em;
}

table.ordertype th.thead {
	line-height: 1.5em;
}

/************************************************************ Tables */
.datatablecenter {
	text-align: center;
}

.table>tbody>tr>td.datatablecenter {
	vertical-align: middle;
}

.datatablecenter>input[type="radio"], .datatablecenter>input[type="checkbox"]
	{
	margin: auto;
}

.deleted input, .deleted select {
	color: #ccc;
}

.bptable table {
	border-collapse: collapse;
	line-height: 2.308em;
	margin: 10px 0 20px;
	width: 100%;
	text-align: left;
	margin-top: 20px;
}

.bptable table th, .bptable table td {
	padding: 1px 6px;
	vertical-align: middle;
}

.bptable table thead tr th {
	background-color: none;
	text-align: left;
}

.bptable table.zebra thead tr th {
	background-color: #BBB;
	text-align: left;
}

/************ temporary css for table header in table body*/
.bptable table tbody th {
	text-align: left;
}

.bptable table tbody td, .bptable table tbody th {
	border: 1px solid #dae8ff;
	border-left: none;
	border-right: none;
}

.bptable table tbody td.row-title, .bptable table tbody th {
	/*background-color: none;*/
}

.bptable table tbody tr td a {
	color: #555555;
	margin-left: 5px;
}

.bptable table tr.even td, .bptable table tr.even th {
	background-color: #F5F5F5;
}

.bptable table tr.odd td, .bptable table tr.odd th {
	background-color: #E7E7E7;
}

.bptable table tr th.thead {
	font-family: FrutigerLTPro-65Bold;
	border-bottom: 2px solid #003cb4;
}

.bptable table tr th.thead.ebics {
	font-size: 18px;
	border: none;
	background-color: #fff;
}

.bptable table.zebra tr th.thead {
	background-color: #BBB;
	text-align: left;
}

/** box-tips*/
#content div.box-tips h3 {
	margin-top: 1px;
}

div.box-tips ul.list-links {
	margin-top: 2px;
}

/* headings */
#content h2 {
	margin-bottom: 15px;
	padding: 34px 0 3px;
	font-size: 24px;
}

#displayedAccessKeyLink {
	border: 2px solid #ccc;
	position: absolute;
	z-index: 99999;
	font: .9em FrutigerLTPro-55Roman;
	color: #000;
	padding: .2em;
}

.amount {
	text-align: right;
}

.like-form-control {
	display: inline-block;
	height: 28px;
	width: 38px;
}

.checkboxes input {
	vertical-align: middle;
	margin: 0px 0 0;
}

.checkboxes label span {
	vertical-align: middle;
	margin: 0 4px 0;
}

.label-selected {
	margin-left: 7px;
}

.radiobuttons ul input {
	vertical-align: middle;
	margin: 0 4px 0;
}

.list-radios, .mod-checkbox {
	margin-top: 12px;
}

.selected-list {
	margin-top: 12px !important;
}

.mod-checkbox-indent {
	margin: 0 0 0 5em;
}

.checkbox-big, .checkbox-big-mod {
	font-size: 123.1%;
	margin-top: 1.2em;
}

.checkbox-big-mod {
	margin-bottom: -3px;
}

.mod-radios {
	margin: -2px 6px 0 0px !important;
}

.mod-checkbox-input {
	margin-right: 6px !important;
}

.mod-label-checkbox {
	margin-top: 10px !important;
}

.mod-label-checkbox-small {
	margin-bottom: 3px !important;
}

.text-like {
	font-size: 24px;
}

.text-center-like {
	padding-left: 90px;
}

li.list-style {
	vertical-align: middle;
	margin-top: 1em;
}

li.mod-list-style {
	vertical-align: middle;
	margin-top: 3px;
}

#content ol.list-style-character li {
	list-style-type: lower-alpha;
}

#content .panel {
	border: none;
	box-shadow: none;
	border-radius: 0px;
}

#content a.accordionTitle {
	background-image: url('../img/icons/chevron_up.svg');
	background-repeat: no-repeat;
	background-position: 98%;
	margin: 0;
	cursor: pointer;
	display: block;
    padding: 12px 30px 12px 15px;
}

#content a.accordionTitle {
  padding: 30px 120px 22px 0px;
  border-top: 2px solid #003cb4;
  display: block;
  position: relative;
  font-size: 18px;
}

#content a.accordionTitle.collapsed {
	background-image: url('../img/icons/chevron_down.svg');
	background-repeat: no-repeat;
	background-position: 98%;
}

div.splash {
	padding: 10px 14px 10px 14px;
	background-color: #eff5ff;
	border-color: #eff5ff;
	margin-bottom: .5em;
	padding-bottom: .8em;
}

.splash-header {
	margin-bottom: 15px;
	padding-top: .25em;
	padding-left: 5px;
}

.splash-text {
	display: block;
}

.splash-text-section, .splash-section {
	padding-top: .15em;
}

.splash-text, ul.splash-list li {
	font-family: FrutigerLTPro-55Roman;
	padding-left: 5px;
	list-style-position: initial;
}

ul.splash-list  {
	list-style: inside;
	margin-left: 1.5em;
}

ul.ebics-list {
	list-style: inside;
	margin-left: 1.5em;
	margin-top: .3em;
	margin-bottom: .5em;
}

.accordionBody {
	padding: 10px 60px 20px 0px;
}

.textLinks {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

.ui-tooltip-content,  .tooltip-inner {
	max-width: 19em;
	word-wrap: break-word;
	color: #003cb4;
	text-align: left;
}

body .ui-tooltip, .tooltip {
    border: 1px solid #fff !important;
    text-align: left !important;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 2.74583px 10.9833px 0px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 2.74583px 10.9833px 0px;
	-moz-border-radius : 0px;
    -webkit-border-radius: 0px;
    background: #fff;
    padding: 10px 9pt;
    white-space: pre-line;
}


legend.subheading {
	margin-top: 30px;
	margin-bottom: 15px;
	font-size: 130.8%;
}

legend.small-bottom {
	margin-bottom: 8px;
}

.radiobuttons-inline {
	margin: 4px 2px 2px;
}

input[type=radio] {
    -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     display: inline-block;
     position: relative;
     background-color: #fff;
     color: #000;
     height: 24px;
     width: 24px;
     cursor: pointer;
     outline: none;
     border-radius: 40px;
     border: 1px solid #003cb4;
}

input[type=radio]:checked {
     position: relative;
     border: 1px solid #006cff;
     border-width: .45em;;
}


input.label-options {
	font-weight: normal;
	margin-bottom: 7px;
	margin-top: 4px;
	margin-right: 7px;
	padding-left: 5px;
	vertical-align: middle;
}

.label-intro, .list-content {
	margin-left: 2.5em;
}

.label-intro > span, .list-content > span {
	font-family: FrutigerLTPro-45Light;
}

div#page label.label-options-block {
	margin-top: 7px;
	vertical-align: middle
}

a.link-block, span.link-block, .link-faq, .link-faq:hover, a.external-link {
	/*color: #054696;*/
}

a.link-block:hover, span.link-block:hover, a.link-block:focus, .link-faq:hover, a.external-link:hover {
	/*text-decoration: underline;*/
}

a.link-block:focus {
	/*color: #000;*/
}

.mod-buttons {
	margin-left: 15px;
}

a {
	color: #003cb4;
}

div.register-box, .password-box {
	width: 25em;
	margin-left: 19%;
}

.content-info-box, .content-register-box {
	padding: 1.15384615em 1.38461538em;
	box-shadow: 0 0 0 transparent;
	border-radius: 2px;
}

.content-info-box {
	background: #eff5ff;
}

.content-register-box {
	background: #003cb4;
}

.content-password-box {
	padding: 1.15384615em 1.38461538em;
	background: #eff5ff;
	box-shadow: 0 0 0 transparent;
	border-radius: 2px;
	margin-bottom: 1.5em;
}

.content-info-box-supertitle {
    margin: -.214285714285714em 0 1em !important;
}

.content-info-box-content, .content-register-box-content, .content-password-box-content {
    display: table-cell;
    width: 625em;
}

.content-info-box-content-inner, .content-register-box-content-inner, .content-password-box-content-inner {
    float: left;
    width: 100%;
}

.content-info-box-label {
	margin-bottom: 5px;
	margin-top: 5px;
}

.content-info-box-data {
	padding-left: 11px;
}

.content-info-box-data span, .content-info-box-data {
	padding-bottom: 6px;
	font-family: FrutigerLTPro-45Light;
	font-size: 13px;
	line-height: 1em;
}

.content-register-box-supertitle, .content-password-box-supertitle {
    font-size: 1.5em !important;
	color: #fff !important;
	margin: 0 0 0.5em;
	padding: 0 !important;
	font-family: FrutigerLTPro-75Black;
}

.content-password-box-supertitle {
	color: #003cb4 !important;
}

.content-register-box-intro {
	font-family: FrutigerLTPro-55Roman;
	color: #fff;
	margin: 1em 0;
}

.icon-button-account {
	padding: 2px 10px !important;
	height: auto !important;
	font-size: 140%;
	margin-top: -3px;
}

.icon-status {
	font-size: 145%;
	cursor: default;
}

.icon-status-text {
	font-size: 128%;
	cursor: default;
	margin-left: 2px;
}

a.button-link {
	padding-top: .7em;
	color: #003cb4;
	padding-left: 25px;
	padding-right: 25px;
}

.button-register {
	background-color: #fff;
	box-shadow: none;
}

.button-register:hover, .button-register:focus {
	background: #82e1e1 !important;
	border-color: #82e1e1 !important;
	transition: box-shadow 50ms;
	color: #003cb4 !important;
}

.icon-button-bp {
	padding: 3px 7px !important;
	font-size: 90%;
	width: 2.3em;
	margin: 7px;
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

select::-ms-expand {
    height: 2.154em;
    margin-right: -11px;
}

button.btn-primary span.ui-button-text {
	color: #fff;
}

button.btn-default:hover span.ui-button-text, button.btn-default:focus span.ui-button-text {
	color: #000;
}

.btn-default, .image-button {
	color: #003cb4;
	border: 2px solid #003cb4;
}

.btn-primary[disabled], .btn-default[disabled] {
	color: #a8a8a8;
	background-color: #ebebeb;
	border: 2px solid #ebebeb;
}

.btn-primary:hover, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #006CFF;
    border-color: #006CFF;
}

.btn-primary:focus, .btn-header:focus {
	background: #003cb4;
	outline: none;
	border-color: #003cb4;
	box-shadow: 0 0 3px #003cb4;
}

.btn-primary:focus:hover, .btn-header:focus:hover {
	box-shadow: 0 0 3px #003cb4;
}

.btn-default:focus, .image-button:focus, .btn-default:focus:hover {
	outline: none;
	border-color: #006cff;
	color: #006cff;
	box-shadow: 0 0 3px #003cb4;
}

.btn-default:hover, .image-button:hover {
	border-color: #006cff;
	color: #006cff;
}

.btn-default:focus:hover {
	box-shadow: 0 0 2px #b3b3b3;
}

.image-button {
	display: inline-block;
	width: auto;
	vertical-align: middle;
	padding: 5px 10px;
	width: 32px;
	height: 32px;
	padding: 6px;
	background-color: #eff5ff;
	border: none;
	border-radius: 100px;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control,
.form-control[disabled]:hover, .form-control[readonly]:hover {
  cursor: not-allowed;
  background-color: #fff;
  opacity: 100;
  color: #a8a8a8;
  border: 1px solid rgb(168, 168, 168, .5);
}

.ui-widget-header .ui-state-default {
	float: right;
    background-image: url('../img/icons/close.svg');
	background-repeat: no-repeat;
	background-color: #ffffff;
}

div.ui-dialog-titlebar button.ui-dialog-titlebar-close {
	float: right;
    background-image: url('../img/icons/close.svg');
	background-repeat: no-repeat;
	background-color: #ffffff;
	border-width: 0px;
	margin-right: 8px;
    height: 24px;
    width: 24px;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: 1px solid #006cff !important;
  background: #fff !important;
  font-weight: normal;
  color: #006cff !important;
  box-shadow: 0 0 3px #003cb4 !important;
  font-weight: 700 !important;
}

.ui-dialog .ui-dialog-titlebar {
	padding-top: 1.15384615em !important;
}

.ui-dialog .ui-dialog-title {
	font-size: 200% !important;
	color: #003cb4;
	font-family: FrutigerLTPro-55Roman;
}

.ui-dialog-titlebar-close:focus {
    border: 1px dotted #054696 !important;
    outline:none;
}

.ui-dialog .ui-dialog-titlebar-close .ui-state-focus{
	outline: 1px dotted #054696 !important;
	outline-offset: -2px;
}

.form-control:focus, .form-control:hover, input[type="checkbox"]:focus {
	outline: 0;
	border-color: #006cff;
}

.table th:hover {
	color: #006cff;
}

.table tr.odd:focus, .table tr.even:focus, li.paginate_button a:focus, a#customerLogo:focus {
	outline: 1px dotted #054696;
	outline-offset: -2px;
}

.separator-button {
	margin-top: 2em;
	margin-bottom: -0.7em;
	border: none;
	overflow: hidden;
}

.ebics-separator {
	margin-top: 3.9em !important;
}

.message-space {
	margin-left: 40px;
	display: block;
}

.mod-message {
	margin-top: -13.5px;
}

.fixed-message-ul {
	list-style-type: disc;
}
.fixed-message-ul li {
	color: #b44d09 !important;
	margin-left: 20px;
}

#page .alert {
	background-repeat: no-repeat;
	font-family: FrutigerLTPro-55Roman;
    background-position: 15px 16px;
}

.mod-alert {
	font-size: 120.3% !important;
}

#page .alert-success, #page .alert-danger, #page .alert-info {
	border-color: #d2d7d9;
	border-left: none;
	border-right: none;
	border-radius: 0px;
}

#page .alert-success {
	background-image: url('../img/icons/status_ok_medium.svg');
	background-color: #eff9eb;
	border-color: #267d4c;
	border-top: none;
	border-bottom: none;
	border-right: none;
	border-radius: 0px;
	border-left: 4px solid;
}

#page .alert-success span {
	color: #267d4c;
}

#page .alert-danger {
	background-image: url('../img/icons/status_error_medium.svg');
	background-color: #fff0f0;
	border-top: none;
	border-bottom: none;
	border-right: none;
	border-radius: 0px;
	border-left: 4px solid;
}

#page .alert-danger span, #page .alert-danger li {
	color: #d11a26;
}

#page .alert-info {
	background-image: url('../img/icons/status_warning_medium.svg');
	background-color: #fff1d4;
	border-top: none;
	border-bottom: none;
	border-right: none;
	border-radius: 0px;
	border-left: 4px solid;
	color: #e98e3a !important;
}

#page .alert-info span {
	color: #b44d09 !important;
}

.contact-header {
	margin-top: 20px;
}

.contact {
	margin-bottom: 20px;
}

#page .has-error .form-control {
	border: 0.125em solid #F55F69;
	background-color: #ffffff;
}

#page .has-error .form-control:focus {
    border-color: #F55F69;
}

#page .has-error .form-control ~ label, .error-msg.has-error {
	color: #D11A26;
}

#page .pagination > li > a, .pagination > li > span {
	color: #003cb4;
	border: 1px solid #dae8ff;
	padding: 5px 10px;
}

#page .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  	color: #006cff;
}

#page .pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	background-color: #eff5ff;
  	border-color: #eff5ff !important;
  	color: #003cb4;
  	box-shadow: none !important;
  	padding: 5px 10px;
}

#page .pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
	border-color: #a8afb3;
	box-shadow: none !important;
	padding: 5px 10px;
}

.mod_user {
	margin-left: -3em;
}

input[type="checkbox"]{
	appearance: none;
	display: inline-block;
	position: relative;
	background-color: #fff;
	color: #000;
	height: 24px;
	width: 24px;
	cursor: pointer;
	margin-right: 7px;
	outline: none;
	border: 1px solid #003cb4;
}

input[type="checkbox"]:disabled {
	opacity: 0.5;
}

input[type="checkbox"]:checked {
  position: relative;
  background-color: #003cb4;
  vertical-align: middle;
  background-image: url('../img/icons/checkmark_white.svg');
  background-repeat: no-repeat;
  color: #000;
  background-size: 15px;
  background-position: 4px 3px;
  border: 1px solid #003cb4;
}

.pull-right {
  float: right !important;
}

.form-floating > .form-control[readonly] ~ label
 {
  transform: scale(0.8125) translateY(-0.5rem) translateX(0.15rem);
  color: #a8a8a8 !important;
}

.notifyjs-bootstrap-success span {
	color: #267d4c;
}

.notifyjs-bootstrap-error span {
	color: #d11a26;
}

.notifyjs-bootstrap-info span {
	color: #003cb4;
}

.notifyjs-bootstrap-warn span {
	color: #ae2c04;
}