@font-face {
	font-family: CreditSuisse-Headline-Regular;
	font-weight: normal;
	font-style: normal;
	src: url('../font/CreditSuisseHeadlineWeb-Regular.woff') format('woff')
}

@font-face {
	font-family: CS-Type-eP;
	font-weight: normal;
	font-style: normal;
	src: url('../font/CSW07eP-Romanv4.woff') format('woff')
}

@font-face {
	font-family: CS-Type-eP-Bold;
	font-weight: normal;
	font-style: normal;
	src: url('../font/CSW07eP-Boldv4.woff') format('woff')
}

@font-face {
	font-family: CS-Type-eP-Light;
	font-weight: normal;
	font-style: normal;
	src: url('../font/CSW07eP-Lightv4.woff') format('woff')
}

.mod_icon {
	left: 50% !important;
}

.icon {
	background-repeat: no-repeat;
	width: 2em;
	height: 2em;
	position: relative;
	left: 25%;
	display: block;
	margin: 0 0 0 -.9375em;
}

.icon_clock {
	background-image: url('../img/ico-fn_time.svg');
	height: 20px;
	width: 20px;
}

.icon_tooltip {
	width: 1.429em;
	height: 1.429em;
	vertical-align: middle;
	margin-bottom: 8px;
	margin-left: 8px;
}

.icon_download_link {
	margin-left: -0.1em;
	vertical-align: middle;
	background-image: url('../img/ico-fn_document-black.svg');
	background-repeat: no-repeat;
	padding-left: 25px;
	font-weight: 700;
}

.icon_download_link_mod {
	white-space: normal;
	display:block;
	background-size: 20px 20px;
}

.icon_download_link:hover {
	background-image: url('../img/ico-fn_document-grey.svg');
	color: #7c7c7b;
}

.icon_arrow_link {
    display: inline-block;
    margin: 0 0 0 15px;
    background-image: url('../img/ico-fn_arrow_right-black.svg');
    background-repeat: no-repeat;
    height: 1.25em;
    width: 1.25em;
    vertical-align: bottom;
}

a:hover .icon_arrow_link {
    background-image: url('../img/ico-fn_arrow_right-grey.svg');
}

.icon_download_file {
	margin-left: -0.1em;
	vertical-align: middle;
	background-image: url('../img/ico-fn_download-black.svg');
	background-repeat: no-repeat;
	padding-left: 25px;
	font-weight: 700;
}

.icon_delete_file {
	margin-left: -0.1em;
	vertical-align: middle;
	background-image: url('../img/ico-fn_trash-black.svg');
	background-repeat: no-repeat;
	padding-left: 25px;
	font-weight: 700;
}

.icon_revert {
	margin-left: -0.1em;
	vertical-align: middle;
	background-image: url('../img/CS_Refresh-black.svg');
	background-repeat: no-repeat;
	padding-left: 25px;
	color: #000;
	background-size: 1.6em;
	background-position: -3px -3px;
}

.icon_revert:hover  {
	color: #7c7c7b;
	background-image: url('../img/CS_Refresh-grey.svg');
}

.icon_download_file:hover  {
	color: #7c7c7b;
	background-image: url('../img/ico-fn_download-grey.svg');
}

.icon_delete_file:hover  {
	color: #7c7c7b;
	background-image: url('../img/ico-fn_trash-grey.svg');
}

.link-block:hover .icon_arrow_link {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0IiBoZWlnaHQ9IjciIHZpZXdCb3g9IjAgMCA0IDciPjxwYXRoIGZpbGw9IiM3NTc1NzUiIGQ9Ik0wIDYuNGwyLjktMi45LTIuOS0yLjkuNS0uNiAzLjUgMy41LTMuNSAzLjV6Ii8+PC9zdmc+);
    background-repeat: no-repeat;
    height: .5em;
    width: .3em;
}

.icon_arrow_link:hover .link_block {
	color: #757575;
}

.icon_ftp {
	float: left;
	margin-top: .5em;
}


#backgroundLogin {
	background-image: url("images/GettyImages-977898668_Retouch_960x270.jpg");
	background-color: #FFF;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 0px 0px !important;
	width: 100%;
	display: table;
	margin-top: -2.7em;
}

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

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

#general, #accountForm {
	width: 77%;
}

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

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 60px;
	background-color: #f5f5f5;
	text-align: center;
	padding-top: 10px;
}

div#page label.fileuploadlabel {
	margin-top: .325em;
	margin-bottom: 0px;
	color: #fff;
	font-family: CS-Type-eP-Bold,Arial,Helvetica,sans-serif;
	font-size: 100%;
}

.btn-file {
	position: relative;
	height: 2.857em;
	margin-left: -15px;
}

.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;
}

.btn-ftp {
	margin-top: 0px !important;
}

.progress-row {
	height: 25px;
}

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

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

.nav>li:hover>ul, .message-space {
	display: block;
}

.tb-static-data, .content_highlight_box_data {
	padding-bottom: 6px;
	font-family: CS-Type-eP-Light,Arial,Helvetica,sans-serif;
}

.tb-static-data, p.user_filter {
		font-size: 114.3%;
}

.tb-static-data-span {
	font-family: CS-Type-eP-Light,Arial,Helvetica,sans-serif;
}

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

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

/* 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: 100%;
	font-family: CS-Type-eP,Arial,Helvetica,sans-serif;
	vertical-align: baseline;
	color: #000000;
}

/* 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%;
}

th, #content b {
	font-family: CS-Type-eP,Arial,Helvetica,sans-serif;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_desc_disabled,
	table.dataTable thead .sorting_asc, table.dataTable thead .sorting_asc_disabled {
	background-size: 1em 1em;
}

#content table.dataTable {
	padding-top: 12px;
}

#content div.dataTables_scrollBody table.dataTable {
	padding-top: 0px;
}


p, .mod_line_height {
	line-height: 24px;
}

a:active, a:focus {
	text-decoration: none;
	outline: thin dotted #757575;
	outline-offset: -2px;
}

a, a:hover {
	text-decoration: none;
}

html {
	min-height: 100%;
}

body {
	background: #FFFFFF;
	color: #000;
	text-align: center;
	position: relative;
	font: 102.9% CS-Type-eP,Arial,Helvetica,sans-serif;
}

body.frame-content {
	background: #fff url(../img/background.gif) 50% 0 repeat-y;
}

body.frame-menu {
	background: none;
}

ul#skipLinks:focus, div#customerfooter h1: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#customerfooter h1,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: 60em;
	text-align: left;
	margin: 0 auto;
	background: #fff;
	position: relative;
	height: auto;
	/*min-height: 100%;*/
	padding: 2% 0 64px 0;
	/*overflow: hidden;*/
}

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

/* HEADER */
.mod_header {
    position: relative;
    clear: left;
    float: left;
    width: 100%;
    padding: 0;
}

.mod_utility_nav_bar {
    float: left;
    position: relative;
    z-index: 6;
    width: 100%;
    margin-bottom: -1em;
    background: #e6e7e8;
    text-transform: uppercase;
}

.mod_utility_nav_bar .mod_header_inner {
    padding-top: 0;
}

.mod_header_inner:first-child {
    overflow: visible;
}

.mod_header_inner {
    clear: both;
    position: relative;
    max-width: 60em;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 1em;
}

.mod_header_service_modules {
    float: right;
    min-height: 2em;
}

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

.mod_logo {
    float: right;
    z-index: 10;
    display: block;
    /*max-width: 10.25em;*/
    /*margin: .875em 0 .9375em;*/
}

.mod_logo .mod_logo_link {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}

.mod_logo .mod_logo_image {
    float: left;
    display: block;
    width: 260px;
    height: 90px;
}

.mod_title_wrapper {
    clear: left;
    float: left;
    width: 100%;
    display: block;
    position: relative;
    padding-bottom: 1em;
}

.mod_title {
    float: left;
    width: 100%;
    display: block;
    margin: 0 0 .115384615384615em;
    font-family: CreditSuisse-Headline-Regular;
    font-size: 30px;
    text-align: left;
}

.mod_sub_header {
    overflow: visible;
    margin-top: -1.375em;
    color: #757575;
}

.mod_sub_header .mod_sub_header_subtitle {
    float: left;
    font-size: 1.093em;
    margin-bottom: -.277777777777778em;
    color: #757575;
}

.mod_sub_header_principal {
	margin-left: 10px;
}

.layout_header {
    float: left;
	z-index: 6;
	width: 100%;
	background: #fff;
	position: relative;
	border-bottom: .1rem solid #dadada
}

.nav_service_selection, .nav_service_selection .nav_language_selection_list {
    float: left;
}


/* serviceSelector */
div#serviceSelector {
	float: left;
	overflow: hidden;
	line-height: 1;
	color: #575756;
}

div#serviceSelector li abbr {
	float: left;
	display: inline-block;
	min-height: 2.909090909090909em;
	line-height: 2.909090909090909em;
	font-size: .668em;
	text-decoration: underline dotted;
}

div#serviceSelector li abbr:hover {
	text-decoration: underline;
}

div#serviceSelector li.selected abbr {
	font-weight: 700;
	font-family: CS-Type-eP-Bold,Arial,Helvetica,sans-serif;
}

div#serviceSelector a {
	display: block;
	float: left;
	margin-left: .6875em;
	text-align: center;
	color: #575756;
}

div#serviceSelector li {
	display: inline;
}

/* MessageBar (wird noch nicht verwendet) */
div#messagebar {
	margin: 25px auto;
	width: 914px;
	display: none;
	padding: 23px 20px 24px 69px;
	background: #faf8f4 url(../../img/icon_message_ok.png) no-repeat 18px
		50%;
	border: 1px solid #3d6f1a;
	font-family: CS-Type-eP,Arial,Helvetica,sans-serif;
	font-size: 1.07692307692308em;
	color: #3d6f1a;
	text-align: left;
}

.mod_service_links_list {
	float: left;
}

.mod_service_links_list .mod_service_links_list_item {
    float: left;
    position: relative;
    margin-left: .6875em;
}

.mod_service_links_list .mod_service_links_list_link, .mod_principal {
    font-family: CS-Type-eP,Arial,Helvetica,sans-serif;
    letter-spacing: .025em;
    float: left;
    display: inline-block;
    position: relative;
    min-height: 2.909090909090909em;
    line-height: 2.909090909090909em;
    font-size: .668em;
    text-transform: none;
}

.mod_service_links_list .mod_service_links_list_link:hover, .mod_service_links_list .mod_service_links_list_link:focus {	
	text-decoration: underline;
}

.mod_service_links_list .mod_service_links_list_item::after {
    position: absolute;
    left: -.1em;
    top: 1.2em;
    width: 1px;
    height: .8em;
    line-height: 1em;
    font-size: .625em;
    content: '';
    background: #7c7c7b;
}

.mod_principal {
	margin-left: .7em;
}

/* topNav */
div#topNav {
	position: relative;
    width: 60em;
    margin: 0 auto;
    clear: left;
}

.l-topNav {
	position: relative;
	width: 60em;
	margin: 0 auto;
}

div#topNav ul.top-nav-links {
	float: left;
	position: relative;
	width: 100%;
}

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

div#topNav ul.top-nav-links div.sub::after {
    position: absolute;
    left: -50%;
    right: -50%;
    top: 0;
    z-index: -5;
    content: '';
    height: 3.0625em;
    background: #f1f2f2 none repeat scroll 0 0;
}

div#topNav ul.top-nav-links ul.l-sub {
	margin: 0 auto;
	width: 100%;
	background: #a8a8a7;
}

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

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 ul.sub li.active a, div#topNav ul.top-nav-links ul.sub li.selected a
	{
	background: #f5f5f5;
	color: #000000;
	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 {
	display: inline;
}

div#topNav ul.top-nav-links li a {
	float: left;
	display: block;
	line-height: 3.5em;
	font-size: .85em;
	font-family: CS-Type-eP-Bold,Arial,Helvetica,sans-serif;
	margin-right: 3.125em;
}

.l-sub-small {
	font-size: 100%;
	background-color: #f5f5f5;
}

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: #7c7c7b;
}

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: 3rem;
	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
	{
	margin-top: 0;
	color: #7c7c7b;
	background: #ffffff;
	border-bottom-width: 0;
	border-left: none;
}

div#topNav ul.top-nav-links li.selected a  {
	margin-top: 0;
	color: #000;
	background: #ffffff;
	border-bottom-width: 0;
	border-left: none;
	background-image: url(../img/black.png);
	background-position: bottom center;
	background-repeat: repeat-x;
}

div#topNav ul.top-nav-links li.selected a:focus {
	outline: thin dotted #757575;
	outline-offset: 0px;
}

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,
	div#topNav ul.top-nav-links li.selected ul.l-sub a, div#topNav ul.top-nav-links li.active ul.l-sub a {
	margin-top: 0;
	color: #7c7c7b;
	background: #f1f2f2;
	border-bottom-width: 0;
}

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,
	div#topNav ul.top-nav-links li.selected ul.l-sub a:focus, div#topNav ul.top-nav-links li.active ul.l-sub a:focus {
	margin-top: 0;
	color: #000;
	background: #f1f2f2;
	border-bottom-width: 0;
}

div#topNav ul.top-nav-links li.selected ul.l-sub li.selected a:focus, 
	div#topNav ul.top-nav-links li.selected ul.l-sub li.selected a {
	margin-top: 0;
	color: #000;
	border-bottom-width: 0;
	border-left: none;
	background-image: url(../img/black.png);
	background-position: bottom center;
	background-repeat: repeat-x;
}

/* footer */
div#customerfooter {
	position: relative;
	margin: 0px auto;
	width: 100%;
	font-size: 100%;
	text-align: left;
	background: #FFFFFF;
	padding: 2.5em 0 6.25em;
    background: #272d34;
}

.layout_footer {
    padding: 2.5em 0 1.25em;
    background: #272d34;
}

.mod_footer {
    position: relative;
    max-width: 60.395em;
    margin: 0 auto;
    color: #fff;
}

.mod_footer a {
	color: #bbbcbc;
}

.mod_footer a:hover, .mod_footer a:focus {
	color: #ffffff;
	text-decoration: underline;
}

.mod_footer_language_selector {
    display: block;
    overflow: hidden;
    margin-top: -1.1875em;
    border-bottom: 1px solid #55595d;
}

.mod_language_selector_list {
    float: right;
    display: table-cell;
    text-align: left;
    height: 3.5em;
    line-height: 3.5em;
    font-size: .85em;
}

.mod_language_selector_list li {
	display: inline;
	float: left;
    margin-left: .625em;   
}

.mod_footer abbr, .mod_language_selector_list a {
    color: #bbbcbc;
    text-decoration: underline dotted;
}

.mod_footer abbr:hover, .mod_logo_footer_visual_link:hover {
	color: #ffffff;
	text-decoration: underline;
}

.mod_language_selector_list li.selected abbr {
	font-weight: normal;
	color: #ffffff;
	font-family: CS-Type-eP-Bold,Arial,Helvetica,sans-serif;
}

.mod_logo_footer_visual_link, .mod_logo_footer_visual_link:focus {
    display: inline-block;
    font-size: .85em;
    margin-top: .857142857142857em;
    float: left;
}

.mod_logo_footer {
    float: right;
    display: block;
    margin: .729em .5em 0 0;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNTgiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAxNTggMzYiPjxnIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Ik02OS45IDIxLjZoLTEwLjR2Mi4zbC4zLS4xdi0uMWMuMS0uMy43LTEgMS41LTFoMi4zdjEyLjJoMi4zdi0xMi4yaDIuNGMuOCAwIDEuMy40IDEuNC44di4xaC4zbC0uMS0yek0yLjQgMjAuOGMtMS42IDEuNi0yLjQgMy43LTIuNCA1LjkgMCAyLjQgMSA0LjYgMi43IDYuMiAxLjcgMS41IDQgMi4zIDYuNCAyLjMgMS4zIDAgMy43LS4yIDYuMi0xLjdsLjEtLjEuMy0zLjRoLS40bC0uMS4xYy0xLjggMy43LTQuNSAzLjctNS42IDMuNy00LjcuMS02LjktMy44LTYuOS03LjQgMC0zLjUgMi4xLTcgNi45LTcgMS41IDAgNC4xLjQgNS41IDMuNmwuMS4yLjQtLjEtLjMtMy42LS4xLS4xYy0yLjItLjktNC0xLjQtNS43LTEuNC0zIDAtNS40IDEtNy4xIDIuOHpNMTcuOSAyMS42bC0uMS4zaC4xYy4yLjEuNC42LjQgMS4ydjExLjloMi4ydi02LjFoMWMuOS4xIDEuMi42IDEuNyAxLjNsLjEuMS4zLjRjLjUuOCAxLjEgMS45IDEuOCAyLjkuNS43IDEuMSAxLjEgMS44IDEuMy42LjEgMS42LjEgMi4xLS4xbC41LS4xLjItLjEtLjctLjJjLS4zLS4xLS43LS4zLTEuMy0uOS0uMy0uNC0uOS0xLjMtMS44LTIuN2wtLjktMS40Yy0uMi0uMy0uNi0uOS0xLjMtMS4yIDEuMy0uNCAyLjUtMS42IDIuNS0zLjIgMC0uNS0uMS0xLjQtLjktMi4yLS44LS44LTIuMi0xLjItMy45LTEuMmgtMy44em0zLjkgMS4yYzIuMy4xIDIuMyAyIDIuMyAyLjIgMCAyLTEuNSAyLjYtMi43IDIuNmgtLjl2LTQuOWMuMi4xLjcuMSAxLjMuMXpNNDAuOCAyMS42di4zYy4yLjEuNC42LjQgMXYxMi4xaDMuOGMyLjUgMCA0LjYtLjggNi0yLjMgMS4yLTEuMiAxLjgtMi45IDEuOC00LjYgMC0xLjEtLjMtMi42LTEuMy0zLjktMS4zLTEuNy0zLjQtMi42LTYuMi0yLjZoLTQuNXptMi42IDEuM2gxLjJjLjMgMCAxLjEgMCAxLjcuMSAzLjcuNiA0LjIgMy43IDQuMiA1LjEgMCAxLjEtLjIgMi43LTEuMSAzLjktLjkgMS4yLTIuMyAxLjgtNC4zIDEuOC0uNCAwLTEgMC0xLjctLjF2LTEwLjh6TTU3LjUgMjEuNmgtMi42di4zaC4xYy4yLjEuNC42LjQgMS4xdjEyaDIuMmwtLjEtMTMuNHpNMTAyLjYgMjEuNmgtMi42di4zYy4yLjEuNC42LjQgMS4xdjEyaDIuMnYtMTMuNHpNMzcuOSAyMS42aC03LjVsLjEuM2MuMi4xLjQuNi40IDEuMnYxMS45aDcuNWwuNi0yLjQtLjMtLjEtLjEuMmMtLjYuOS0xLjIgMS4xLTMuNCAxLjEtLjggMC0xLjUtLjEtMi0uMXYtNS41aDMuOHYtMS4yaC0zLjh2LTQuMmMuMSAwIDMuMS4xIDMuMS4xLjcgMCAxLjUuNyAxLjUgMS4xdi4xaC4zbC0uMi0yLjV6TTEzMy43IDIxLjZoLTcuNXYuM2guMWMuMi4xLjQuNi40IDEuMnYxMS45aDcuNWwuNi0yLjQtLjMtLjEtLjEuMWMtLjYuOS0xLjIgMS4xLTMuNCAxLjEtLjggMC0xLjUtLjEtMi0uMXYtNS41aDMuOHYtMS4yaC0zLjh2LTQuMmMuMSAwIDMuMS4xIDMuMS4xLjggMCAxLjUuNyAxLjUgMS4xdi4xaC4zbC0uMi0yLjR6TTc2LjUgMTkuMWMtLjguNi0xLjcgMS42LTEuNyAzLjN2LjFjMCAyLjIgMS40IDMuMyAzLjYgNC40LjEuMS4yLjIuOC40IDEuOC45IDMuMiAxLjYgMy4yIDMuNSAwIC43LS4yIDEuNi0uOSAyLjItLjYuNi0xLjMuOC0yLjMuOC0yLjgtLjEtMy44LTIuNS00LjEtMy42bC0uMS0uMi0uNC4xLjEgMy41LjIuMWMuOS41IDIuNCAxLjQgNC42IDEuNCAxLjUgMCAzLjEtLjYgNC4xLTEuNy45LS45IDEuNS0yLjEgMS41LTMuNCAwLTIuOC0yLjEtMy45LTQuMi01bC0uNC0uMmMtMi4yLTEuMS0zLjItMS44LTMuMi0zLjIgMC0uOS43LTIuNSAyLjYtMi40IDIuMiAwIDMuNCAxLjcgMy42IDIuN2wuMS4yLjQtLjEtLjItM2gtLjNjLTEuMy0uOS0yLjktMS0zLjYtMS0xLjIgMC0yLjUuNC0zLjQgMS4xek0xMDYuMiAyNWMwIDEuOCAxLjEgMi44IDIuOSAzLjdsLjcuM2MxLjUuNyAyLjMgMS4yIDIuMyAyLjUgMCAuMi0uMSAxLjEtLjcgMS43LS40LjQtMSAuNi0xLjguNi0yLjEgMC0yLjktMS43LTMuMi0yLjdsLS4xLS4yLS40LjEuMSAyLjguMS4xYy43LjQgMS45IDEuMSAzLjYgMS4xIDEuMiAwIDIuNS0uNSAzLjMtMS4zLjctLjcgMS4xLTEuNyAxLjEtMi43IDAtMi4zLTEuNi0zLjItMy4zLTQuMWwtLjMtLjJjLTEuOC0uOS0yLjUtMS4zLTIuNS0yLjQgMC0uNy42LTEuOCAyLTEuOCAxLjggMCAyLjYgMS4zIDIuNyAybC4xLjIuNC0uMS0uMS0yLjUtLjEtLjFjLTEtLjctMi4zLS44LTIuOC0uOC0xLjkuMy00IDEuNS00IDMuOHpNMTE2LjIgMjVjMCAxLjggMS4xIDIuOCAyLjkgMy43bC43LjNjMS40LjcgMi4zIDEuMiAyLjMgMi41IDAgLjItLjEgMS4xLS43IDEuNy0uNC40LTEgLjYtMS44LjYtMi4xIDAtMi45LTEuNy0zLjItMi43bC0uMS0uMi0uNC4xLjEgMi44LjEuMWMuNy40IDEuOSAxLjEgMy42IDEuMSAxLjIgMCAyLjUtLjUgMy4zLTEuMy43LS43IDEuMS0xLjcgMS4xLTIuNyAwLTIuMy0xLjYtMy4yLTMuMy00LjFsLS4zLS4yYy0xLjgtLjktMi41LTEuMy0yLjUtMi40IDAtLjQuMi0uOS42LTEuMi4zLS4zLjktLjYgMS41LS42IDEuOCAwIDIuNiAxLjMgMi43IDJsLjEuMi40LS4xLS4xLTIuNS0uMS0uMWMtMS0uNy0yLjMtLjgtMi44LS44LTIgLjMtNC4xIDEuNS00LjEgMy44ek05NyAyMS42aC0xLjhsLjEuM2MuMS4xLjQuMy40IDEuMXY3LjZjMCAxLjQtLjYgMy4yLTMuMSAzLjJzLTMtMS40LTMtMy42di04LjZoLTIuOHYuM2MuMi4xLjUuNC41IDEuMnY3LjFjMCA0LjUgMi45IDUgNS4xIDUgMS4xIDAgNC42LS4zIDQuNi00LjV2LTkuMXpNMTUzIDE3LjdjMS42LjUgMy4yIDEuMiA1IDIuMi00LjMtNy4xLTEyLTE0LjktMTkuNi0xOS45IDIgMiA1LjEgNi4yIDUuOSAxMC43IDMuMiAyLjMgNi4xIDQuNiA4LjcgN3pNMTUzIDE3LjdjLTMuNy0xLjItNi45LTEuMi05LjItMSAuOC0yIC45LTQgLjYtNi01LjctNC4xLTEyLTcuNy0xOC4xLTEwLjMgNC41IDMgOS40IDExLjcgMTEuNCAyMSA0LjQtMS4zIDExLjItMi4yIDE5LjkuNy0xLjQtMS4zLTIuOS0yLjktNC42LTQuNHoiLz48L2c+PC9zdmc+');
    background-repeat: no-repeat;
    height: 2.25em;
    width: 9.875em;
    background-size: 100%;
    cursor: pointer;
}

.copyright_statement {
    float: left;
    width: 100%;
    display: block;
    margin: -.384615384615385em 0 1.076923076923077em;
    font-size: .789em;
    padding: 0 0 .076923076923077em;
    color: #ffffff;
}

.mod_footer_utility_links {
    float: left;
    clear: left;
    width: 100%;
    margin: -.25em 0;
    padding-right: 12.5em;
}

.mod_footer_utility_links .list_item:first-child {
    padding-left: 0;
}

.mod_footer_utility_links .list_item {
    position: relative;
    display: inline;
    margin-right: .75em;
    padding-left: 1.25em;
}

.mod_footer_utility_links .link_utility_links {
    font-size: .85em;
}

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

.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 */
.mod_3_column_linked_list_separator, .mod_component_separator, .mod_component_separator_button, .mod_component_separator_button_login, .mod_component_separator_button_ftp {
    background: #000;
    height: 1px;
    border: none;
    margin-top: 2.5em;
    margin-bottom: -1em;
    clear: left;
}

.mod_component_separator_button_login, .mod_component_separator_button_ftp {
	margin-top: 3.5em !important;
}

.mod_component_separator_button, .mod_component_separator_button_ftp {
	margin-bottom: -.3em;
}

#content h1 {
	font-size: 257.25%;
	margin-bottom: 11px;
	margin-top: 23px;
	font-family: CreditSuisse-Headline-Regular;
	line-height: 1em;
}

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

#content h2 {
	font-size: 171.4%;
	margin-bottom: 10px;
	padding: 40px 0 3px;
	padding-bottom: 1.5em;
}

#content h3 {
	margin-top: 17px;
}

h3, h4 {
	font-size: 142.8%;
	color: #000000;
	margin-top: 1px;
	margin-bottom: 1px;
	line-height: 1.5em;
	font-family: CS-Type-eP-Bold,Arial,Helvetica,sans-serif;
}

.mod_h2_small {
	margin-bottom: -18px !important;
}

.mod_h2_small_camt {
	margin-bottom: -18px !important;
	margin-top: -20px !important;
}

.mod_h2_large {
	margin-bottom: 5px !important;
}

.mod_h1_space {
	margin-top: 60px !important;
}

.mod_h1_large {
	margin-bottom: 1em !important;
}

.mod_h1_files {
	font-size: 30px !important;
	line-height: 30px !important;
	margin-bottom: 20px !important;
}

#content h2.mod_h2_files, #content h2.mod_h2_filedetails  {
	font-size: 24px !important;
	padding: 0.6em 0 0;
}

#content h2.mod_h2_filedetails {
	margin-top: 1em;
	margin-bottom: -.2em;
}

.mod_h1_image {
	margin-top: 5.2em !important;
	font-size: 60px !important;
	line-height: 60px;
}

#content h3.mod_h3_ftp {
	font-size: 114.3%;
	padding-top: 28px;
	margin-bottom: 15px;
}

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

#content.font-size-help p, #content.font-size-help a, #content.mod-accounts p {
	margin-top: .6em;
	border-bottom: none;
}

#content.font-size-general p, #content.font-size-general legend, #content.font-size-help p, 
	#content.font-size-help a, #content.mod-accounts p, #ebicsdata p, .jqdialog_intro, #bestpracticefiles p, #content.font-size-register p,
	 #content.filedetails, #camtFiles p {
	font-size: 16px;
}

#reports, #bestpracticefiles, #ebicsdata, .tnb-chapters, #camtFiles {
	margin-top: 1.5em;
	font-size: 1.143em;
}

#reports {
	margin-bottom: 15px;
}

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

#content ol li {
	line-height: 1.6em;
	list-style-type: decimal;
	margin: 0 2px 0;
	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;
}

.tb-static-data-label {
	font-weight: normal;
	margin-bottom: 5px;
	margin-top: 18px;
	font-family: CS-Type-eP,Arial,Helvetica,sans-serif;
	font-size: 114.3%;
}

div#page label {
	font-weight: normal;
	margin-bottom: 5px;
	margin-top: 18px;
	font-family: CS-Type-eP-Bold,Arial,Helvetica,sans-serif;
	font-size: 100.04%;
}

div#files_wrapper, div#userlist_wrapper {
	display: block;
}


p.user_filter, .space_sftp {
	margin-top: 1em;
}

.space_ftps {
	margin-top: 2.5em;
}

.label_ftps, .table_btn {
	padding-right: 0px;
}

.label_user_filter {
	width: auto;
	max-width: inherit;
	margin-left: 2.5em;
}

.filter_space {
	margin-bottom: 1em;
}

.mod_label_ebics, .mod_data_ebics {
	margin-bottom: 12px;
}

.label_general_small {
	margin-top: 10px !important;
}

.label_general_big {
	margin-top: 25px !important;
}

div#page button, a.btn {
	margin-top: 30px;
	height: 2.857em;
	font-family: CS-Type-eP-Bold,Arial,Helvetica,sans-serif;
}

div#page .btn-default {
	font-family: CS-Type-eP-Bold,Arial,Helvetica,sans-serif;
}

div#page .btn-default:hover {
	color: #000;
}

.mod-button {
	float: right;
}

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

.account-error {
	border: 2px solid #d91e19;
}

.account-error:focus {
	border: 2px solid #d91e19 !important;
}

#accountslist {
	margin-top: 2em !important;
}

table.bestpractise p {
	padding-bottom: 0.7em;
}

.text-dist {
	margin-bottom: 30px;
}

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

.datatableright {
	text-align: right;
}

.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 {
	margin-top: 20px;
}

.bptable table {
	border: none;
	border-collapse: collapse;
	font-size: 1em;
	line-height: 1.5em;
	margin: 20px 0 20px;
	width: 100%;
	text-align: left;
	margin-top: 30px;
}

.bptable #tableCamt052Files, .bptable #tableCamt053Files, .bptable #tableCamt054Files {
	width: 65%;
} 

.bptable table th, .bptable table td {
	color: #000000;
	padding: 1px 6px;
	vertical-align: top;
}

.bptable table thead tr th {
	background-color: #f5f5f5;
	font-weight: bold;
	text-align: left;
}

.bptable table.zebra thead tr th {
	background-color: #BBB;
	text-align: left;
}
.thead-mod {
	background-color: #fff !important;
	border-top: none !important;
}

.thead-mod-border {
	border-right: 1px solid #d1d3d4;
}

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

.bptable table tbody td, .bptable table tbody th {
	background-color: #FFFFFF;
	border-top: 1px solid #dadada;
}

.bptable table tbody td.row-title, .bptable table tbody th {
	background-color: #f5f5f5;
}

.bptable table tbody tr td a {
	color: #7c7c7b;
}

.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: #f5f5f5;
}

.bptable table tr th.thead {
	background-color: #f5f5f5;
	font-weight: bold;
	border-bottom: 1px solid #dadada;
	border-top: 1px solid #dadada;
}

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

.bptable table .bptable_ptotal {
	border: none;
	background-color: #F5F5F5;
}

.bptable table .bptable_total {
	border: none;
	background-color: #BCBEC0;
	border-top: 5px solid #fff;
}

.bptable table tr th.thead, .bptable table tbody th, .bptable table tbody td {
	padding: 16px 14px;
}

.bptable table tbody td.tdrow-title, .bptable table tbody td.tdrow-title-camt {
	background-color: #f5f5f5;
	width: 25%;
}

.bptable table tbody td.tdrow-title {
	width: 25%;
}

.bptable table tbody td.tdrow-bp {
	width: 37.5%;
}

.bptable table tbody td.tdrow-title-camt {
	width: 25%;
}

.bptable table tbody td.tdrow-camt {
	width: 25%;
}

.bp-info {
	margin-left: 1.65em;
	display: block;
}

#userlist.table > tbody > tr > td {
	white-space: nowrap;
}

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

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

#displayedAccessKeyLink {
	border: 2px solid #ccc;
	position: absolute;
	z-index: 99999;
	font: .9em CS-Type-eP,Arial,Helvetica,sans-serif;
	color: #000;
	padding: .2em;
}

.amount {
	text-align: right;
}

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

.checkboxes input {
	vertical-align: middle;
	margin: 1px 0 0;
	height: 20px;
	width: 20px;	
}

.checkbox-two-line input {
    vertical-align: top; 
    margin-top: 1.1em;
}
.checkboxes label span {
	vertical-align: middle;
	margin: 0 4px 0;
	font-size: 16px;
}

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

.radiobutton-mod {
	font-family: CS-Type-eP,Arial,Helvetica,sans-serif !important;
}

.contact-text {
	padding-top: 6px;
}

.contact-text-like {
	margin-top: 0em;
}

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

li.list-style {
	vertical-align: middle;
	margin-top: 7px;
	line-height: 20px;
	margin-bottom: 15px;
}

li.list-style-userfiles {
	vertical-align: middle;
	margin-top: 7px;
	margin-bottom: 15px;
}

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

#content ol li {
	line-height: 1.3em;
}

#content a.accordionTitle {
    display:block;
   	background: url(../img/CS_Sorting_asc.svg);
    background-repeat: no-repeat;
    background-position: 98%;
    padding: 15px 60px 9px 0;
    font-family: CS-Type-eP,Arial,Helvetica,sans-serif;
    font-weight: 400;
    border-top: 0.0625em solid #dadada;
    margin-bottom: 0.8em;
    font-size: 128.6%;
    background-size: 20px 20px !important;
}

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

#accordion > div:first-child .accordionTitle {
    margin-top: 1em;
    padding-top: 0;
    border-top: 0;
}

.mod-panel {
	border: none;
	box-shadow: none;
}

.mod-panel a:hover {
	color: #000;
}

span.splash-text, .content_highlight_box_ftp_label span {
	font-family: CS-Type-eP, Arial, Helvetica, sans-serif;
}

ul.splash-list {
	list-style: inherit;
	margin-left: 1.5em;
	margin-top: .8em;
	margin-bottom: 1.5em;
}

ul.splash-list li {
	margin-bottom: .5em;
}

.accordionBody {
	padding: 8px 35px 14px 0;
	font-size: 114.3%;
	line-height:  1.438em;
}

.accordionBody ol li {
	line-height: 2em !important;
}

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

.ui-tooltip-content {
	max-width: 40em;
	word-wrap: break-word;
	color: #fff;
}

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

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

input.label-options {
	font-weight: normal;
	margin-bottom: 7px;
	margin-top: 2px;
	margin-right: 7px;
	margin-left: 1px;
	vertical-align: middle;
	width: 20px;
	height: 20px;
}

input.label-options-filter {
	margin-top: 5px !important;
	margin-right: 9px !important;
}

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

#content h3.heading-like {
	margin-top: 25px;
	margin-bottom: -6px;
}

a.link-block, span.link-block, a.link-underline {
	color: #000;
	border-bottom: .1rem solid #000;
    padding-bottom: .1rem;
}

a.link-block-mod {
	color: #000;
    font-size: 16px;
    font-family: CS-Type-eP-Bold, Arial, Helvetica, sans-serif;
}

a.link-underline-splash {
	color: #000;
	font-weight: bold;
}

a.link-block:hover, span.link-block:hover {
	color: #7c7c7b;
	border-color: #7c7c7b;
	text-decoration: none;
}

a.link-underline:hover {
	text-decoration: underline;
	color: #004C97;
}

.link-list-block {
	margin-top: 40px;
}

a.contact-space, .message-space {
	margin-left: 25px;
}

div.highlight_box {
	margin-left: 55%;
}

div.highlight_box_ftp {
	margin-left: 60%;
}

.content_highlight_box, .content_splash_box, .content_highlight_box_sftp, .content_highlight_box_ftps {	
	background: #E6E7E8;	
}

.content_highlight_box_sftp {
	margin-top: -1em;
}

.content_highlight_box_ftps {
	margin-top: 1em;
}

.content_highlight_box {
	padding: 2.5em 1.75em 1.25em;
}

.content_highlight_box_sftp, .content_highlight_box_ftps {
	padding: 1.5em 1.75em 1.25em;
	padding-bottom: .7em;
}

.content_splash_box {
	padding: 2em 1.75em 1.25em;
}

.content_highlight_box_supertitle, .content_splash_box_supertitle, .content_highlight_box_ftp_supertitle {
	margin: -.214285714285714em 0 0em !important;	
	font-family: CS-Type-eP-Bold, Arial, Helvetica,
		sans-serif !important;
}

.content_highlight_box_supertitle {
	font-size: 114.3% !important;
}

.content_splash_box_supertitle, .content_highlight_box_ftp_supertitle {
	font-size: 16px !important;
}

.content_highlight_box_content, .content_splash_box_content {
    display: table-cell;
    width: 625em;
}

.content_highlight_box_content_inner, .content_splash_box_content_inner {
	float: left;
	width: 100%;
	font-size: 114.3%;
	margin-bottom: 1.25em;
	font-family: CS-Type-eP, Arial, Helvetica, sans-serif !important;
}

.content_highlight_box_label, .content_highlight_box_ftp_label {
	margin-bottom: 5px;
	margin-top: 5px;
}

.content_highlight_box_label {
	font-family: CS-Type-eP,Arial,Helvetica,sans-serif;
}

div.highlight_box span  {
	font-family: CS-Type-eP-Light,Arial,Helvetica,sans-serif;
}

div.highlight_box p, div.highlight_box span, div#ebics-key-information.highlight_box h3, div.highlight_box_ftp p {
	color: #000;	
}

a.button-link {
	line-height: 2em;
}

.button-table {
	/* margin-left: 18em; */
}
 
select option:checked {
    box-shadow: 0 0 10px 100px #BCBEC0 inset;
    transition: all .2s ease-in-out;
}

select option {
    box-shadow: 0 0 10px 100px #f5f5f5 inset;
    transition: all .2s ease-in-out;
}

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 {
  width:100%;
  min-width: 5em !important;
  border: 1px solid #a8a8a7;
  background-color:white;
  background-image: url(../img/CS_Sorting_desc.svg);
  background-position: right;
  background-repeat: no-repeat;
  background-position: 99%;
  background-size: 20px 20px;
}

select.form-control:disabled {
  background-image: url(../img/CS_Sorting_desc-grey.svg);
  background-position: 99%;
}

option {
  padding:.3em 1em .3em 1em;
}

button.btn-primary span.ui-button-text {
	color: #fff;
	font-family: CS-Type-eP-Bold,Arial,Helvetica,sans-serif;
}

button.btn-default.ui-widget {
	color: #000;
	font-family: CS-Type-eP-Bold,Arial,Helvetica,sans-serif;
}	

button.btn-default:hover  {
	/*text-decoration: underline;*/
}

.btn-primary:focus {
	outline: thin dotted #757575;
	outline-offset: -2px;
}

.btn-default:focus {
	outline: thin dotted #757575;
	outline-offset: -2px;	
}

.ui-dialog-titlebar-close:focus {
    border: thin dotted #757575 !important;
    outline:none;
}

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

.ui-dialog .ui-dialog-title {
	font-family: CreditSuisse-Headline-Regular,Arial,Helvetica,sans-serif;
	font-size: 30px !important;
	line-height: 30px !important;
}

div#content select,input {
	font-size: 114.3%;
}
/*
.form-control:focus {
	outline: 0;
	border: .13em solid #757575;
}

select.form-control:focus {
	outline: 0;
	border-bottom: 0.1875em solid #757575;
	border-top: .0625em solid #bbbcbc;
	border-right: .0625em solid #bbbcbc;
	border-left: .0625em solid #bbbcbc;
}
*/
.table th:focus, .table tr.odd:focus, .table tr.even:focus {
	outline: thin dotted #757575;
	outline-offset: -2px;
}

li.paginate_button a:focus {
	outline: thin dotted #757575;
	outline-offset: -2px;
}

.ui-dialog .ui-dialog-titlebar-close{
	float: right;
    background-image: url('../img/ico-fn_multiply.svg');
	background-repeat: no-repeat;
	background-color: #ffffff;
	width: 2.5em !important;
	height: 2.5em !important;
	display: block;
	margin: -1.3em 0 0 0 !important;
}

.alert-danger li {
	color: #d91e19;
	font-size: 117.4%;
}

.mod-btn-default {
	/*margin-left: -10px;*/
}

.mod-label {
	/*margin-top: 3px !important;*/
	margin-top: 7px !important;
	text-align: left !important;
}

.mod-label-passwd {
	margin-top: 3px !important;
	text-align: left !important;
}

div#content div.dataTables_paginate {
	float: left;
	margin: 2.2em 0 0 0;
}

div#content .mod-input {
	height: 2.5em;
}

.component_aside {
	clear:both;
	margin: 0 auto;
}

.component_aside_content, .splash_box_aside {
    clear: left;
    float: left;
    width: 25.625%;
    overflow: auto;
	overflow-x: hidden;
}

.splash_box_aside {
	float: right !important;
	margin-top: -5.5em;
	width: 30% !important;
}

.mod_flexible_sidebar_content {
    width: 15em;
}

.mod_splash_box_content {
	width: 18em;
}

.mod_flexible_sidebar_title {
    clear: left;
    margin: -.125em 0 .375em;
    font-family: CS-Type-eP-Bold,Arial,Helvetica,sans-serif;
    font-size: 114.3% !important;
    padding-top: 71px !important;
}

.mod_flexible_sidebar_right {
	margin-top: 65px;
}

.mod_flexible_sidebar_right p a {
	font-size: 100% !important;
	text-decoration: underline;
}

.component_standard_content {
    margin-left: 25.625%;
}

.component_standard_content_login {
    margin-right: 40%;
}

.mod_flexible_sidebar_subtitle {
    margin: -.25em 0 .875em;
    font-size: 1em;
    line-height: 1.375;
}

#helpContent .col-md-12 {
	padding-left: 0px;	
}

#page .alert {
	background-repeat: no-repeat;
	font-family: CS-Type-eP,Arial,Helvetica,sans-serif;
	background-color: #fff;
	border-color: #fff;
	color: #000;
	background-size: 2.55em 2.5em;
	background-position: -0.0%;
	padding-left: 32px;
}

#page .alert-danger {
	background-image: url('../img/CS_Alert_red.svg');	
	font-size: 97.2%;
}

#page .alert-success {
	background-image: url('../img/CS_Confirm_green.svg');
	font-size: 97.2%;
}

#page .alert-info {
	background-image: url('../img/CS-Warning-orange.svg');
}

.alert-danger li {
	font-size: 117.7%;
	color: #000;
	font-family: CCS-Type-eP,Arial,Helvetica,sans-serif;
	margin-left: 15px;
}

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

#page .has-error .form-control {
	border: 2px solid #d91e19;
}

.has-error .col-form-label {
	color: #d91e19;
}

div#content .btn-primary[disabled] {
	color: #fff;
}

div#content .btn-default[disabled] {
	color: #a8a8a7;
	border: 1px solid #a8a8a7;
	cursor: not-allowed;
}

input[type="search"], div#files_length select, div#userlist_length select {
	height: 2.188em !important;
    display: inline-block;
    width: auto;
    vertical-align: middle;
    font-size: 114.3%;
    font-family: CS-Type-eP,Arial,Helvetica,sans-serif;
}

div#files_length select, div#userlist_length select {
	margin-right: 10px;
}

.disclaimer {
	margin-top: 20px;
}

#content em {
	font-family: CS-Type-eP-Light,Arial,Helvetica,sans-serif;
}

.faqlist, .disclaimerlist {
	list-style-type: square;
	margin-left: 16px;
}

#page .message-login {
	margin-bottom: 25px;
	margin-top: -20px;
}

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

.mod-login-space, .mod-password-space {
	padding-top: 1.25em !important;
}

.login::after {
	clear: none;
}

.label-swp {
	color: #00B2AC;
}

.userlist-data {
	margin-left: 12px;
}

.notifyjs-bootstrap-error {
    background-image: url('../img/CS_Alert_red.svg');    
}

.notifyjs-bootstrap-success {
    background-image: url('../img/CS_Confirm_green.svg');    
}

.notifyjs-bootstrap-info {
    background-image: url('../img/CS-Warning-orange.svg');    
}

.notifyjs-bootstrap-warn {
    background-image: url('../img/CS-Warning-orange.svg');    
}

.label-file-warnings a span {
    background-repeat: no-repeat;
    background-image: url('../img/ico-fn_document-orange.svg');    
    padding-left: 25px;
    font-weight: 700;
}

.label-file-errors a span {
    background-repeat: no-repeat;
    background-image: url('../img/ico-fn_document-red.svg');
    padding-left: 25px;
    font-weight: 700;
}

.label-file-success a span {
    background-repeat: no-repeat;
    background-image: url('../img/ico-fn_document-black.svg');    
    padding-left: 25px;
    font-weight: 700;
}

.label-file-warnings span, .label-file-warnings {
    color: #FFB81C;
}

.label-file-errors span, .label-file-errors {
    color: #D91E19;
}

.label-file-errors a span:hover, .label-file-success a span:hover, .label-file-warnings a span:hover {
    text-decoration: underline;
}

.ui-dialog .ui-dialog-title {
	margin: .3em .5em;
	text-align: left;
	font-weight: 300;
	font-size: 157.9%;
}

.ui-dialog .ui-dialog-titlebar-close {
	right: .4em;
	margin: -10px 8px 0 0;
	border: none;
}

.ui-dialog .ui-dialog-buttonpane {
	border-top: 1px solid #bbbcbc;	
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	margin-left: 25px;
}

.ui-dialog .ui-dialog-buttonpane button {
	height: 2.533em;
}

.ui-tooltip {
	z-index: 999999;
}

div#xmlfilecontainer {
	margin-top: 1.5em; 
}

#xmlTableHead {
	padding-bottom: 8px;
}

div.dataTables_length {
    width: 25%;    
}

pre#xmlfile {
    line-height: 1.3em;
    font-family: CS-Type-eP-Light,Arial,Helvetica,sans-serif;
    font-size: 0.95em;
    background: #f5f5f5 none repeat scroll 0 0;
}

pre#xmlfile span  {
    font-family: CS-Type-eP-Light,Arial,Helvetica,sans-serif;
}

table#xmlfiletable {
    background: #fff;
}

table#xmlfiletable pre {
    line-height: 1.3em;
    font-family: CS-Type-eP-Light,Arial,Helvetica,sans-serif;
    font-size: 0.98em;
    background: inherit;
}

div#xmlfiletable_wrapper table.dataTable thead  tr  th {
    border-bottom: 1px solid #000;
    font-weight: 700;
}
.red {
    color: #d91e19;    
}

.orange {
    color: #ffb81c;    
}

div#linkcontainer .btn-default {
    background-color: inherit;
}

div.dataTables_scrollBody thead th {
   display:none;
}

table.resultcontainer thead, table.resultcontainer tbody {
    display: block;
}

table.resultcontainer tbody {
    overflow: auto;
    max-height: 300px;
}

table#linktable.dataTable {
    padding-top: 0px;
}

.xml-result-col1, .xml-result-col2, .xml-result-col3, .xml-result-col4 {
	font-size: 16px;
	padding-right: 0px !important;
}

.xml-result-col1 {
	width: 7% !important;
}
table#resulttable tbody tr td:nth-of-type(1) {
    width: 7% !important;
}

.xml-result-col2 {
	width: 10% !important;
}
table#resulttable tbody tr td:nth-of-type(2) {
    width: 10% !important;
}

.xml-result-col3 {
	width: 70% !important;
}
table#resulttable tbody tr td:nth-of-type(3) {
    width: 70% !important;
    line-height: 1.5em;
}

.xml-result-col4 {
	width: 13% !important;
}
table#resulttable tbody tr td:nth-of-type(4) {
    width: 13% !important;
}

div#resulttable_processing {
    display:block;
    margin:0 auto;
    vertical-align:top;
    left: 0%;
    line-height: 3em;
    height: 3.5em;
}

div#resulttable_processing:before, div#resulttable_processing:after  {
    position:absolute;
    content:'';
    width:.75em;
    height:.75em;
    border-radius:.75em;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
}

div#resulttable_processing:before {
    left:49.2%;
    background:#003868;
    -webkit-animation:preloader_before 1.55s infinite ease-in-out;
    animation:preloader_before 1.55s infinite ease-in-out;
}
div#resulttable_processing:after  {
    left:50.8%;
    background:#bbbcbc;
    -webkit-animation:preloader_after 1.55s infinite ease-in-out;
    animation:preloader_after 1.55s infinite ease-in-out;
}

/* 
.mod_preloader{clear:left;float:left;width:100%;display:block;text-align:center}
.mod_preloader_animation{display:block;position:relative;margin:0 auto;width:.125em;height:1em;vertical-align:top}
.mod_preloader_animation:after,.mod_preloader_animation:before{position:absolute;content:'';width:.75em;height:.75em;border-radius:.75em;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.mod_cta_wrapper,.mod_product_features_lead p a{position:relative}
.mod_preloader_animation:before{left:-.75em;background:#003868;-webkit-animation:preloader_before 1.55s infinite ease-in-out;animation:preloader_before 1.55s infinite ease-in-out}
.mod_preloader_animation:after{left:.125em;background:#bbbcbc;-webkit-animation:preloader_after 1.55s infinite ease-in-out;animation:preloader_after 1.55s infinite ease-in-out}
.mod_preloader_label{display:block;margin:.625em auto 0;vertical-align:bottom;color:#757575}
 */
@-webkit-keyframes preloader_before{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
50%{-webkit-transform:translateX(1em) scale(1.3);transform:translateX(1em) scale(1.3);background:rgba(0,56,104,.5)}
}
@keyframes preloader_before{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
50%{-webkit-transform:translateX(1em) scale(1.3);transform:translateX(1em) scale(1.3);background:rgba(0,56,104,.5)}
}
@-webkit-keyframes preloader_after{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
50%{-webkit-transform:translateX(-1em) scale(1.3);transform:translateX(-1em) scale(1.3);background:rgba(187,188,188,.5)}
}
@keyframes preloader_after{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
50%{-webkit-transform:translateX(-1em) scale(1.3);transform:translateX(-1em) scale(1.3);background:rgba(187,188,188,.5)}
}


span.light {
   font-family: CS-Type-eP-Light,Arial,Helvetica,sans-serif;
}

div[class^="xml-pp-col"] {
    float: left;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

div.xml-pp-col1 {
    width: 45%;
}

div.xml-pp-col2 {
    width: 28%;
}

div.xml-pp-col3 {
    width: 25%;
}

div.xml-pp-col1 p, div.xml-pp-col2 p, div.xml-pp-col3 p {
	margin-top: 5px;
}

body .ui-tooltip {
    border-radius : 0px;
    -moz-border-radius : 0px;
    -webkit-border-radius: 0px;
    font-size: 85%;
    text-align: left;
    background: #000;
	border: 1px solid #000;
}	

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

.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, 
.table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, 
.table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
	border-top: 0;
}

.btn-default {
  color: #000;
  background-color: #fff;
  border-color: #000;
}

 .pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 5px 10px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #000;
  background-color: #ffffff;
  border: 1px solid #dadada;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #000;
  background-color: #fff;
  border-color: #dadada;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  background-color: #000;
  border-color: #000;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #dadada;
  background-color: #ffffff;
  border-color: #dadada;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 9px 14px;
  font-size: 135%;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 100%;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}

/* Migration Bootstrap 4.00 -> 4.3.1 */

/* Formularelemente */
.form-control::placeholder {
    color: #7c7c7b;
    opacity: 1;
}

.form-control {
	display: block;
	width: 100%;
	padding: 0.3125rem 0.625rem;
	font-size: 1rem;
	line-height: 1.42857143;
	color: #000000;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #a8a8a7;
	border-radius: 0rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control:focus, .form-control:hover {
    outline: 0;
    border: 1px solid #000;
    color: #000;
	background-color: #fff;
	outline: 0;
	box-shadow: none;
}

.form-control:not(img) {
    height: 2.5em;
}

.form-control:disabled, .form-control[readonly] {
	background-color: #fff;
    cursor: not-allowed;
    border: 1px solid #dadada;
    color: #a8a8a7;
}

.col-form-label {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}

select.form-control:not([size]):not([multiple]) {
    /*height: calc(2.25rem + 2px);*/
}

#accountForm .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

/* Spalten-Layout */
.col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
	float: left;
}

/* Buttons */
.btn {
	font-weight: normal;
	white-space: nowrap;
	padding: 0.3125rem 0.625rem;
	font-size: 0.875rem;
    line-height: 1.42857143;
    border-radius: 0rem;
}

.btn:focus, .btn.focus {
	box-shadow: none;
}

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

.btn-primary:hover {
    color: #fff;
    background-color: #575756;
    border-color: #575756;
}

.btn-default:hover {
    /*color: #004C97;*/
    border: 2px solid #000;
}

.btn-primary:focus, .btn-primary.focus {
	box-shadow: none;
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.btn-primary.disabled, .btn-primary:disabled {
    background-color: #dadada;
    border-color: #dadada;
}

/* Links */
a:hover {
	color: #7c7c7b;
	text-decoration: none;
}

/* Überschriften */
h1, h2 {
    line-height: 1.1;
}

/* Tabellen */
.table th, .table td {
    padding: 0.5rem;
}

.table thead th {
    border-bottom: 1px solid #000;
}

.table th, .table td {
    padding: 0.9rem;
    vertical-align: middle;
    border-top: 1px solid #dadada;
}

.dataTables_wrapper label {
 /*    display: flex; */
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #fff;
}

.table-hover tbody tr:hover {
    color: #000;
    background-color: #e6e7e8;
}

.pagination .page-item.active .page-link {
    z-index: 2;
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.pagination .paginate_button.disabled {
	cursor: not-allowed;
}

.pagination .page-link:focus {
	box-shadow: none;
}

#button-row {
	float: left;
}

/* Upload */
.progress {
    display: -webkit-box;
    display: flex;
    height: 1.0625rem;
    font-size: 0.875rem;
    background-color: #f5f5f5;
    border-radius: 0.125rem;
    margin-bottom: 1.0625rem;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    color: #000;
    background-color: #b7bac7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
}

/* Benachrichtigungen */
.alert-danger {
	flex-basis: auto;
}

.ui-dialog .ui-dialog-title {
	margin-top: .6em !important;
	margin-left: .3em !important;
}

table.dataTable thead .sorting_desc::after {
    margin-left: 3px;
}

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

input[type=checkbox]:checked {
    position: relative;
    background-color: #000;
	vertical-align: middle;
	background-image: url('../img/ico-fn_tick-white.svg');
	background-repeat: no-repeat;
	color: #000;
	background-size: 17px;
	background-position: 1px 0px;
}

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