/* -------------------------
ALLGEMEINE GÃœLTIGE ELEMENTE
----------------------------*/

/* Start Notificaation */
.add-new-notification {
	margin: 20px 0;
}

.container-notification {
	background: #f0f0f0;
	padding: 10px 10px;
	margin: 10px 0;
	position: relative;
	top: 0;
	opacity: 1;
	transition: all .5s linear;
}

.container-notification.to-bottom {
	position: relative;
	top: -30px;
	opacity: 0;
}

.container-notification:hover {
	background: #dbd9d9;
}

.container-notification.loading {
	pointer-events: none;
}

.container-notification .comment-notification, 
.container-notification .key-notification {
	opacity: .5;
	font-size: 10px;
}

.container-notification .comment-notification input, 
.container-notification .comment-notification button {
	font-size: 10px;
}

.container-notification hr {
	border-top: 1px solid #c5cbc5;
}

.info-notification,
.delete-notification {
	text-align: right;
}

.delete-notification span {
	color: #fff;
	border-radius: 50%;
	width: 17px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	user-select: none;
}

.delete-notification span {
	background: #fd4848;
}

.delete-notification span:hover {
	background: #f31d1d;
}

.btns-clear-new span {
	background: #00b5ec;
	color: #fff;
	padding: 6px;
	border-radius: 5px;
	user-select: none;
	cursor: pointer;
	transition: all .1s linear;
}

.btns-clear-new span:hover {
	background: #337ab7;
}

.btns-clear-new span:active {
	background: #235988;
}
/* End Notificaation */

/* Start Video Chat */
.video-chat a {
	box-shadow: 0 0 3px #008ac9;
	margin: 30px auto 10px;
	width: 50%;
	text-align:center;
	border:2px solid #fff;
	padding:20px;
	background:#008ac9;
	border-radius:10px;
	color:#fff;
	display: block;
	position: relative;
	overflow: hidden;
	-webkit-animation: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.video-chat a:hover {
	transform: scale(1.1);
	color: #fff;
}

.video-chat a:active,
.video-chat a:focus {
	color: #fff;
}

.video-chat i,
.video-chat span {
	text-shadow: 0 0 10px #1781b8;
	display:block;
}

.video-chat i {
	font-size: 3em;
}
/* End Video Chat */

.columnar {
	margin-bottom: 8px;
}

.loading:before  {
	content: "\f1ce";
	display: block;
	background: transparent;
	color: #3498db;
	position: absolute;
	text-align: center;
	padding: 0;
	z-index: 9;
	left: 50%;
	top: 30%;
	opacity: 0.8;
	font-family: FontAwesome;
	font-size: 40px;
	margin-bottom: 25px;
	-webkit-animation-name: spin;
	-webkit-animation-duration: 2000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: spin;
	-moz-animation-duration: 2000ms;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: spin;
	-ms-animation-duration: 2000ms;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	animation-name: spin;
	animation-duration: 2000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.loading.top50prozent {
	top: 40%
}

.loading.top50prozent.boforetop50prozent::before {
	top: 50%
}

@-ms-keyframes spin {
	from { -ms-transform:rotate(0deg); }
	to { -ms-transform: rotate(360deg); }
}

@-moz-keyframes spin {
	from { -moz-transform: rotate(0deg); }
	to { -moz-transform: rotate(360deg); }
}

@-webkit-keyframes spin {
	from { -webkit-transform:rotate(0deg); }
	to { -webkit-transform: rotate(360deg); }
}

.selected li, .available li {
	border-bottom: 1px solid #ddd;
	padding: 5px 0;
}

.selected li:last-child, .available li:last-child {
	border-bottom: 0;
}

a { color: #3498db; }

a:hover, a:active, a:focus {
	color: #337ab7;
	cursor: pointer;
	text-decoration: none;
}

.selected a.action {
	margin-top: 5px;
}

.treeclick {
	position: relative;
	left: 16px;
}

input.jsg-datepickermod:after {
	content: "\f073";
	font-family: FontAwesome;
	display: block;
	position: absolute;
	right: 7px;
	top: 4px;
	opacity: 0.7;
	color: #333;
	z-index: 999;
}

.right-absolute {
	position: absolute;
	right: 10px;
	top: 0;
	z-index: 99;
}

ul.list-unstyled li {
	padding: 3px 0;
}

/* --------------------------
THUMBNAIL ÃœBERSICHT
----------------------------*/

.panel-body h3 {
	padding-left: 0;
}

.thumbnail-list label {
	background: none;
	border: none;
	margin-bottom: 20px;
	width: 100%;
	padding: 0;
}

.thumbnail-list label:active .bericht-titel, .thumbnail-list label:focus .bericht-titel,
.thumbnail-list label:hover .bericht-titel, .thumbnail-list .bericht-titel:active,
.thumbnail-list .bericht-titel:focus, .thumbnail-list .bericht-titel:hover
{
	background-color: #dfdfdf;
}

.thumbnail-list .bericht-titel {
	border: solid 1px #ccc;
	color: #333;
	display: block;
	overflow: hidden;
	padding: 5px 2px;
	background-color: #eee;
	height: 40px;
}

.thumblist-element {
	width: 100%;
	border: 2px solid #ddd;
}

.thumblist-element .img-thumbnail {
	border-radius: 0;
	border: none;
}

.thumblist-element.checkreport:before {
	content: "\f00c";
	font-family: FontAwesome;
	display: block;
	position: absolute;
	font-size: 16px;
	right: 0;
	padding: 2px 6px;
	text-align: center;
	top: 0;
	color: #173346;
	background: #3498db;
}

/* --------------------------------
ERSTE NAVIGATIONSEBENE; WIE BUTTONS
----------------------------------- */

.nav-tabs>li {
	background-color: #fff;
	padding: 5px;
}

.nav-tabs>li>a {
	background-color: #e7eaec;
	border-radius: 0;
	color: #555;
	padding: 5px 10px;
	margin-top: -5px;
	margin-bottom: -6px;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:active,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	background-color: #a8b3ba;
}

.nav-tabs>li>a.arrow_box {
	border: 1px solid #a8b3ba;
}

.nav-tabs>li>a:active,
.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus {
	background-color: #a8b3ba;
	border: 1px solid transparent;
}

.nav-tabs>li.active:before {
	border-bottom: 10px solid #a8b3ba;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	width: 0;
	height: 0;
	content: "";
	display: block;
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -10px;
}

.tab-pane { margin: 10px 0; }

.list-inline.nav-tabs {
	padding: 10px 0 30px 0;
}

.nav-tabs>li.active:before {
	display: none;
}

.nav-tabs>li.active:after {
	border-top: 10px solid #a8b3ba;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	width: 0;
	height: 0;
	content: "";
	display: block;
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -10px;
}

/* --------------------
ZWEITE NAVIGATIONSEBENE
----------------------- */
.nav-tabs.subnav>li>a { color: #a8b3ba; }

.nav-tabs.subnav>li.active>a,
.nav-tabs.subnav>li>a:active,
.nav-tabs.subnav>li>a:focus,
.nav-tabs.subnav>li>a:hover { color: #333; }

.nav-tabs.subnav>li.active>a,
.nav-tabs.subnav>li.active>a:active,
.nav-tabs.subnav>li.active>a:focus,
.nav-tabs.subnav>li.active>a:hover,
.nav-tabs.subnav>li.active::after { border: solid 1px transparent; }

.nav-tabs.subnav>li>a,
.nav-tabs.subnav>li>a:active,
.nav-tabs.subnav>li>a:focus,
.nav-tabs.subnav>li>a:hover,
.nav-tabs.subnav>li::after { background: none; }

/* -------------------------
DOKUBOX
----------------------------*/
.tree-wrap {
	display: inline-block;
}

#gview_dokubox_table .dropdown-menu {
	width: 100%;
}

.modal-footer .dropdown-menu {
	left: inherit !important;
	right: 0 !important;
	border-radius: 0 !important;
}

.jsg-dependingElement label.btn input, label.btn input {
	visibility: hidden;
	opacity: 0;
	position: absolute !important;
}

/* -------------------------
PRODUKTSEITE
----------------------------*/
.panel-default>.panel-heading {
	background: #e7eaec;
	padding: 5px 10px 5px 10px;
	border: 0;
	border-radius: 0 !important;
}

.panel {
	border-radius: 0;
	box-shadow: none;
	border: 1px solid #e7eaec !important;
}

.panel-heading h3 {
	font-weight: 400;
	color: #333;
	margin: 0;
	padding: 0;
}

/* -------------------------
DASHBOARD VERMITTLER
----------------------------*/
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #333;
	opacity: 0.5;
	font-weight: 400;
}

::-moz-placeholder { /* Firefox 19+ */
	color: #333;
	opacity: 0.5;
	font-weight: 400;
}

:-ms-input-placeholder { /* IE 10+ */
	color: #333;
	opacity: 0.5;
	font-weight: 400;
}

:-moz-placeholder { /* Firefox 18- */
	color: #333;
	opacity: 0.5;
	font-weight: 400;
}

/* ---------------------------------------------------------------
INFOBOX OVERLAY VERBORGENE OPTIONEN
---------------------------------------------------------------- */

.form-pick .form-control {
	display: block;
	width: 100%;
	height: 25px;
	padding: 6px 12px;
	font-size: 12px;
	border: 0;
	box-shadow: none;
	background: #fff url('../img/calender.png') no-repeat 140px 5px;
	transition: none;
}

.form-pick ::-webkit-input-placeholder {
	color: #333 !important;
}
.datetimepicker {
	width: 100%;
}

.datetimepicker input {
	background-image: url(img/datepicker-bg.png);
	background-repeat: no-repeat;
	background-position: 100% 49.6%;
}

.datetimepicker input[readonly],
.datetimepicker input[disabled] {
	background-image: none;
}
.datepicker {
	width: 220px;
	text-align: center;
}

.datepicker .table-condensed {
	width: 100%;
}

.datepicker th {
	text-align: center;
}

.datepicker-days>table>thead>tr:nth-child(2) {
	background: #a8b3ba;
}

.datepicker-days>table>tbody>tr:nth-child(2n) {
	background: #ecf0f1;
}

.datepicker-days .day:active, .datepicker-days .day:focus,
.datepicker-days .day:hover, .datepicker span.active, .datepicker span:active,
.datepicker span:focus, .datepicker span:hover {
	color: #fff;
	background: #3498db;
	cursor: pointer;
}

.datepicker-days .new, .datepicker-days .old {
	opacity: 0.4;
}

.datepicker-days .next, .datepicker-days .prev {
	cursor: pointer;
}

.datepicker span {
	display: inline-block;
	width: 47px;
	height: 47px;
	line-height: 300%;
	margin: 2px;
	cursor: pointer;
}

#popup-section {
	background-color: #fff;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* -------------------------
MULTITABLE DARSTELLUNG
----------------------------*/
.datepicker {
	border-radius: 0 !important;
	box-shadow: none !important;
	min-width: 220px !important;
	z-index: 1999 !important;
}

.popovermenu {
	display: none
}
.noBorder input {
	border:0;
}

input:focus {
	border: 0;
	outline: 0 !important;
	/*	-webkit-appearance: none !important;
		-moz-appearance: none;*/
}

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

.available ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	margin-top: 0;
	padding-top: 0;
}

.search, .search:focus {
	border: 1px solid #e7eaec !important;
	padding: 6px 8px !important;
}

/* -----------------
MODALDIALOG BOOTSTRAP OVERRIDES
---------------------*/
.bigDialog {
	width: 90% !important;
}

.modal-dialog input[type="text"], .form-control {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	border: 2px solid #e7eaec !important;
	padding: 5px 8px !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	position: relative !important;
}

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

select {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	-ms-appearance: none !important;
	-o-appearance: none !important;
	border: 2px solid #e7eaec !important;
	padding: 5px 8px !important;
	color: #333 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	font-size: 13px !important;
	position: relative !important;
	z-index: inherit !important;
	cursor: pointer;
	background-image: url(img/arrow-down.png) !important;
	background-color: #fff !important;
	background-repeat: no-repeat !important;
	background-position: 98% 49.6% !important;
}

/* -----
DIVERSES
-------*/
.clearfix {
	clear: both;
}

/* ----------------------
BUTTON BOOTSTRAP OVERRIDES
-------------------------*/
.btn {
	border-radius: 0 !important;
}

.btn-default {
	background-color: #eee;
}

.btn-default:active, .btn-default:focus, .btn-default:hover {
	background-color: #dfdfdf;
}

.btn-primary {
	background-color: #3498db;
}

.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
	background-color: #337ab7;
}

.btn-paneltitle {
	background-color: #3498db;
	color: #fff;
	margin: -5px -9px 0 20px;
	padding: 3px 7px;
}

.btn-paneltitle.btn {
	color: #fff;
}

.btn-paneltitle.btn.focus, .btn-paneltitle.btn:active, .btn-paneltitle.btn:focus, .btn-paneltitle.btn:hover
{
	background-color: #337ab7;
	color: #fff;
}

#ordnerablage_treegrid .jqgrow:nth-child(even) {
	background: #fff;
}

#ordnerablage_treegrid .jqgrow {
	border-bottom: 1px solid #ddd;
}

#ordnerablage_treegrid {
	border: 0;
}

#ordnerablage_treegrid td {
	border: 0;
}

/* -----------------------
BERATUNGSPROTOKOLL, ALLGEMEIN
--------------------------*/
.wphg_main {
	margin: 0 auto;
}

.startkachel .jumbotron { min-height: 300px; }
.startkachel h2 { height: 70px; }
.startkachel .brandhead { min-height: 150px; }

.wphg6 .jumbotron {
	border-radius: 0;
	/*min-height: 655px;*/
}

.wphg6 .jumbotron.jumbo-sm {
	min-height: 150px;
}

.wphg6 .jumbotron.jumbo-sm .jumboinfo {
	min-height: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.wphg6 .jumbotron.jumbo-sm .jumbobtns {
	min-height: auto;
}

.wphg6 .jumbotron .btn-block {
	width: 75%;
}

.wphg6 .jumbotron p {
	font-size: 17px;
}

.wphg6 .jumbotron h4 { line-heigt: 1.5 }

.wphg6 .jumbotron.bg-success {
	background-color: #dff0d8;
}

.wphg6 .jumbotron.bg-default {
	background-color: #fff;
}

.wphg6 .jumbotron.bg-primary {
	background-color: #337ab7;
}

.wphg6 .jumbotron.bg-info {
	background-color: #d9edf7;
}

.wphg6 .jumbotron.bg-danger {
	background-color: #d9534f;
}
.wphg6 .jumbotron.bg-warning {
	background-color: #f0ad4e;
}

.wphg6 .jumbotron.bg-divers {
	background-color: #f8efe6;
}

.wphg6 .jumbobtns {
	justify-content: flex-start;
}

.wphg6 .jumbotron .jumboinfo {
	min-height: auto !important;
}

#alertcnt_ordnerablage_treegrid {
	position: absolute;
	left: 200px;
}

.wproute {
	margin: 0 auto;
}

.wproute .wphg-line::before, .wproute .wphg-line::after {
	background: transparent !important;
}

.nav-wproute .fa-arrow-left:before {
	content: "\f060";
	position: relative;
	top: 3px;
	left: 6px;
	font-size: 14px;
}

.nav-wproute .fa-arrow-right:before {
	content: "\f061";
	position: relative;
	top: 3px;
	left: 6px;
	font-size: 14px;
}

.wproute .wppoints {
	min-width: 100%;
}

.wproute .wppoints a {
	font-size: 13px;
}

.nav-wproute a.prev {
	left: 15px;
}

.nav-wproute a.next {
	right: 15px;
}

.wproute .wppoints a.older-wp::after {
	content: "\f00c";
	font-family: FontAwesome;
	position: absolute;
	display: block;
	color: #3498db;
	border: none;
	background: none;
	bottom: 2px;
	font-size: 17px;
}

.wproute .wppoints a.older-wp {
	opacity: 0.6;
}

.wproute .wppoints a.selected {
	color: #3498db;
	opacity: 1.0;
}

.wproute .wppoints a.selected::after {
	content: "";
	bottom: -5px;
}

/* -----------------------
ANDERES LAYOUT IN TABELLEN
--------------------------*/

.form-horizontal table .form-group {
	margin: 0;
}

/* -----------------------
BERATUNGSPROTOKOLL ANLAGE
--------------------------*/
.input-group-addon {
	border: 0 !important;
	border-radius: 0;
	background: #e7eaec !important
}

.btn-group .active {
	background: #3498db !important;
	color: #fff !important;
	box-shadow: none !important;
}

.invisibleAndExsist {
	visibility: hidden;
	position: absolute !important;
	opacity: 0;
}

/* ------------------------
STANDARD FINTEGO CSS
--------------------------*/
td .optionslider { height: 14px; }

select.combohorizontal {
	display: none;
}

.combohorizontal {
	display: block;
	position: relative;
	margin-top: 0.5em;
	min-height: 5em;
	padding-left: 0;
}

.combohorizontal::before {
	content: "";
	position: absolute;
	background: #eee !important;
	border: 0 !important;
	display: block;
	height: 8px;
	left: 0;
	top: 12px;
	width: 100%;
}

.combohorizontal .line {
	content: "";
	top: 12px;
	display: block;
	position: relative;
	white-space: nowrap;
	height: 8px;
}

.combohorizontal>li {
	background-image: none;
	display: inline-block;
	float: left;
	margin-top: 0;
	padding: 0;
	position: relative;
	text-align: center;
}

.combohorizontal li.readonly {
	opacity: 0.3;
	pointer-events: none;
}

.combohorizontal>li>i {
	background-color: #fff;
	border: 1px solid #e7eaec !important;
	border-radius: 50%;
	box-shadow: none;
	cursor: pointer;
	height: 24px;
	left: 50%;
	margin-left: -12px;
	position: absolute;
	top: 5px;
	transition: all 0.2s ease-out 0s;
	width: 24px;
}

.error_li .combohorizontal>li>i{
	border: 1px solid #f90738 !important;
}

.error_li .combohorizontal::before{
	background: #e9a9a9 !important;
}

.combohorizontal.nurstrahl {
	min-height: inherit !important;
	margin-top: -10px;
}

.combohorizontal.nurstrahl .text {
	display: inline-block;
}

.combohorizontal>li.selected>i {
	border: 2px solid #3498db !important;
	color: #3498db;
}

.combohorizontal>li.selected:after {
	content: "\f00c";
	font-family: FontAwesome;
	display: block;
	position: absolute;
	color: #3498db;
	left: 50%;
	margin-left: -6.5px;
	top: 8px;
}

.combohorizontal.rk>li>i::before {
	font-weight: bold;
	left: 5px;
	margin-top: 4px;
	position: absolute;
	top: -3px;
}

.combohorizontal.rk>li.selected>i {
	height: 28px;
	background-color: #e7eaec;
	top: 3px;
	width: 28px;
}

.combohorizontal.rk>li.selected>i:before {
	left: 6px;
	font-size: 14px;
}

.combohorizontal.rk>li.selected:after {
	content: "";
}

.combohorizontal.rk>li>.rk1+i::before {
	content: "1";
}

.combohorizontal.rk>li>.rk2+i::before {
	content: "2";
}

.combohorizontal.rk>li>.rk3+i::before {
	content: "3";
}

.combohorizontal.rk>li>.rk4+i::before {
	content: "4";
}

.combohorizontal.rk>li>.rk5+i::before {
	content: "5";
}

.combohorizontal.rk>li>.rk6+i::before {
	content: "6";
}

.combohorizontal.rk>li>.rk7+i::before {
	content: "7";
}

ul.combohorizontal .infotext {
	margin-top: 30px;
	border-left: solid 1px #e7eaec;
	border-right: solid 1px #e7eaec;
	padding: 0 7px;
}

ul.combohorizontal .infotext span {
	display: block;
	text-align: center;
	font-weight: bold;
	margin-bottom: 5px;
}

ul.combohorizontal.readonly li {
	opacity: 0.3;
	pointer-events: none;
}

ul.combohorizontal.readonly li.selected {
	opacity: 1;
}

/* ------------------------
BERATUNGSPROTKOLL, CHECKBOXEN / RADIOBUTTONS GLOBAL
---------------------------*/
.with-errors {
	position: inherit !important;
	z-index: 9;
	left: 9px;
	top: 4px;
}

/* ----------------------
MOCKUP CSS
------------------------*/
.spinner {
	width: 100px;
}

.table-striped .spinner {
	width: inherit;
}

.spinner input {
	text-align: right;
}

.spinner input[readonly] ~ div.input-group-btn-vertical {
	display: none;
}

.input-group-btn-vertical {
	position: relative;
	white-space: nowrap;
	width: 30px;
	vertical-align: middle;
	display: table-cell;
}

.input-group-btn-vertical>.btn {
	display: block;
	float: none;
	width: 100%;
	max-width: 100%;
	padding: 8px;
	margin-left: -1px;
	position: relative;
}

.input-group-btn-vertical>.btn:first-child {
	border-top-right-radius: 4px;
}

.input-group-btn-vertical>.btn:last-child {
	margin-top: -2px;
	border-bottom-right-radius: 4px;
}

.input-group-btn-vertical i {
	position: absolute;
	top: 0;
	left: 4px;
}

input[disabled]+label {
	color: #999;
	font-style: italic;
}

.wppoints li, .nav-wproute li {
	list-style-type: none;
}

.wproute .content-wproute {
	font-size: 1.6rem;
	height: 100px;
	margin: 0 auto;
	max-width: 100%;
	position: relative;
	width: 100%;
}

.wproute {
	margin: 0 auto;
	opacity: 1;
}

.wproute .wphg-line {
	height: 100%;
	margin: 0 40px;
	overflow: hidden;
	position: relative;
}

.wproute .wphg-line::after, .wproute .wphg-line::before {
	content: "";
	height: 100%;
	position: absolute;
	top: 0;
	width: 20px;
	z-index: 2;
}

.wproute .wphg-line::after {
	background-image: linear-gradient(to left, #ecf0f1, rgba(248, 248, 248, 0));
	right: 0;
}

.wproute .wphg-line::before {
	background-image: linear-gradient(to right, #ecf0f1, rgba(248, 248, 248, 0));
	left: 0;
}

.wproute .wppoints {
	background: #dfdfdf none repeat scroll 0 0;
	height: 2px;
	left: 0;
	position: absolute;
	top: 49px;
	z-index: 1;
}

.wproute .wppoints a {
	bottom: 0;
	color: #333;
	padding-bottom: 15px;
	position: absolute;
	text-align: center;
	white-space: nowrap;
	z-index: 2;
}

.wproute .filling-line {
	background-color: #337ab7;
	height: 2px;
	left: 0;
	position: absolute;
	top: 0;
	z-index: 1;
}

.wproute .wppoints a::after {
	background-color: #f8f8f8;
	border: 2px solid #dfdfdf;
	border-radius: 50%;
	bottom: -5px;
	content: "";
	height: 12px;
	left: 50%;
	position: absolute;
	right: auto;
	transform: translateX(-50%);
	width: 12px;
}

.wproute .wppoints li.esg a {
	color: #47bb1d;
	font-weight: bold;
}

#esg-zusammenfassung i.fa-check-circle {
	color:#47bb1d;
}

.wproute .wppoints a.selected::after {
	background-color: #337ab7;
	border-color: #337ab7;
}

.wproute .wppoints a.older-wp::after {
	border-color: #337ab7;
}

.nav-wproute a::after {
	bottom: auto;
	content: "";
	height: 16px;
	left: 50%;
	position: absolute;
	right: auto;
	top: 50%;
	width: 16px;
}

.nav-wproute a {
	background: #dfdfdf none repeat scroll 0 0;
	border: 0;
	border-radius: 50%;
	bottom: auto;
	height: 25px;
	overflow: hidden;
	position: absolute;
	top: 37%;
	width: 25px;
	z-index: 1;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	cursor: not-allowed;
}

.checkbox.disabled label, .radio.disabled label {
	opacity: 0.3;
}

input:readonly, input[readonly] {
	background: #e7eaec;
	cursor: not-allowed;
}

/* Bugfix Endkunde-Portfolio-Einstellungen Methode */

.JSToogleForm, .jsDeletePicker{
	cursor: pointer;
}
.pointer {
	cursor: pointer !important;
}

#alertmod_ordnerablage_treegrid {
	display: none
}

.input-sm {
	z-index: inherit !important
}

.hyphens {
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

.wproute .wppoints a {
	cursor: default !important
}

.modal-open {
	overflow: hidden;
}

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1030;
	background-color: #000;
}

.modal-backdrop.fade {
	opacity: 0;
	filter: alpha(opacity = 0);
}

.modal-backdrop.in {
	opacity: 0.5;
	filter: alpha(opacity = 50);
}

.input-group .form-control:focus {
	z-index: inherit;
}

#wfeatwork a {
	display: block;
	cursor: default;
	pointer-events: none
}

.has-ownerror .help-block,
.has-ownerror label,
.has-ownerror .radio-inline,
.has-ownerror .checkbox-inline,
.has-ownerror .form-check-label,
.has-ownerror.radio-inline label,
.has-ownerror.checkbox-inline label {
	color: #a94442;
}

.has-ownerror .form-control {
	border-color: #a94442;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-ownerror .form-control:focus {
	border-color: #843534;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-ownerror .input-group-addon {
	color: #a94442;
	background-color: #f2dede;
	border-color: #a94442;
}
.has-ownerror .form-control-feedback {
	color: #a94442;
}



.has-error label, .error, .has-error .infotext {
	color: #a94442 !important;
}

.twophasen.error {
	color: red !important;
}

tr.error {
	border:2px solid #a94442 !important;
}

.modal-dialog .has-error input[type="text"], .has-error .form-control, .has-ownerror .form-control {
	border: 2px solid #a94442 !important;
}


.has-mutation label, .mutation, .has-mutation .infotext {
	color: #FF7800 !important;
}

.modal-dialog .has-mutation input[type="text"], .has-mutation .form-control {
	border: 2px solid #FF7800 !important;
}

.inactive {
	pointer-events: none;
	opacity: 0.3;
}
.inactive_esg {
	pointer-events: none;
	opacity: 0.3;
}

.forceinactive {
	pointer-events: none !important;
	opacity: 0.3 !important;
}
.inactive_text {
	pointer-events: none;	
	background-color: #eee !important;
	background-image: none !important;

}

.inactive .inactive { opacity: 1; }

.informativ {
	color: #adadad;
}

select[readonly] {
	background-color: #eee !important;
	background-image: none !important;
}

#kagkontolist {
	max-height: 200px;
	overflow-y: scroll;
}

.menu_section h3 {
	color: unset;
	font-size: unset;
	letter-spacing: unset;
	margin-bottom: unset;
	margin-top: unset;
	text-shadow: unset;
	text-transform: none !important;
	padding: 9px 10px !important;
}

.menuactive {
	background: #2f4859 none repeat scroll 0 0 !important;
	cursor: pointer;
	color: #3498db !important;
}

.popover a.menuactive, .popover .list-unstyled li:active, .popover .list-unstyled li:focus, .popover .list-unstyled li:hover {
	background: #eee none repeat scroll 0 0 !important;
	cursor: pointer;
	color: #333 !important;
}
.popoverMaxWith {
	max-width: 350px
}

.popoverMaxWidth500 {
	max-width: 500px;
}

.popover {
	position: absolute;
	max-width: 450px;
	min-width: 250px;
	background: #fff;
	border: 1px solid #ddd;
	text-align: left;
	z-index: 2000;
}

.popoverdepot {
  max-width: 750px !important;
  width: 750px !important;
}

.popoverdepot .popover-content{
	display: unset !important;
}

.popover .popover-content {
	display: flex;
	padding: 10px;
	width: 100%;
	margin-bottom: 0;
}

.popover .popover-content ul {
	width: 100%;
}

.popover .popover-content .list-unstyled li {
	border-bottom: 1px solid #ddd;
}

.popover .popover-content .list-unstyled li.active:active,
.popover .popover-content .list-unstyled li.active:focus,
.popover .popover-content .list-unstyled li.active:hover {
	background-color: transparent !important;
}

.popover .popover-content .list-unstyled a {
	color: #333;
	padding: 4px 5px;
	width: 100%;
	height: 100%;
	display: block;
}

.popover .popover-content .list-unstyled li.active a {
	font-weight: 700;
}

.popover .popover-content .list-unstyled li.active a:active,
.popover .popover-content .list-unstyled li.active a:focus,
.popover .popover-content .list-unstyled li.active a:hover {
	cursor: default;
}

.popover .popover-content .list-unstyled li.gesperrt,
.popover .popover-content .list-unstyled li.gesperrt:active,
.popover .popover-content .list-unstyled li.gesperrt:hover,
.popover .popover-content .list-unstyled li.gesperrt:focus {
	background-color: transparent;
	pointer-events: none;
}

.popover .popover-content .list-unstyled li.gesperrt a,
.popover .popover-content .list-unstyled li.gesperrt a:active,
.popover .popover-content .list-unstyled li.gesperrt a:hover,
.popover .popover-content .list-unstyled li.gesperrt a:focus {
	color: #777;
}

.mtoverflow {
	overflow-x: scroll !important;
}

.datepicker td.day.disabled {
	color: #eee;
	opacity: 0.4
}

.btngrp-readonly label {
	opacity: 0.5;
	cursor: default;
	pointer-events: none;
}

.btngrp-readonly label.active {
	opacity: 1;
}

.wphg_main table#kent_erfahr .checkbox {
	margin-top: 5px;
	margin-bottom: 3px;
}

.wphg_main .rk1, .multitable .rk1, .rk2colour .rk1 {
	background-color: #00b0f0;
}

.wphg_main .rk2, .multitable .rk2, .rk2colour .rk2 {
	background-color: #00cc00;
}

.wphg_main .rk3, .multitable .rk3, .rk2colour .rk3 {
	background-color: #92d050;
}

.wphg_main .rk4, .multitable .rk4, .rk2colour .rk4 {
	background-color: #ffff00;
}

.wphg_main .rk5, .multitable .rk5, .rk2colour .rk5 {
	background-color: #ffc000;
}

.wphg_main .rk6, .multitable .rk6, .rk2colour .rk6 {
	background-color: #ff0000;
}

.wphg_main .rk7, .multitable .rk7, .rk2colour .rk7 {
	background-color: #c00000;
}

ul.combovertical li {
	height: auto;
	display: block;
	padding: 20px 0 20px 3px;
	border-top: 1px solid #e7eaec;
	border-bottom: 1px solid #e7eaec;
}

ul.combovertical .infotext {
	padding-left: 20px;
}

ul.combovertical .infotext span {
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}

.combovertical>li>i::before {
	font-weight: bold;
	margin: 1px 0 0 6px;
	position: absolute;
}

.combovertical>li.rk1>i::before {
	content: "1";
}

.combovertical>li.rk2>i::before {
	content: "2";
}

.combovertical>li.rk3>i::before {
	content: "3";
}

.combovertical>li.rk4>i::before {
	content: "4";
}

.combovertical>li.rk5>i::before {
	content: "5";
}

.combovertical>li.rk6>i::before {
	content: "6";
}

.combovertical>li.rk7>i::before {
	content: "7";
}

.combovertical>li.selected>i::before {
	font-size: 14px;
}

.combovertical>li.selected>i {
	background-color: #e7eaec;
	height: 28px;
	width: 28px;
	border: 2px solid #3498db;
	color: #3498db;
}

.combovertical>li>i {
	background-color: #fff;
	border: 1px solid #e7eaec;
	border-radius: 50%;
	box-shadow: none;
	cursor: pointer;
	height: 24px;
	margin-left: -20px;
	position: absolute;
	transition: all 0.2s ease-out 0s;
	width: 24px;
}

.wphg_main.wphg6 .combovertical .rk1 {
	border-left: solid 10px #00b0f0;
	background-color: transparent;
}

.wphg_main.wphg6 .combovertical .rk2 {
	border-left: solid 10px #00cc00;
	background-color: transparent;
}

.wphg_main.wphg6 .combovertical .rk3 {
	border-left: solid 10px #92d050;
	background-color: transparent;
}

.wphg_main.wphg6 .combovertical .rk4 {
	border-left: solid 10px #ffff00;
	background-color: transparent;
}

.wphg_main.wphg6 .combovertical .rk5 {
	border-left: solid 10px #ffc000;
	background-color: transparent;
}

.wphg_main.wphg6 .combovertical .rk6 {
	border-left: solid 10px #ff0000;
	background-color: transparent;
}

.wphg_main.wphg6 .combovertical .rk7 {
	border-left: solid 10px #c00000;
	background-color: transparent;
}

.flag {
	width: 25px;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
	color: #ccc;
	pointer-events: none;
}

.highcharts-container {
	width: auto !important;
	text-align: center !important;
}

.modal-body .panel-title.control-label{
	text-align: left
}

.ajaxblock {
	pointer-events: none
}

ul.oversizedlist {
	border: 1px solid #e7eaec;
	height: 250px;
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 10px 5px;
}

ul.oversizedlist li {
	display: block;
}

.thumblist-element.checkreport, .form-pick,
.jsg-contentAjaxLoading {
	position: relative;
}

/* zweispaltige Tabelle; links ja/nein Buttons, rechts Text */
.table-janeinbtn>tbody>tr>td {
	border-top: none;
	font-weight: bold;
	font-size: 13px;
	padding-left: 0;
	padding-right: 0;
}

.table-janeinbtn>tbody>tr>td:first-child {
	width: 130px;
}

.table-janeinbtn>tbody>tr>td input {
	font-weight: normal;
}

/* noch engere Tabelle als table-condensed, kleinere Schriftart */
.table-xxs {
	font-size: 12px;
}

.table-xxs>tbody>tr>td, .table-xxs>tbody>tr>th, .table-xxs>tfoot>tr>td,
.table-xxs>tfoot>tr>th, .table-xxs>thead>tr>td, .table-xxs>thead>tr>th
{
	padding: 3px;
}
/* in der H�he begrenzte Tabelle, bei der nur der Body scrollt */
.table-scroll-y tbody {
	overflow-y: scroll;
	display: block;
	height: 350px;
	width: 100%;
}

.table-scroll-y tr {
	width: 100%;
	display: inline-table;
	table-layout: fixed;
}

/* Bilanzsicht im Kundendashboard */
.table-info .label-success { color: #fff; }
.table-info td:last-child { max-width: -moz-min-content; }

li span.badge {
	background-color: #55bf3b;
	position: absolute;
	right: 10px;
	top: -6px;
}

#produkt_vergleich .table {
	margin-bottom: 0;
}

#produkt_vergleich .panel-group .panel-body {
	padding: 0;
}

#produkt_vergleich .table>tbody>tr>th {
	border: none;
}

.tdgleichbreit th, .tdgleichbreit td {
	width: 2%;
}


@media (min-width: 768px) {
	.modal-xl {
		width: 90%;
		max-width:1200px;
	}
}

div.debug .panel-body {
	background-image: url(../../stylesbs/ffpb/img/alien.png);
	background-position: 10px 10px;
	background-repeat: no-repeat;
	padding-top: 100px;
}

.submenu {
	margin-bottom: 20px;
}

.submenu .nav-tabs>li {
	background-color: transparent;
	width: 150px;
	text-align: center;
}

.submenu .nav-tabs>li:first-child {
	padding-left: 0;
}

.submenu .nav-tabs>li.active::after {
	border: none;
}

.JSstateTab,#n_trigger,#p_trigger{
	/*display: none !important;*/
}

.error .JSstateTab.label i:before {
	content: "\f12a";
}
.error .JSstateTab.label{
	background-color: #d9534f;
}

.JSstateTab.label{
	background-color: #5cb85c;
}
.JSstateTab.label i:before {
	content: "\f00c";
}

.mw-100{
	width: 100%
}

.img-top-right{
	position: absolute;
	right: 5px;
	top: 5px;
}

.monviso-bild1{
	background-image: url(img/monviso-bild1.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.monviso-bild2{
	background-image: url(img/monviso-bild2.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.monviso-baloise{
	background-image: url(img/baloise_group.png);
	width: 100%
}

.weltsparen-background{
	background-image: url(img/weltsparen-background.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.font_size_smaller{
	font-size: smaller;
}

.font_size_larger{
	font-size: larger;
}

.font_size_large{
	font-size: large;
}

.font_size_xx_large{
	font-size: xx-large;
}

.font_size_x_large{
	font-size: x-large;
}

.color_white{
	color: white;
}

.center-block-vertical{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

select.disabled.form-control{
	background-image:none !important;
	pointer-events: none;
}

table.anlage_risikoprofil{
	color: white;
	width: 100%;
}

table.anlage_risikoprofil tr td:first{
	width: 190px;
}

table.anlage_risikoprofil tr{
	border-bottom-color: white;
	border-bottom: 2px solid;
}

.b-show tr td{
	border: 2px solid;
}

.t-b-white{
	border-color: white;
}

.t-last-tr-border-bottom tbody tr:last-child td{
	border-top: 6px solid;
	border-color: white;
	/*text-align: center;*/
}

.t-last-tr-border-bottom tbody tr td, .t-last-tr-border-bottom thead tr td{
	/*border-top: 3px solid;*/

	border-color: white;
	text-align: center;
}

.table-td-w-50 thead td{
	width: 50%;
}

/*background: #baa06b;*/
/*.t-last-tr-border-bottom thead tr{
	background: #baa06b;
}*/

.background_color_robogold{
	background-color: #baa06b;
}

.background_color_robogreyblue {
	background-color: #aec2ce;
}

.erw_entwicklung_info {
	padding-left: 15px;
	border-style: groove;
	height: 50px;
	margin: 15px 15px 15px 30px;
}

.nan-color{
	background-color: #aec2ce;
}

.red-color-hell{
	background-color: #f78a79;
}

.red-color{
	background-color: #fa484a;
}

.orange-color{
	background-color: #fbbe7a;
}

.yellow-color{
	background-color: #ffeb84;
}

.green-color-hell{
	background-color: #a4d17e;
}

.green-color{
	background-color: #46c066;
}

.emty-td{
	border-bottom: 0 !important;
	border-top: 0 !important;
	width: 20px;
}
.td-header{
	background-color: #baa06b;
}

.w-img-100{
	width: 100%;
}

.bg-img{
	background-color: #aec2ce;
}

div.risiko4{
	cursor: pointer;
	position: absolute;
	height: 91%;
	width: 11%;
	/*background-color: #ba51519e;*/
	margin-left: 5%;
}

div.risiko4_2{
	cursor: pointer;
	position: absolute;
	height: 91%;
	width: 15%;
	/*background-color: #ba51519e;*/
	margin-left:16%;
}

div.risiko5{

	cursor: pointer;
	position: absolute;
	height: 91%;
	width: 16%;
	/*background-color: #ba51519e;*/
	margin-left: 31%;
}

div.risiko5_2{
	cursor: pointer;
	position: absolute;
	height: 91%;
	width: 16%;
	/*background-color: #ba51519e;*/
	margin-left: 47%;
}

div.risiko6{
	cursor: pointer;
	position: absolute;
	height: 91%;
	width: 29%;
	/*background-color: #ba51519e;*/
	margin-left: 63%;
}

div.risiko_etf5{
	cursor: pointer;
	position: absolute;
	height: 91%;
	width: 47%;
	/* background-color: #ba51519e; */
	margin-left: 0;
}

div.risiko_etf6{
	cursor: pointer;
	position: absolute;
	height: 91%;
	width: 47%;
	/* background-color: #ba51519e; */
	margin-left: 47%;
}

div.risiko_premium6_1{
	cursor: pointer;
	position: absolute;
	height: 91%;
	/*width: 15%;*/
	width: 17%;
	/* background-color: #ba51519e; */
	/*margin-left: 64%;*/
	margin-left: 34%;
}

div.risiko_premium6_2{
	cursor: pointer;
	position: absolute;
	height: 91%;
	/*width: 15%;*/
	width: 20%;
	/* background-color: #ba51519e; */
	/*margin-left: 78%;*/
	margin-left: 51%;
}

div.risiko_premium6_3{
	cursor: pointer;
	position: absolute;
	height: 91%;
	/*width: 15%;*/
	width: 21%;
	/* background-color: #ba51519e; */
	/*margin-left: 78%;*/
	margin-left: 71%;
}

div.risiko_esg4{
	cursor: pointer;
	position: absolute;
	height: 91%;
	width: 26%;
	/*background-color: #ba51519e;*/
	margin-left: 5%;
}

div.risiko_esg5{

	cursor: pointer;
	position: absolute;
	height: 91%;
	width: 16%;
	/*background-color: #ba51519e;*/
	margin-left: 31%;
}

div.risiko_esg5_2{
	cursor: pointer;
	position: absolute;
	height: 91%;
	width: 16%;
	/*background-color: #ba51519e;*/
	margin-left: 47%;
}

div.risiko_esg6{
	cursor: pointer;
	position: absolute;
	height: 91%;
	width: 29%;
	/*background-color: #ba51519e;*/
	margin-left: 63%;
}

.fatcast {
	padding-bottom: 10px;
	padding-top: 10px;
	border-top: 1px solid #ddd;
}

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

.margin-bottom-25 {
	margin-bottom: 25px;
}

.padding-top-10 {
	padding-top: 10px;
}

.padding-bottom-10 {
	padding-bottom: 10px;
}

.padding-bottom-15 {
	padding-bottom: 15px;
}

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

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

.margin-top-10 {
	margin-top: 10px;
}

.margin-top-minus-10 {
	margin-top: -10px;
}

.margin-bottom-40 {
	margin-bottom: 40px;
}

.display-flex {
	display: flex;
}

.display-block {
	display: block;
}

.display-flex-wrap {
	display: flex;
	flex-wrap: wrap;
}

.display-inline-block {
	display: inline-block;
}

.align-self-flex-end {
	align-self: flex-end;
}

.align-self-end {
	align-self: end;
}

.align-self-start {
	align-self: start;
}

.flex-direction-column {
	flex-direction: column;
}

.flex-direction-row {
	flex-direction: row;
}

.flex-direction-row-reverse {
	flex-direction: row-reverse;
}

.flex-direction-column-reverse {
	flex-direction: column-reverse;
}

.flex-grow-1 {
	flex-grow: 1;
}

.align-items-stretch {
	align-items: stretch;
}

.justify-content-center {
	justify-content: center;
}

.flex-wrap-wrap {
	flex-wrap: wrap;
}

.d-none{
	display: none;
}

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

.padding-left-5{
	padding-left: 5px;
}

.padding-left-5p{
	padding-left: 5%;
}

.padding-right-5p{
	padding-right: 5%;
}

.width-40p{
	width: 40%;
}

.border-bottom{
	/*	padding-bottom: 10px;
		padding-top: 10px;*/
	border-bottom: 1px solid #ddd;
}

.sec_kenntnisse td:nth-child(2) div.kenntnisse.ken.ken3 li.selected:nth-child(1)>i, .sec_kenntnisse td:nth-child(2) div.kenntnisse.ken.ken6 li.selected:nth-child(1)>i, 
.sec_kenntnisse td:nth-child(2) div.kenntnisse.ken.ken7 li.selected:nth-child(1)>i, 
.sec_kenntnisse td:nth-child(2) div.kenntnisse.ken.ken8 li.selected:nth-child(1)>i, .sec_kenntnisse td:nth-child(2) div.kenntnisse.ken.ken9 li.selected:nth-child(1)>i {
	border: 2px solid #b4b2b2 !important;
	color: #b4b2b2;
}

.sec_kenntnisse td:nth-child(2) div.kenntnisse.ken.ken3 li.selected:nth-child(1):after, .sec_kenntnisse td:nth-child(2) div.kenntnisse.ken.ken6 li.selected:nth-child(1):after, 
.sec_kenntnisse td:nth-child(2) div.kenntnisse.ken.ken7 li.selected:nth-child(1):after, 
.sec_kenntnisse td:nth-child(2) div.kenntnisse.ken.ken8 li.selected:nth-child(1):after, .sec_kenntnisse td:nth-child(2) div.kenntnisse.ken.ken9 li.selected:nth-child(1):after {
	color: #b4b2b2;
}

.checkbox input[type="radio"]:checked+label::after {
	font-family: 'FontAwesome';
	content: "\f00c";
}

.checkbox input[type="radio"]{
	opacity: 0;
}


#sec_kenntnisse input[data-checkboxlist][disabled]+label {
	color: #999 !important;
}

label.opacity {
	opacity: 0.3;
	cursor: not-allowed;
}

table>tbody>tr.read {
	background-color: #38c13452;
}

.counter {
	position: relative;
	top: -23px;
	left: auto;
	z-index: 2;
	padding: 1px 7px;
	margin-left: -23px;
	font-size: 11px;
	color: #fff;
	background-color: #fe1212;
	border-radius: 10em;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

/*.counter.counter-lg {
    top: -27px;
}*/

.counter.counter-lg {
	top: -24px !important;
}

input[type="file"].input-file{
	position: absolute;
	z-index: 1000;
	/* padding-top: 0; */
	margin-top: -20px;
	margin-left: -108px;
	height: 52px;
	opacity: 0;
	width: 108px;
	cursor: pointer;
}

div.hr hr{
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #a8b3ba8a;
}

.isign-info {
	display: none;
}

.isign-info.inactive {
	display: block;
	pointer-events: visible;
	opacity: 1;
}

:root{
	--kachel1-color:#E0EBF1;
	--kachel2-color:#AEC2CE;
	--kachel3-color:#C3A069;
	--kachel1-btn-color:#E0EBF100;
	--kachel2-btn-color:#AEC2CE00;
	--kachel3-btn-color:#C3A06900;
}

.wphg6 .jumbotron.bg-info.kachel-schrit-3{

	background-color: var(--kachel3-color);
}

.wphg6 .jumbotron.bg-info.kachel-schrit-2 {
	background-color: var(--kachel2-color);
}

.wphg6 .jumbotron.bg-success.kachel-schrit-1{
	background-color: var(--kachel1-color);
}

.wphg6 .jumbotron.bg-success .jumboheader .kachel-schrit-1 {
	background-color: var(--kachel1-btn-color);
}

.wphg6 .jumbotron.bg-info .jumboheader .kachel-schrit-3 {
	background-color: var(--kachel3-btn-color);
}

.wphg6 .jumbotron.bg-info .jumboheader .kachel-schrit-2 {
	background-color: var(--kachel2-btn-color);
}

.wphg6 .wphg7rag .panel-body .row {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

.wphg6 .wphg7rag .jumbotron .fa {
	background: transparent;
}

.wphg6 .wphg7rag .jumbotron .fa-2x {
	font-size: 2.5rem;
}

#sec_abschlussbp .jumbotron {
	min-height:100% !important;
}

.wphg6 .wphg7rag .jumbotron {
	min-height:auto !important;
}

.wphg6 .wphg7rag .jumbotron {
	display:flex;
	flex-direction: column;
}

.table-fixed {
	table-layout: fixed;
}

.btns-bottom-50{
	position: absolute;
	bottom: 50px;
	width: 70%;
}
.twophasen.error{
	color: red;
}
.twophasen a.link{
	color: white;
}

.twophasen.error a.link{
	color: red;
}

b[data-showpwedit]{
	cursor: pointer;
}

.twophasenright.btn{
	width: 15% !important;
	float: right;
	font-size: 14px;
	letter-spacing: 0px;
}

.twophasenleft.btn{
	width: 15% !important;
	float: left;
	font-size: 14px;
	letter-spacing: 0px;
}

.twophasensendcode.btn{
	float: left;
	font-size: 14px;
	letter-spacing: 0px;
}
.select-inpstyle{
	position: relative;
	top: -28px;
	left: 4px;
	border: 0px solid;
	width: 80%;
}

.font-weight-normal {
	font-weight: normal !important;
}

.fa-1-1x {
	font-size: 1.5em;
}

.fa-1-2x {
	font-size: 1.2em;
}
.fa-1-3x {
	font-size: 1.3em;
}
.fa-1-4x {
	font-size: 1.4em;
}
.fa-1-5x {
	font-size: 1.5em;
}
.fa-1-6x {
	font-size: 1.6em;
}
.fa-1-7x {
	font-size: 1.7em;
}

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

.jumbotron {
	width: 100% !important;
}

.checkbox input[type="radio"] {
	position: absolute;
	margin-top: 4px\9;
	margin-left: -20px;
}

.color_green {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	-ms-appearance: none !important;
	-o-appearance: none !important;
	color: green !important;
	font-weight: bolder;
}

/* samo1 */

.display-block {
	display: block;
}

.width-100pc {
	width: 100%;
}

.sobaco-buttons {
	display:none
}

.sobaco-buttons + label {
	cursor: pointer;
}

.sobaco-buttons:checked + label {
	background-color: #3498db;
	color:#fff;
}

#tbl-AssetPicker_KURS div {
	text-align: right !important;
}

.ui-jqgrid-labels {
	border-bottom: 2px solid #ddd;
}

.text-bold {
	font-weight: bold;
}

.truncate {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* samo1 ends */

/* zamu1 */
/* Linksbündigkeit -> Ticket 21770 */
.multitable:not(#produkt_fondsempf):not(#produkt_produktfinder41):not(#produkt_portfolios):not(#produkt_watchlist):not(#produkt_portfoliosffb) .ui-jqgrid-sortable {
   /* text-align: left;*/
}
/* Rechtsbündigkeit Betrag+Kurs */
#tbl-StockdetailPicker_KURS div {
    text-align: right !important;
}

#tbl-StockdetailPicker_BETRAGEUR div {
    text-align: right !important;
}
/* zamu1 ends */

/* shha1 */
.radio-experience-block {
	display: inline-block;
	margin-right: -0.4rem;
}
.radio-experience-block:last-of-type {
	margin-right: 0;
}
.disappear-radios {
	/* don't use ( display: none; ) here because the validation style won't work properly */
	visibility: hidden;
	opacity: 0;
	position: absolute !important;
}
.radio-experience-block input[type="radio"]:checked+label {
	background: #3498db !important;
	color: #fff !important;
	box-shadow: none !important;
}

[data-diagram="diagram-style-visibility"] > div > svg{
	overflow: visible;
}

/* shha1 ends */

.etf-label{
	width: 36px!important;
	height: 22px!important;
	line-height: 1.4!important;
	background-color:#999999!important;
	position: relative!important;
	top: 0px!important;
	letter-spacing: 0.1em!important;
	border-radius: 4px!important;
}