body{
	overflow-y: overlay;
}
/* Webfont: Lato-Regular */@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato/Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato/Lato-Regular.ttf') format('truetype'); 
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
} 

/* Webfont: Lato-Bold */@font-face {
    font-family: 'Lato-Bold';
    src: url('../fonts/Lato/Lato-Bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato/Lato-Bold.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato/Lato-Bold.ttf') format('truetype'); 
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}
/* Webfont: Lato-Semibold */@font-face {
    font-family: 'Lato-Semibold';
    src: url('../fonts/Lato/Lato-Semibold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato/Lato-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato/Lato-Semibold.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato/Lato-Semibold.ttf') format('truetype'); 
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}
/* Webfont: Lato-Italic */@font-face {
    font-family: 'Lato-Italic';
    src: url('../fonts/Lato/Lato-Italic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato/Lato-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato/Lato-Italic.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato/Lato-Italic.ttf') format('truetype'); 
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Light */@font-face {
    font-family: 'LatoLight';
    src: url('../fonts/Lato/Lato-Light.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato/Lato-Light.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato/Lato-Light.ttf') format('truetype'); 
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
html{
    height: 100%;	
    min-height: 100%;
	width: 100%;
	margin: 0px;
    padding: 0px;
} 
body{
	width: 100%;
    height: 100%;
    min-height: 100%;
	background-color: #fff;
	position: relative;
	font-family:'Lato' !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: 0px!important;
	padding: 0px!important;
	color: #3a3a3a;
    font-size: 14px;
}
span {
    display: inline-block;
    vertical-align: baseline;
}
h1,h2,h3,h4,h5,h6 {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}
h2{
    font-size: 24px;
}
li {
  list-style: none;
}
a{
  text-decoration: none;
  color: #6a6a6a;
  cursor: pointer;
}
a:active, a:focus, a:hover{
  text-decoration: none;
  outline: none;
  color: #177172;
}
p{
  margin: 0;
}
* { 
    margin: 0; 
    padding: 0; 
    box-sizing: border-box; 
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=1);
    opacity: 1;
    -webkit-box-shadow: none;
    box-shadow: none;
}
input[type=checkbox], input[type=radio] {
    margin: 0;
}
input[type="checkbox"] {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    margin: 0px;
    width: 18px;
    height: 18px;
    position: absolute;
    z-index: 1000;
    cursor: pointer;
    bottom: 0;
}
input[type="checkbox"] + .span {
    display:inline-block;
    width: 18px;
    height:18px;
    margin: 0;
    vertical-align:middle;
    background:url(../img/bo_checkbox-0.svg) no-repeat;
    cursor:pointer;
	background-size: 100%;
    background-position: 50%;
}
input[type="checkbox"]:checked + .span {
	display:inline-block;
    width: 18px;
    height:18px;
    margin: 0;
    vertical-align:middle;
    cursor:pointer;
    background:url(../img/bo_checkbox-1.svg) no-repeat;
	background-size: 100%;
    background-position: 50%;
}
input[type=checkbox], input[type=radio] {
    margin: 0;
}
input[type="radio"] {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    margin: 0px;
    width: 18px;
    height: 18px;
    position: absolute;
    z-index: 1000;
    cursor: pointer;
    bottom: 0;
}
input[type="radio"] + .span {
    display:inline-block;
    width: 18px;
    height:18px;
    margin: 0;
    vertical-align:middle;
    background:url(../img/bo_radio-button-0.svg) no-repeat;
    cursor:pointer;
	background-size: 100%;
    background-position: 50%;
}
input[type="radio"]:checked + .span {
	display:inline-block;
    width: 18px;
    height:18px;
    margin: 0;
    vertical-align:middle;
    cursor:pointer;
    background:url(../img/bo_radio-button-1.svg) no-repeat;
	background-size: 100%;
    background-position: 50%;
}
.row{
    margin: 0;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
  }
.grey-default{
    color: #808080;
}
.green-default{
    color: #177172;
}
.darkgrey-default{
    color: #686868;
}
a .circle-content, a .circle-row{
    color: #fff;
}
.l-h-less{
    line-height: 16px;
}
#ClientPerformance .highcharts-button-normal .highcharts-button-box{
    fill: #f5f5f5!important;
}
#ClientPerformance .highcharts-button-normal text{
    fill: #3A3A3A!important;
    color: #3A3A3A!important;
}
#ClientPerformance .highcharts-button-pressed .highcharts-button-box, #ClientPerformance .highcharts-button-hover .highcharts-button-box{
    fill: #DCEAEA!important;
}
#ClientPerformance .highcharts-button-pressed text{
    fill: #177172!important;
    color: #177172!important;
    font-weight: normal!important;
}
#ClientPerformance .highcharts-input-group{
    display: none!important;
}
/* LOGIN */
.body-login{
	width: 100%;
	height:100vh;
    min-height: 100%;
	font-family:'LatoLight' !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: 0px!important;
	padding: 0px!important;
	color: #3a3a3a;
	font-size: 14px;
}
.login-position{
    background: rgb(23,113,114); /* Old browsers */
	background: -moz-linear-gradient(45deg,  rgb(23,113,114) 45%, rgb(82,155,141) 95%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  rgb(23,113,114) 45%,rgb(82,155,141) 95%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  rgb(23,113,114) 45%,rgb(82,155,141) 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#177172', endColorstr='#529b8d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	background-size: 100% 100%;
	height:100vh;
	width:100%;
	padding:20px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    position: relative;
    flex-basis: auto;
}
.change-p .login-position{
    background: #ffffff;
}
.change-p .login_top, .change-p .login_bottom{
    display: none;
}
.login_top {
    width: 100%;
    display: block;
    background-color: transparent;
    text-align: center;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    flex-basis: auto;
}
.login_middle {
    width: 100%;
    display: flex;
    background-color: transparent;
    text-align: center;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    flex-basis: auto;
    align-items: center;
    justify-content: center;
}
.login_middle_wrapper {
    display: block;
    text-align: center;
}
.loader-circ { 
    height: 45px;
    width: 45px;
    color: transparent;
    position: relative;
    display: inline-block;
    border: 3px solid;
    border-radius: 50%;
    border-top-color: #DCEAEA;
    border-right-color: #DCEAEA;
    border-left-color: #DCEAEA;
    animation: rotate 1s linear infinite;
    vertical-align: middle;
    margin-bottom: 8px;
}
.svg-cell{
    color: #3a3a3a!important;
}
.svg-cell-n svg {
    width: 20px;
    height: 20px;
}
.svg-cell svg {
    width: 20px;
    height: 20px;
    -webkit-animation:spin_arrow 4s linear infinite;
    -moz-animation:spin_arrow 4s linear infinite;
    animation:spin_arrow 4s linear infinite;
}
@-moz-keyframes spin_arrow { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin_arrow { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin_arrow { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.parrentLoader{	
    position: fixed;
    top: 0;
    left: 0;    
    right: 0;
    bottom: 0;
   	margin: auto;
    width: 100%;
    height: 100%;    
    background-color: rgb(255 255 255 / 30%);
    z-index: 99;
}
.parrentLoader .loader-circ {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	margin: 0;
}

@keyframes rotate { 
    0% { transform: rotate(0); } 
    100% { transform: rotate(360deg); } 
}
.container-login {
    width: 250px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
.change-p .container-login{
    font-family: 'Lato'!important;
}
.change-p .container-login{
    width: 100%;
    max-width: 480px;
    min-width: 480px;
    padding: 25px;
}
.login_bottom {
    width: 100%;
    display: block;
    background-color: transparent;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    flex-basis: auto;
    text-align: center;
}
.login_bottom_wrapper {
    display: block;
    text-align: center;
    color: #fff;
    font-family: LatoLight;
    font-size: 14px;
}
.login-wrap .login-divider {
    border-bottom: 1px solid #fff;
    margin: 0;
    padding: 0;
}
.login-wrap .login-divider.error{
	border-bottom:1px solid #feb740;
}
.login-wrap .login-error {
    color: #feb740;
    text-align: left;
    padding: 2px 0;
    width: 100%;
    margin: 0;
    display: block;
}
.login-wrap .input-login {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-color: transparent;
    -webkit-transition: all 0.2s;
    -moz-transition: all 2s;
    transition: all 0.2s;
    border: 0;
    border-radius: 0;
    text-align: center;
    color: #fff;
    outline: 0;
    box-shadow: none;
    padding: 6px 12px;
    margin: 8px 0;
    height: 34px;
}
.login-wrap .input-login:focus{
    text-indent: 0px;
}
.c-pass .pass-box .passInput.border-error {
    border: 1px solid #FEB740!important;
}
.input-error {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all.5s ease;
    transition: all 0.5s ease;
    color: #FEB740;
    font-size: 14px;
    display: none;
    max-width: 352px;
    width: 100%!important;
    margin: auto;
    text-align: left;
    padding-top: 3px;
}
.login-wrap input:-webkit-autofill {
    -webkit-box-shadow:0 0 0px 1000px rgb(23,113,114) inset;
    box-shadow:0 0 0px 1000px rgb(23,113,114) inset;
    -webkit-text-fill-color: #fff !important;
    text-fill-color: #fff !important;
}

.login-wrap ::-webkit-input-placeholder { color: #8ab7b7 !important; }
.login-wrap :-moz-placeholder { color: #8ab7b7 !important; }
.login-wrap ::-moz-placeholder { color: #8ab7b7 !important; }
.login-wrap :-ms-input-placeholder { color: #8ab7b7 !important; }

.login-wrap .btn-login {
    padding: 7px 30px 6px;
    margin-top: 40px;
    background-color: transparent;
    min-width: 250px;
    border: 1px solid #fff;
    color: #fff;
    outline: none;
    font-size: 14px;
    transition: all 0.2s ease;
    font-family: Lato;
    border-radius: 2px;
    text-decoration: none;
}
.login-wrap .btn-login:hover {
    background-color: #fff;
    color: #177172;
    text-decoration: none;
}
.login-wrap a {
    color: #fff;
    font-family: LatoLight;
}
.body-login h3 {
    color: #fff;
    padding-bottom: 40px !important;
}
.login-wrap .parent-resetw, .login-wrap .parent-birthdayw {
    position: relative;
    display: inline-block;
    width: 100%;
}
.login-wrap .reset-emailw {
    position: absolute;
    bottom: 0px;
    left: 0;
    color: #feb740;
    font-size: 12px;
    display: none;
}
.login-wrap .reset-birthdayw {
    position: absolute;
    top: 0px;
    left: 0;
    color: #feb740;
    font-size: 12px;
    display: none;
}
.login-wrap .reset-emailw.error, .login-wrap .reset-birthdayw.error {
    display: block;
}
.newpass-infoabsolute {
    position: absolute;
    right: -45px;
    top: 5px;
    bottom: 0;
    margin: auto;
}
.container-login .popover {
    width: 100%;
    max-width: 340px;
    color: rgba(0,0,0,.9);
    font-size: 11px;
    margin-left: 15px;
}
/* LOGIN END */

/* HEADER NAVIGATION MENU */
#Nav-Bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 11;
    min-height: 60px;
    max-height: 60px;
    display: none;
}
#headerBo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    min-height: 60px;
    max-height: 60px;
}
header .notification-relative {
    position: relative;
}
header .notification-circle {
    position: absolute;
    top: -7px;
    right: -15px;
    font-size: 10px;
    background-color: #fff;
    color: #177172;
    border-radius: 17px;
    width: 17px;
    height: 17px;
    text-align: center;
    line-height: 19px;
    display: block;
}
header .nav-table{
    display: table;
    width: 100%;
    height: 100%;
}
header .nav-row{
    display: table-row;
}
header .nav-cell{
    display: table-cell;
    vertical-align: middle;
}
header ul {
    margin: 0;
    padding: 0;
}
header ul>li {
    position: relative;
    display: inline-block;
    margin-right: 25px;
}
header ul>li:last-child{
    margin-right: 0;
}
header ul>li>a {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    color: #fff;
    opacity: 1;
}
header ul>li>a:hover {
    opacity:.7;
    color: #fff;
}
header .nav-inline .active, header .second .active{
    color: #B4E2A5;
}
header .navbar-nav {
    margin: 0;
} 
header .navigate-title{
    position: absolute;
}
header .nav-n-head{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
header .nav-n-left a{
    height: 60px;
    font-size: 18px;
    line-height: 20px;
    display: inline-block;
}
header .nav-n-left a>img {
    height: 100%;
    padding: 5px;
    width: auto;
    max-width: 180px;
}
#mobileMenuNew {
    position: fixed;
    width: 100%;
    min-height: 100%;
    height: 100%;
    top: 0;
    right: 0;
    padding: 15px 15px;
    display: none;
}
#mobileMenuNew .background-fill {
    position: fixed;
    width: 100%;
    min-height: 100%;
    height: 100%;
    background-color: #fff;
    top: 0;
    right: 0;
    padding: 15px 15px;
    text-align: right;
} 
/* #mobileMenuNew .background-opacity {
    position: fixed;
    width: 100%;
    min-height: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    top: 0;
    right: 0;
    padding: 15px 15px;
} */
header .navigate-title {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 18px;
    color: #fff;
    display: none;
}
header .navigate-title.nav-show.active {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: block;
}
header .x-close{
    position: absolute;
    right: 20px;
    top: 20px;
}
header .second{
    position: relative;
    text-align: center;
    margin-top: 60px;
}
header .second a{
    font-size: 22px;
    margin-bottom: 30px; 
    display: inline-block;
}
header .log-out {
    position: relative;
    text-align: center;
    font-size: 22px;
    cursor: pointer;
}
/* HEADER NAVIGATION MENU END*/
.head-content.gradient .layered-icons #circle-status .cls-1, .head-content.gradient .layered-icons #circle-status .cls-2{
    fill: none!important;
    stroke: #8AB7B7!important;
}
#transactionsInfo{
    background-color: #DCEAEA;
    padding: 24px 0;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    flex-basis: auto;
    text-align: center;
}
#transactionsInfo svg{
    width: 24px;
    height: 24px;
    vertical-align: middle;
    display: inline-block;
}
#transactionsInfo .portfolio-x{
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
#transactionsInfo .portfolio-x svg{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    display: inline-block;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#transactionsInfo .portfolio-x.active svg{
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

#transactionsInfo .loading-i {
    display: inline-block;
    vertical-align: middle;
    color: #177172;
    font-size: 14px;
    line-height: 14px;
    padding-top: 4px;
}
#transactionsInfo .loading-i svg{
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 8px;
    margin-right: 0;
}
/* HEADER CONTENT */
.centered-content{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 0 15px;
    margin: 0 auto;
    position: relative;
}
.centered-content h3{
    font-family: 'LatoLight';
}
.centered-content.color{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: rgb(23,113,114); /* Old browsers */
	background: -moz-linear-gradient(45deg,  rgb(23,113,114) 45%, rgb(82,155,141) 95%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  rgb(23,113,114) 45%,rgb(82,155,141) 95%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  rgb(23,113,114) 45%,rgb(82,155,141) 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#177172', endColorstr='#529b8d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    padding: 0 15px;
    width: 100%;
}
@media screen and (min-width: 768px){
    .centered-content{
        width: 750px;
    }
    .centered-smaller{
        width: 710px;
    }
    .centered-content.color{
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        background: rgb(23,113,114); /* Old browsers */
        background: -moz-linear-gradient(45deg,  rgb(23,113,114) 45%, rgb(82,155,141) 95%); /* FF3.6-15 */
        background: -webkit-linear-gradient(45deg,  rgb(23,113,114) 45%,rgb(82,155,141) 95%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(45deg,  rgb(23,113,114) 45%,rgb(82,155,141) 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#177172', endColorstr='#529b8d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        padding: 0 15px;
        width: 100%;
    }
}
@media screen and (min-width: 992px){
    .centered-content{
        width: 970px;
    }
    .centered-smaller{
        width: 710px;
    }
    .centered-content.color{
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        background: rgb(23,113,114); /* Old browsers */
        background: -moz-linear-gradient(45deg,  rgb(23,113,114) 45%, rgb(82,155,141) 95%); /* FF3.6-15 */
        background: -webkit-linear-gradient(45deg,  rgb(23,113,114) 45%,rgb(82,155,141) 95%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(45deg,  rgb(23,113,114) 45%,rgb(82,155,141) 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#177172', endColorstr='#529b8d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        padding: 0 15px;
        width: 100%;
    }
}
@media screen and (min-width: 1200px){
     .centered-content{
        width: 1170px;
    }
    .centered-smaller{
        width: 710px;
    }
    .centered-content.color{
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        background: rgb(23,113,114); /* Old browsers */
        background: -moz-linear-gradient(45deg,  rgb(23,113,114) 45%, rgb(82,155,141) 95%); /* FF3.6-15 */
        background: -webkit-linear-gradient(45deg,  rgb(23,113,114) 45%,rgb(82,155,141) 95%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(45deg,  rgb(23,113,114) 45%,rgb(82,155,141) 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#177172', endColorstr='#529b8d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        padding: 0 15px;
        width: 100%;
    }
}
.head-content {
    background: rgb(23,113,114);
    background: -moz-linear-gradient(45deg, rgb(23,113,114) 45%, rgb(82,155,141) 95%);
    background: -webkit-linear-gradient(45deg, rgb(23,113,114) 45%,rgb(82,155,141) 95%);
    background: linear-gradient(45deg, rgb(23,113,114) 45%,rgb(82,155,141) 95%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#177172', endColorstr='#529b8d',GradientType=1 );
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    background-position: 100% 100%;
    text-align: center;
    padding: 75px 0 25px 0;
    color: #fff;
    -webkit-flex: 0; 
    -ms-flex: 0; 
    flex: 0;
    flex-basis: auto;
}
.main-content{
    -webkit-flex: 1; 
    -ms-flex: 1; 
    flex: 1;
    flex-basis: auto;
    padding-bottom: 90px;
}
.head-content .circle-data{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; 
    width: 180px;
    height: 180px;
    border: 10px;
    border-radius: 50%;
    border-color: #8AB7B7;
    margin: auto;
    background: transparent;
    border: 4px solid #8ab7b7;
    margin: 15px auto;
    padding: 30px 8px;
    position: relative;
    text-align: center;
    cursor: pointer;
}
.head-content .circle-data:hover{
    background: rgba(138,183,183,.2);
}
.head-content .circle-headsmall{
    font-size: 12px;
    color: #86B4B4;
}
.head-content .circle-valuebig{
    font-size: 22px;
    font-family: LatoLight;
}
.head-content .circle-divider{
    width: 100%;
    height: 1px;
    background-color: #8AB7B7;
    margin: 5px 0;
}
.head-content .circle-paddingb{
    padding-bottom: 5px;
}
.head-content .light-green{
    color: #8AB7B7;
}
.head-content .circle-table{
    width: 100%;
    display: table;
}
.head-content .circle-auto{
    width: auto;
    margin: auto;
}
.head-content .circle-row{
    width: 100%;
    display: table-row;
}
.head-content .circle-cell{
    display: table-cell;
    vertical-align: middle;
}
.head-content .circle-cell:last-child{
    padding-left: 10px;
    padding-bottom: 1px;
}
.head-content .circle-opacity{
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease; 
    color: #fff;
    opacity: .5;
    cursor: pointer;
}
.head-content .circle-opacity:hover{
    opacity: .8;
}
.head-content .divided-two {
    width: 40%;
}
.head-content .divided-one {
    width: 18%;
}
.head-content .divided-two.edge-auto {
    width: auto;
}
.head-content .divided-one.edge-auto {
    width: auto;
}
.head-content .divided-one svg{
    margin: auto;
}
/* HEADER CONTENT 2.0 */
.head-content .arrow-rotate svg{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.head-content .head-link{
    position: absolute;
    left: 15px;
    top: 0;
    color: #fff;
}
.head-content .head-link a {
    text-decoration: none;
    color: #fff;
    cursor: pointer;
}
.head-content .circle-cellleft{
    display: table-cell;
    vertical-align: middle;
    padding-right: 20px;
    text-align: right;
}
.head-content .circle-cellmiddle{
    display: table-cell;
    vertical-align: middle;
}
.head-content .circle-cellright{
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
    text-align: left;
}
.head-content .none{
    display: none;
}
.head-content .space-left{
    padding-left: 10px;
}
.head-content .icon-valuebig{
    font-size: 22px;
}
#main{
    width: 100%;
    min-height: 100%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column; 
    flex-direction: column;
    position: relative;
    flex-basis: auto;
}
#main .relative-path{
    position: relative;
    display: inline-block;
}
#main .arrow-left svg{
    width: 24px;
    height: 24px;
    transform: rotate(90deg);
    position: absolute;
    top: 0;
    bottom: 0;
    left: -35px;
    margin: auto;
    cursor: pointer;
}
#main .arrow-right svg{
    width: 24px;
    height: 24px;
    transform: rotate(-90deg);
    position: absolute;
    top: 0;
    bottom: 0;
    right: -35px;
    margin: auto;
    cursor: pointer;
}
#main .circ_group{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center !important;
    margin: 16px 0;
}
#main .circ_group .circ_sl {
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    width: 8px;
    height: 8px;
    background-color: #B4E2A5;
    margin-right: 11px;
    align-self: center !important;
    transition: all 0.2s ease-in-out 0s;
    border-radius: 8px;
    border-width: 0px;
    border-style: solid;
    border-color: rgb(19,76,110);
    border-image: initial;
    cursor: pointer;
    opacity: .7;
}
#main .circ_group .circ_sl.active {
    width: 8px;
    height: 8px;
    border-width: 0px;
    border-style: solid;
    background-color: #B4E2A5;
    border-image: initial;
    border-radius: 12px;
    opacity: 1;
}
#main .circ_group .circ_sl:last-child{
    margin-right: 0;
}
#bo_arrow-small.cls-1{
    stroke: #8ab7b7!important;
}
#main .close-Btn{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border: none;
    background-color: transparent;
    color: #177172;
    /* height:30px; */
    outline: none;
    box-shadow: none;
    width: 100px;
}
#main .close-Btn:hover{
    color: #177172;
}
#main .next-Btn, .modal-dialog.intro .next-Btn{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border: none;
    background-color: #177172;
    color: white;
    /* height:30px; */
    outline: none;
    box-shadow: none;
    width: 100px;
}
#main .next-Btn:hover, .modal-dialog.intro .next-Btn:hover{
    color: white;
    background-color: #209FA0;
}
#main .tooltip-content{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    position: relative;
    cursor: pointer;
}
#main .tooltip-menu{
    position: absolute;
    top: 40px;
    right: -49px;
    line-height: 25px;
    background-color: #fff;
    border-radius: 4px;
    width: 120px;
    text-align: left;
    display: none;
    border-collapse: separate;
    border-spacing: 0;
    padding: 10px 0;
    z-index: 2;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(178,178,178,1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(178,178,178,1);
    box-shadow: 2px 2px 5px 0px rgba(178,178,178,1);
}
#main .tooltip-menu::before{
    content: "";
    box-sizing: border-box;
    border-bottom: solid 10px #fff;
    box-shadow: 1px -1px 1px 0 #DCDCDC;
    position: absolute;
    height: 0;
    width: 0;
    border: 7px solid #fff;
    border-color: #fff #fff transparent transparent;
    transform: rotate(-45deg);
    left: 0;
    right: 0;
    margin: auto;
    top: -7px;
}
#main .tooltip-menu .tooltip-row{
    display: table-row;
}
#main .tooltip-menu .head-tooltip{
    display: none;
}
#main .tooltip-menu .tooltip-cell{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    display: table-cell;
    padding: 5px 15px 5px 15px;
    cursor: pointer;
    font-family: 'Lato';
    font-size: 14px;
}
#main .tooltip-menu .tooltip-cell:hover{
    background-color: #DCEAEA;
}
#main .tooltip-menu .x-close{
    display: none;
}
#main .path-relative{
    position: relative;
}
#main .rotate-arrow img{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    pointer-events: none;
    position: absolute;
    top: 6px;
    right: 0;
    bottom: 0;
    margin: auto;
    backface-visibility: hidden;
    padding: 0!important;
}
#main .rotate-arrow.active img{
    -webkit-transform: rotate(90deg);
    -ms-transform:  rotate(90deg);
    transform: rotate(90deg);
}
#footer {
    padding: 10px 0px;
    background-color: #f9f9f9;
    position: absolute;
    width: 100%;
    z-index: 9;
    bottom: 0;
    left: 0;
    height: 37px;
    max-height: 37px;
    min-height: 37px;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    flex-basis: auto;
}
#footer.fixed{
    position: fixed;
    z-index: 10;
}
.footer-height{
    height: 100%;
}
.footer-table{
    display: table;
    width: 100%;
    height: 100%;
}
.footer-row{
    display: table-row;
}
.footer-cell{
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    font-size: 12px;
}
/* HEADER CONTENT 2.0 END */
.main-content .nav-tabs {
    border: 0;
    margin: auto;
    position: relative;
    overflow: hidden;
    display: table;
    border-spacing: 15px 0;
}
.main-content .nav-tabs.responsive{
    display: none;
}
.main-content .desktop{
    display: block;
    background-color: #f9f9f9;
}
.main-content .nav-tabs>li.active>a{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; 
}
.main-content .nav-tabs>li {
    float: none;
    margin-bottom: 0;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 130px;
}
.main-content .nav-tabs>li>a {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; 
    margin-right: 0;
    line-height: 1.42857143;
    border: none;
    border-radius: 4px;
    margin: 10px 0;
    padding: 6px 0 4px 0;
    cursor: pointer;
    color: #3a3a3a;
    font-size: 13px;
    line-height: 19px;
}
.main-content .nav-tabs>li.active>a{
    color: #fff;
    cursor: pointer;
    border: none;
    padding: 0;
    background-color: #8AB7B7;
    border-radius: 4px;
    width: 100%;
    padding: 6px 0 4px 0;
    line-height: 19px;
}
.main-content .nav>li>a:hover, .main-content .nav>li>a:hover {
    color: #fff;
    cursor: pointer;
    border: none;
    background-color: #8AB7B7;
    padding: 0;
    border-radius: 4px;
    width: 100%;
    padding: 6px 0 4px 0;
    line-height: 19px;
}
.main-content .tab-table{
    display: table;
}
.main-content .tab-cell{
    display: table-cell;
}
/* HEADER CONTENT END */

/* HOME CONTENT */
.home-verrechnungsposition .transferM-subhead{
    color: #177172;
    text-align: left;
    margin: 32px 0 8px 0;
}
#details > .tab-content, #payments > .tab-content, #myMinveo > .tab-content, #messages > .tab-content{
    padding-bottom: 30px;
}
#home.centered-content{
    padding-top: 30px;
    padding-bottom: 67px;
}
#home .home-header{
    text-align: center;
}
#home .home-header.home-head-col{
    color: #686868;
}
#home .home-table{
    display: table;
    min-width: 515px;
    text-align: center;
    margin: auto;
    font-family: 'LatoLight';
    position: relative;
    border-collapse: separate;
    border-spacing: 0 15px;
}
#home .home-row{
    display: table-row;
    width: 100%;
}
#home .home-cellleft{
    display: table-cell;
    vertical-align: middle;
    width: 55px;
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 10px;
}
#home .home-cellmiddle{
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding-left: 15px;
    font-size: 22px;
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 10px;
}
#home .home-cellright{
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    font-size: 22px;
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 10px;
}
#home .home-falafelcell{
    display: table-cell;
    vertical-align: middle;
    width: 20px;
    padding-left: 15px;
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 12px;
}
#home .home-row:last-child .home-cellleft, #home .home-row:last-child .home-cellmiddle, #home .home-row:last-child .home-cellright, #home .home-row:last-child .home-falafelcell{
    border-bottom: 1px solid transparent;
}
#home .home-progressbar{
    width: 45px;
    height: 45px;
    position: relative;
    box-shadow: none;
    background: transparent;
    border: none;
    margin: auto;
}
#home .home-progressbar svg{
    background: #DCEAEA;
    border-radius: 50%;
}
#home .home-falafelcell svg{
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}
#home .home-cellleft img{
    width: 45px;
    height: 45px;
}
#home .circle-table{
    width: auto;
    margin: auto;
    display: table;
    padding-top: 50px;
    padding-bottom: 30px;
}
#home .circle-row{
    display: table-row;
    vertical-align: middle;
    cursor: pointer;
}
#home .circle-cell{
    display: table-cell;
    vertical-align: middle;
}
#home .circle-cell:last-child{
    padding-left: 10px;
}
#home .curs-on{
    cursor: pointer;
}
#home + .new-anlageziel{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background-color: #fff;
    opacity: 0;
    display: none;
}
#home + .new-anlageziel .new-header .head-link {
    position: absolute;
    left: 15px;
    top: 0;
    color: #3a3a3a;
}
#home + .new-anlageziel .new-header .head-table {
    display: table;
    width: 100%;
}
#home + .new-anlageziel .new-header .head-row {
    display: table-row;
    width: 100%;
}
#home + .new-anlageziel .new-header .head-cell {
    display: table-cell;
    vertical-align: middle;
}
#home + .new-anlageziel .new-header .head-cell img{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
#home + .new-anlageziel .new-header .head-cell.space-left{
    padding-left: 10px;
}
#home + .new-anlageziel .new-header{
    background-color: #f9f9f9;
    padding: 10px 0;
}
#home + .new-anlageziel .new-content{
    padding-top: 45px;
    padding-bottom: 95px;
    text-align: center;
    overflow-y: auto;
}
#home + .new-anlageziel .new-content .details-progressbar {
    width: 45px;
    height: 45px;
    position: relative;
    box-shadow: none;
    background: transparent;
    border: none;
    margin: auto;
}
#home + .new-anlageziel .new-content .details-progressbar svg {
    background: #DCEAEA;
    border-radius: 50%;
}
#home + .new-anlageziel .new-content .new-headbold{
    padding: 10px 0;
}
#home + .new-anlageziel .new-content .anlageziel-swap{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    display: inline-block;
    opacity: .4;
    cursor: pointer;
}
#home + .new-anlageziel .new-content .anlageziel-swap:hover{
    opacity: 1;
}
#home + .new-anlageziel .new-content .anlageziel-swap.active{
    opacity: 1;
}
#home + .new-anlageziel .new-content .paddingtb{
    padding-top: 45px;
    padding-bottom: 45px;
}
#home + .new-anlageziel .homechart-table{
    display: table;
    width: 100%;
    border-spacing: 0 20px;
}
#home + .new-anlageziel .homechart-row{
    display: table-row;
    width: 100%;
}
#home + .new-anlageziel .homechart-cell{
    display: table-cell;
    vertical-align: middle;
}
#home + .new-anlageziel .homechart-input{
    width: 135px;
    text-align: center;
    border: none;
    border-radius: 4px;
    background-color: #F9F9F9;
    border: 1px solid transparent;
    padding: 3px;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#home + .new-anlageziel .homechart-input.date-input{
    width: 45px;
}
#home + .new-anlageziel .one-row{
    display: inline-block;
    width: 45px;
}
#home + .new-anlageziel .one-row.img{
    text-align: left;
    padding-left: 10px;
}
#home + .new-anlageziel .one-row .img-y{
    width: 13px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -24px;
    margin: auto;
}
#home + .new-anlageziel .relative-path{
    position: relative;
}
#home + .new-anlageziel .one-row img{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 13px;
    cursor: pointer;
    opacity: 1;
}
#home + .new-anlageziel .one-row img:hover{
    opacity: .7;
}
#home + .new-anlageziel .homechart-input:focus{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid #177172;
}
#home + .new-anlageziel .down-second{
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: transparent;
    font-size: 26px;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    vertical-align: middle;
    font-family: 'LatoLight';
    color: #3a3a3a;
}
#home + .new-anlageziel .anlage-active, #home + .new-anlageziel .ziel-active{
    display: none;
}
#home + .new-anlageziel .anlage-active.on, #home + .new-anlageziel .ziel-active.on{
    display: table-cell;
}
#home + .new-anlageziel .chartanlage-left, #home + .new-anlageziel .chartanlage-middle, #home + .new-anlageziel .chartanlage-right{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 0;
    display: none;
}
#home  + .new-anlageziel .chartanlage-left.active, #home + .new-anlageziel .chartanlage-middle.active, #home + .new-anlageziel .chartanlage-right.active{
    opacity: 1;
    display: block;
}
#home + .new-anlageziel .anlage-paddingt{
    padding-bottom: 45px;
}
#home + .new-anlageziel .chartanlage-right{
    width: 350px;
    margin: auto;
}
#home + .new-anlageziel .small-font{
    font-size: 10px;
    color: #808080;
    text-align: left;
}
#home + .new-anlageziel .date-dropdown{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 0;
    display: none;
    background-color: #f9f9f9;
    padding: 5px 2px 5px 5px;
    overflow-y: auto;
    max-height: 155px;
    position: absolute;
    width: 100%;
    z-index: 2;
    top: 32px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(178,178,178,1);
    -moz-box-shadow: 0px 2px 5px 0px rgba(178,178,178,1);
    box-shadow: 0px 2px 5px 0px rgba(178,178,178,1);
}
#home + .new-anlageziel .date-dropdown div{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 1;
    padding-bottom: 5px;
    cursor: pointer;
}
#home + .new-anlageziel .date-dropdown div:hover{
    opacity: .6;
}
#home + .new-anlageziel .date-dropdown div:last-child{
    padding-bottom: 0;
}
#home + .new-anlageziel .date-dropdown::-webkit-scrollbar{
    width: 3px;
}
#home + .new-anlageziel .date-dropdown::-webkit-scrollbar-track{
    background: transparent; 
}
#home + .new-anlageziel .date-dropdown::-webkit-scrollbar-thumb {
    background: #808080; 
}
#home + .new-anlageziel .date-dropdown::-webkit-scrollbar-thumb:hover {
    background: #808080; 
}
#home + .new-anlageziel .pickerClass {
    box-shadow: none;
    outline: none;
    padding: 4px 0;
    font-size: 14px;
    color: #177172;
}
#home + .new-anlageziel .placepath-relative select.form-control{
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    border-bottom: 1px solid #EEEEEE;
    border-radius: 0;
}
#home + .new-anlageziel .bootstrap-select>.dropdown-toggle {
    border: none;
    border-bottom: 1px solid #EEEEEE;
    border-radius: 0 !important;
}
#home + .new-anlageziel .caret{
    display: none;
}
#home + .new-anlageziel .dropdown-menu>.active>a{
    background-color: #8AB7B7;
}
#home + .new-anlageziel .bootstrap-select .dropdown-menu li a{
    padding: 3px 25px 3px 10px;
}
#home + .new-anlageziel .bootstrap-select>.dropdown-toggle, #home + .new-anlageziel .bootstrap-select>.dropdown-toggle:focus {
    background-color: transparent;
    padding-left: 0;
}
#home + .new-anlageziel .chartanlage-left{
    width: 530px;
    margin: auto;
}
#home + .new-anlageziel .payments-in-span{
    vertical-align: middle;
    padding-left: 6px;
}
#payments .payments-in-span, #payments .payments-in-outline{
    position: relative;
    bottom: 1px;
}
#home + .new-anlageziel .payments-in-outline{
    padding-left: 4px;
}
#home + .new-anlageziel .bottom-35{
    padding-bottom: 35px;
}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: transparent;
    outline: none!important;
    outline-offset: 0;
    box-shadow: none!important;
}
#home + .new-anlageziel ::-webkit-input-placeholder { font-size: 14px; color: #b3b2b2 !important; }
#home + .new-anlageziel :-moz-placeholder { font-size: 14px; color: #b3b2b2 !important; }
#home + .new-anlageziel ::-moz-placeholder { font-size: 14px; color: #b3b2b2 !important; }
#home + .new-anlageziel :-ms-input-placeholder { font-size: 14px; color: #b3b2b2 !important; }

#main .t-flex-box{
    color: #fff;
    text-align: center;
    border-radius: 4px;
    font-size: 8px;
    padding: 4px 0px;
    width: 40px;
    line-height: 8px;
}
#main .t-flex-box.kauf{
    background-color: #7CC47C;
}
#main .t-flex-box.verkauf{
    background-color: #FEB740;
}
#main .p-activity-w{
    max-width: 282px;
    width: 100%;
    margin: 20px auto 0 auto;
    display: none;
}
#main .flex-grid{
    max-height: 180px;
    overflow: auto;
}
#main .flex-grid::-webkit-scrollbar{
    width: 3px;
}
#main .flex-grid::-webkit-scrollbar-track{
    background: #f4f4f4; 
}
#main .flex-grid::-webkit-scrollbar-thumb {
    background: #177172; 
}
#main .flex-grid::-webkit-scrollbar-thumb:hover {
    background: #177172; 
}
#main .flex-grid .table-flex{
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}
#main .flex-grid .table-flex{
    margin: 16px 0 0 0;
    font-size: 10px;
}
#main .flex-grid .table-flex div:first-child{
    margin-right: 8px;
}
#main #transactionsInfo .p-activity-w svg{
    width: 12px;
    height: 12px;
    margin-left: 4px;
}
#main .info-box{
    color: #808080;
    font-size: 8px;
    margin-top: 16px;
}
.modal-text-content.h-chart{
    padding-bottom: 32px!important;
}
.flex-grid .t-flex{
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-align: center!important;
    align-items: center!important;
    padding-bottom: 8px;
}
.flex-grid .t-flex:first-child{
    padding-bottom: 16px;
}
.flex-grid .t-flex:last-child{
    padding-bottom: 0;
}
.flex-grid .t-flex svg{
    width: 56px;
    height: 56px;
}
.flex-grid .flex-padd{
    padding-left: 8px;
}
.flex-grid .flex-btm div{
    margin-bottom: 8px;
}
.flex-grid .flex-btm div:last-child{
    margin-bottom: 0;
}
.flex-grid.p-on-topbtm{
    padding: 32px 0;
}
.modals-background .pass-container{
    max-width: 480px;
    width: 100%!important;
    margin: auto;
}
.modals-background .pass-container input{
    max-width: 480px!important;
}
.modals-background .arrowSvg svg, .modals-background .arrowSvgBack svg{
    width: 40px;
    height: 40px;
    cursor: pointer;
}
.modals-background .arrowSvg{
    position: absolute;
    right: -120px;
    top: 50%;
    margin: auto;
    transform: translate(0%, 50%);
}
.modals-background .arrowSvgBack{
    position: absolute;
    left: -120px;
    top: 50%;
    margin: auto;
    transform: translate(0%, 50%);
}
/* HOME CONTENT END */

/* DETAILS CONTENT */
#details .details-width.tab-pane{
    padding-top: 45px;
}
#details .details-width h2{
    position: relative;
    display: inline-block;
    font-family: 'LatoLight'!important;
}
#details .details-width h2::before{
    content: "";
    background: #177172;
    width: 50px;
    height: 2px;
    position: absolute;
    bottom: -5px;
}
#details .circle-table{
    width: 100%;
    display: table;
}
#details .circle-table.auto{
    width: auto;
    margin: auto;
}
#details .investment-slider .circle-table.auto{
    min-width: 100px;
}
#details .investment-slider .circle-cell:first-child{
    width: 30px;
}
#details .circle-auto{
    width: auto;
    margin: auto;
    padding-top: 40px;
    padding-bottom: 25px;
}
#details .circle-row{
    width: 100%;
    display: table-row;
}
#details .circle-cell{
    display: table-cell;
    vertical-align: middle;
}
#details .circle-cell:last-child{
    padding-left: 10px;
    padding-bottom: 1px;
}
#details .circle-cellleft {
    display: table-cell;
    vertical-align: middle;
    padding-right: 20px;
    text-align: right;
}
#details .circle-cellmiddle {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
#details .circle-cellright {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
    text-align: left;
}
#details .circle-opacity{
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease; 
    color: #fff;
    opacity: .5;
    cursor: pointer;
}
#details .circle-opacity:hover{
    opacity: .8;
}
#details .divided-two {
    width: 34%;
}
#details .divided-one svg{
    margin: auto;
    width: 80px;
    height: 80px;
    vertical-align: middle;
}
#details .divided-one svg:first-child{
    position: relative;
    left: 7px;
    z-index: 1;
}
#details .divided-one svg:last-child{
    position: relative;
    right: 7px;
}
.wsvg-16 svg{
    width: 16px;
    height: 16px;
    vertical-align: middle;
}
.wsvg-20 svg{
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.wsvg-22 svg{
    width: 22px;
    height: 22px;
}
.wsvg-36 svg{
    width: 36px;
    height: 36px;
}
.wsvg-44 svg{
    width: 44px;
    height: 44px;
}
.wsvg-45 svg{
    width: 45px;
    height: 45px;
}
.wsvg-60 svg{
    width: 60px;
    height: 60px;
}
.wsvg-160 svg{
    width: 160px;
}
.inline-path{
    display: inline-block;
}
.check-group label{
    margin-bottom: 0px;
}
.check-group svg {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 18px;
    height: 18px;
    vertical-align: top;
}
.check-group .chck-sv-data:checked ~ .checkbox-sv .highlight-sv svg .checkbox-0 .cls-2 {
    opacity: 1;
}
.check-group .checkbox-sv .highlight-sv svg .checkbox-0 .cls-2{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#details .icon-valuebig {
    font-size: 18px;
}
#details .circle-headsmall {
    font-size: 12px;
    color: #808080;
}
#details .details-table{
    padding: 25px 0 100px 0;
}
#details .rotate-plus{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    position: relative;
    left: 8px;
    top: -1px;
    -webkit-transform: rotate(0);
    -ms-transform:  rotate(0);
    transform: rotate(0);
    backface-visibility: hidden;
    padding: 0!important;
}
#details .details-more:hover{
    opacity: 1;
    cursor: pointer;
}
#details .details-more:hover{
    opacity: .7;
}
#details .rotate-plus.active{
    -webkit-transform: rotate(46deg);
    -ms-transform:  rotate(46deg);
    transform: rotate(46deg);
}
#details .investment-slider .rotate-plus.active {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
#details .moreDetails{
    display: none;
    text-align: center;
    padding-top: 35px;
}
#details .moreDetails .circle-cell:last-child{
    padding-bottom: 0;
}
#details .moreDetails .more-table{
    display: table;
    width: auto;
    margin: auto;
    border-collapse: separate;
    border-spacing: 15px;
}
#details .moreDetails .more-row{
    width: 100%;
    display: table-row;
}
#details .moreDetails .more-cell{
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    padding: 0 15px;
}
#details .moreDetails .cell-headl{
    background-color: #f9f9f9;
    border-radius: 4px;
    color: #3a3a3a;
    font-size: 14px;
    padding: 4px 0;
}
#details .moreDetails .cell-headr{
    background-color: #B7E3A8;
    border-radius: 4px;
    color: #3a3a3a;
    font-size: 14px;
}
#details .moreDetails .more-big{
    font-size: 14px;
    color: #3A3A3A;
}
#details .moreDetails .more-small{
    font-size: 10px;
    color: #808080;
}
#details #firstTab .moreDetails .more-table{
    display: table;
    width: auto;
    margin: auto;
    border-collapse: separate;
    border-spacing: 16px;
}
#details #firstTab .moreDetails .more-row{
    width: 100%;
    display: table-row;
}
#details #firstTab .moreDetails .more-cell{
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    padding: 8px 16px;
    background-color: #F5F5F5;
    border-radius: 4px;
    text-align: left;
    font-family: 'Lato-Semibold';
    border: 1px solid transparent;
}
#details #firstTab .moreDetails .more-cell.active-t{
    background-color: #EEF5F5;
    border: 1px solid #177172;
}
#details #firstTab .moreDetails .more-cell.cellof{
    background-color: transparent;
}
#details #firstTab .moreDetails .cell-headl{
    background-color: #f9f9f9;
    border-radius: 4px;
    color: #3a3a3a;
    font-size: 14px;
    padding: 4px 0;
}
#details #firstTab .moreDetails .cell-headr{
    background-color: #B7E3A8;
    border-radius: 4px;
    color: #3a3a3a;
    font-size: 14px;
}
#details #firstTab .moreDetails .more-big{
    font-size: 16px;
    color: #3A3A3A;
}
#details #firstTab .moreDetails .more-small{
    font-size: 10px;
    color: #3A3A3A;
}
#details .details-gesamt{
    padding-top: 100px;
}
#details .details-gesamt .report-header{
    color: #3a3a3a;
    font-size: 16px;
    text-align: center;
    background-color:#F9F9F9;
    border-radius: 4px;
    margin: 35px 0;
    padding: 4px 0;
}
#details .details-gesamt .report-table{
    width: 100%;
    display: table;
}
#details .details-gesamt .report-row{
    width: 100%;
    display: table-row;
}
#details .details-gesamt .report-cell{
    display: table-cell;
    vertical-align: middle;
    padding: 5px 5px 5px 0;
}
#details .details-gesamt .report-cell:nth-last-child(2), #details .details-gesamt .report-cell:nth-last-child(3){
    padding-left: 10px;
}
#details .inline-path{
    display: inline-block;
}
#details .circle-kauf{
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background-color: #7CC47C;
}
#details .circle-verkauf{
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background-color: #FEB740;
}
#details .report-kauf{
    background-color: #7CC47C;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    font-size: 10px;
    padding: 3px;
    width: 75px;
}
#details .report-verkauf{
    background-color: #FEB740;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    font-size: 10px;
    padding: 3px 10px;
    width: 75px;
}
#details .report-btn{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid #808080;
    border-radius: 4px;
    display: inline-block;
    padding: 4px 8px;
    cursor: pointer;
    margin-left: 10px;
}
#details .report-btn:first-child{
    margin-left: 0px;
}
#details .report-btn.active{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid #177172;
    color: #177172;
    /* background: #DCEAEA!important; */
}
#main .chart-btns{
    padding-top: 40px;
    position: relative;
    display: inline-block;
}
#main .gesamt-daterange{
    display: inline-block;
    cursor: pointer;
}
#details .benchmark-btn{
    display: none;
}
#main .daterange-next{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border: none;
    background-color: #177172;
    color: white;
    outline: none;
    box-shadow: none;
    width: 100px;
}
#main .daterange-next:hover{
    color: white;
    background-color: #209FA0;
}
#main .daterange-change{
    background-color: #fff;
    -webkit-box-shadow: 0px 3px 6px 1px rgba(178,178,178,1);
    -moz-box-shadow: 0px 3px 6px 1px rgba(178,178,178,1);
    box-shadow: 0px 3px 6px 1px rgba(178,178,178,1);
    padding: 15px;
    text-align: center;
    position: absolute;
    top: 75px;
    width: 100%;
    min-width: 234px;
    z-index: 1;
    opacity: 0;
    display: none;
}
#main .daterange-beginbtn{
    margin: 0;
}
#main .daterange-change .daterange-head{
    color: #808080;
    font-size: 12px;
    position: relative;
    padding-bottom: 20px;
}
#main .daterange-close{
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
#main .daterange-line{
    width: 100%;
    height: 1px;    
    background-color: #808080;
    margin: 15px auto;
}
#main .daterange-next{
    margin: 20px auto 0 auto;
    font-size: 12px;
}
#main .daterange-table{
    display: table;
    width: 80%;
    text-align: center;
    border-spacing: 10px 15px;
    margin: auto;
}
#main .daterange-row{
    display: table-row;
    width: 100%;
}
#main .daterange-cell{
    display: table-cell;
    vertical-align: middle;
    width: 20%;
    position: relative;
}
#main .daterange-cell:first-child{
    width: 40%;
}
#main .daterange-fmonth, #details .daterange-fyear, #details .daterange-tmonth, #details .daterange-tyear{
    width: 65px;
}
#main .date-dropdown{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 0;
    display: none;
    background-color: #f9f9f9;
    padding: 5px 2px 5px 5px;
    overflow-y: auto;
    max-height: 155px;
    position: absolute;
    width: 100%;
    z-index: 2;
    top: 25px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(178,178,178,1);
    -moz-box-shadow: 0px 2px 5px 0px rgba(178,178,178,1);
    box-shadow: 0px 2px 5px 0px rgba(178,178,178,1);
}
#main .date-dropdown div{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 1;
    padding-bottom: 5px;
    cursor: pointer;
}
#main .date-dropdown div:hover{
    opacity: .6;
}
#main .date-dropdown div:last-child{
    padding-bottom: 0;
}
#main .date-dropdown::-webkit-scrollbar{
    width: 3px;
}
#main .date-dropdown::-webkit-scrollbar-track{
    background: transparent; 
}
#main .date-dropdown::-webkit-scrollbar-thumb {
    background: #808080; 
}
#main .date-dropdown::-webkit-scrollbar-thumb:hover {
    background: #808080; 
}
#details .details-gesamt .report-cell .report-verkauf.showed, #details .details-gesamt .report-cell .report-kauf.showed, #details .details-gesamt .report-cell .report-date.showed{
    display: none;
}
#details .details-gesamt .report-cell .report-land.showed{
    display: none;
}
#details .details-portfolio .portfolio-table{
    width: auto;
    margin: auto;
    display: table;
    border-collapse: separate;
    border-spacing: 30px 0px;
    text-align: center;
    padding: 25px 0;
}
#details .details-portfolio .portfolio-row{
    width: 100%;
    display: table-row;
}
#details .details-portfolio .portfolio-cell{
    width: 25%;
    display: table-cell;
}
#details .details-portfolio .circle-default{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #177172;
    margin: auto;
    margin-bottom: 5px;
}
#details .details-portfolio .circle-default.active{
    background-color: #177172!important;
    opacity: 1;
}
#details .details-portfolio .circle-dark{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #529B8D;
    margin: auto;
    margin-bottom: 5px;
}
#details .details-portfolio .circle-dark.active{
    background-color: #529B8D!important;
    opacity: 1;
}
#details .details-portfolio .circle-darklight{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #84C7A8;
    margin: auto;
    margin-bottom: 5px;
}
#details .details-portfolio .circle-darklight.active{
    background-color: #84C7A8!important;
    opacity: 1;
}
#details .details-portfolio .circle-light{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #B4E2A5;
    margin: auto;
    margin-bottom: 5px;
}
#details .details-portfolio .circle-light.active{
    background-color: #B4E2A5!important;
    opacity: 1;
}
#details .details-portfolio .circle-aqua{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #9cbcb6;
    margin: auto;
    margin-bottom: 5px;
}
#details .details-portfolio .circle-aqua.active{
    background-color: #9cbcb6!important;
    opacity: 1;
}
#details .details-portfolio .circle-svg{
    width: 130px;
    margin: auto;
    padding-top: 40px;
}
#details .details-portfolio .circle-svg svg{
    width: 80px;
    height: 80px;
}
#details #portfolioChart > div{
    margin: auto;
}
#details .details-portfolio .more-table .home-progressbar svg{
    background: #e5f3e5;
    border-radius: 50%;
}
#details .details-portfolio .more-table .home-progressbar svg path{
    stroke:#7CC47C;
}
#details .details-portfolio .more-table .home-progressbar .progressbar-text{
    width: 32px;
    line-height: 14px;
}
#details .details-portfolio .more-table .home-progressbar .progressbar-text div:first-child{
    font-size: 14px;
    color: #3A3A3A;
}
#details .details-portfolio .more-table .home-progressbar .progressbar-text div:last-child{
    font-size: 10px;
    color: #808080;
}
#details .home-progressbar{
    width: 45px;
    height: 45px;
    position: relative;
    box-shadow: none;
    background: transparent;
    border: none;
    margin: auto;
}
#details .home-progressbar svg{
    background: #DCEAEA;
    border-radius: 50%;
}
#details .more-detailsslide2 .progressbar-text{
    font-size: 10px!important;
}
#details .moreDetails.more-detailsslide2 .more-table {
    display: table;
    width: auto;
    margin: auto;
    border-collapse: separate;
    border-spacing: 0 15px;
}
#details .moreDetails.more-detailsslide2 .circle-relative{
    position: relative;
    top: -1px;
}
#details .details-weltkarte{
    padding-top: 100px;
}
#details .details-weltkarte img.worldmap{
    width: 80%;
    padding-top: 40px;
    margin: auto;
}
#details .details-weltkarte .map{
    position: relative;
    display: inline-block;
    text-align: center; 
    width: 100%;
}
#details .details-weltkarte .map div{
    pointer-events: none;
}
#details .details-weltkarte .map-responsive{
    display: none;
    text-align: center; 
}
#details .details-weltkarte .worldmap svg{
    width: 100%;
    padding-top: 40px;
    margin: auto;
}
#details .details-weltkarte .circle {
    width: 55px;
    height: 55px;
    margin: 0 auto;
    text-align: center;
    line-height: 54px;
    border-radius: 55px;
    padding-top: 0px;
    font-size: 12px;
}
#details .details-weltkarte .mgrt5{
    color: #444444;
    font-size: 12px;
}
#details .details-weltkarte .map div.circleNorthAmerica.active{
    color: #fff!important;
    background-color: rgba(71,140,141,.75)!important;
    border: 1.5px solid #478C8D!important;
}
#details .details-weltkarte .map div.circleNotClassified.active{
    color: #3A3A3A!important;
    background-color: rgba(178,178,178,.75)!important;
    border: 1.5px solid #808080!important;
}
#details .details-weltkarte .map div.circleSouthAmerica.active{
    color: #3A3A3A!important;
    background-color: rgba(180,226,165,.75)!important;
    border: 1.5px solid #B4E2A5!important;
}
#details .details-weltkarte .map div.circleEurope.active{
    color: #fff!important;
    background-color: rgba(23,113,114,.75)!important;
    border: 1.5px solid #177172!important;
}
#details .details-weltkarte .map div.circleAfricaEast.active{
    color: #3A3A3A!important;
    background-color: rgba(218,238,229,.75)!important;
    border: 1.5px solid #DAEEE5!important;
}
#details .details-weltkarte .map div.circleAsia.active{
    color: #fff!important;
    background-color: rgba(51,182,121,.75)!important;
    border: 1.5px solid #33B679!important;
}
#details .details-weltkarte .map div.circleAustralia.active{
    color: #3A3A3A!important;
    background-color: rgba(132,199,168,.75)!important;
    border: 1.5px solid #84C7A8!important;
}
#details .details-weltkarte .map-northamerica{
    text-align: center;
    position: absolute;
    left: 133px;
    top: 95px;
}
#details .details-weltkarte .map-southamerica{
    text-align: center;
    position: absolute;
    left: 174px;
    bottom: 32px;
}
#details .details-weltkarte .map-not-classified{
    text-align: center;
    position: absolute;
    left: 219px;
    bottom: 128px;
}
#details .details-weltkarte .map-ukingdom{
    text-align: center;
    position: absolute;
    left: 341px;
    top: 205px;
    line-height: 15px;
}
#details .details-weltkarte .map-europe{
    text-align: center;
    position: absolute;
    left: 330px;
    top: 114px;
}
#details .details-weltkarte .map-asia{
    text-align: center;
    position: absolute;
    right: 175px;
    bottom: 123px;
}
#details .details-weltkarte .map-australia{
    text-align: center;
    position: absolute;
    right: 103px;
    bottom: 22px;
}
#details .details-weltkarte .map-table{ 
    display: table;
    width: 100%;
    border-bottom: 1px solid #808080;
    border-collapse: separate;
    border-spacing: 0 8px;
}
#details .details-weltkarte .map-row{ 
    display: table-row;
    width: 100%;
}
#details .details-weltkarte .map-cell{ 
    display: table-cell;
    vertical-align: middle;
}
#details .details-weltkarte .same-width{
    width: 10px;
}
#details .details-weltkarte .circle-afrika{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #DAEEE5;
    margin: auto;
    display: inherit;
}
#details .details-weltkarte .circle-asien{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #33B679;
    margin: auto;
    display: inherit;
}
#details .details-weltkarte .circle-australien{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #177172;
    margin: auto;
    display: inherit;
}
#details .details-weltkarte .circle-europa{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #177172;
    margin: auto;
    display: inherit;
}
#details .details-weltkarte .circle-globale{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #808080;
    margin: auto;
    display: inherit;
}
#details .details-weltkarte .circle-nordamerika{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #478C8D;
    margin: auto;
    display: inherit;
}
#details .details-weltkarte .circle-sudamerika{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #B4E2A5;
    margin: auto;
    display: inherit;
}
#details .details-weltkarte .map-table:last-child{
    border-bottom: 1px solid transparent;
}
#details .details-weltkarte .padleft10{
    padding-left: 10px
}
#details .details-weltkarte .circle-table.auto{
    padding-top: 25px;
}
#details .moreDetails.more-detailsslide3 .more-table {
    border-spacing: 10px;
    padding-top: 15px;
}
#details .moreDetails.more-detailsslide3 .more-cell {
    width: auto;    
    padding: 0;
}
#details .moreDetails.more-detailsslide3 .more-cell:nth-child(2) {
    padding-right: 35px;
}
#details .moreDetails.more-detailsslide3 .more-responsive{
    padding-left: 45px;
    display: none;
}
#details .details-nachhaltigkeit {
    padding-top: 100px;
}
#details .details-nachhaltigkeit .circle-svg {
    width: 75px;
    margin: auto;
    padding-top: 40px;
}
#details .details-nachhaltigkeit .circle-svg img{
    width: 75px;
    height: 65px;
}
#details .nachhaltigkeit-table{
    display: table;
    min-width: 335px;
    text-align: center;
    margin: auto;
    font-family: 'LatoLight';
    position: relative;
    border-collapse: separate;
    border-spacing: 0 5px;
}
#details .nachhaltigkeit-row{
    display: table-row;
    width: 100%;
}
#details .nachhaltigkeit-cellleft{
    display: table-cell;
    vertical-align: middle;
    width: 55px;
    padding-bottom: 10px;
}
#details .nachhaltigkeit-cellmiddle{
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding-left: 15px;
    font-size: 18px;
    padding-bottom: 10px;
    color: #3a3a3a;
}
#details .nachhaltigkeit-cellright{
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    font-size: 14px;
    padding-bottom: 10px;
    color: #808080;
}
#details .nachhaltigkeit-cellright .circle-table.auto{
    margin-right: 10px;
}
#details .details-progressbar{
    width: 55px;
    height: 55px;
    position: relative;
    box-shadow: none;
    background: transparent;
    border: none;
    margin: auto;
}
#details .details-progressbar svg{
    background: #DCEAEA;
    border-radius: 50%;
}
#details .nachhaltigkeit-cellleft img{
    width: 55px;
    height: 55px;
}
#details .nach-flex{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    clear: both;
}
#details .nach-flexleft{
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    flex-basis: auto;
    width: 50%;
    padding: 0 10px;
}
#details .nach-flexright{
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    flex-basis: auto;
    width: 50%;
    border-radius: 4px;
    background-color: #DCEAEA;
    padding: 0 10px;
}
#details .nach-flex .nach-table{
    display: table;
    width: 100%;
    margin: auto;
    border-collapse: collapse;
    border-spacing: 0 10px;
}
#details .nach-flex .nach-row{
    display: table-row;
    width: 100%;
}
#details .nach-flex .nach-cell{
    display: table-cell;
    vertical-align: middle;
}
#details .nach-flex .nach-cell img{
    width: 20px;
    height: 20px;
}
#details .nach-flex .nach-cell .more-big {
    font-size: 14px;
    color: #3A3A3A;
}
#details .nach-flexleft .nach-row .nach-cell{
    border-bottom: 1px solid #d3d3d3;
}
#details .nach-flexright .nach-row .nach-cell{
    border-bottom: 1px solid #fff;
}
#details .nach-flexleft .nach-row:last-child .nach-cell, #details .nach-flexright .nach-row:last-child .nach-cell{
    border-bottom: 1px solid transparent;
}
#details .nach-flexleft .nach-row .nach-cell:nth-last-child(2), #details .nach-flexright .nach-row .nach-cell:nth-last-child(2){
    padding: 8px;
}
#details .details-nachhaltigkeit .left-strategy{
    float: left;
    width: auto;
    font-size: 10px;
    text-align: left;
    cursor: pointer;
}
#details .details-nachhaltigkeit .right-strategy{
    float: right;
    width: auto;
    font-size: 10px;
    text-align: right;
    cursor: pointer;
}
#details .details-nachhaltigkeit .strategy-row{
    margin: 0;
    padding: 0 0 25px 0;
}
#details .details-nachhaltigkeit .normal-strategy{
    display: inline-block;
    vertical-align: middle;
}
#details .details-nachhaltigkeit .nach-strategy{
    display: inline-block;
    vertical-align: middle;
}
#details .details-nachhaltigkeit .normal-strategy.active{
    color: #177172;
}
#details .details-nachhaltigkeit .nach-strategy.active{
    color: #177172;
}
#details .details-nachhaltigkeit .circle-leftright{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 40px;
    border: 1px solid #177172;
    height: 19px;
    border-radius: 19px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px;
}
#details .details-nachhaltigkeit .circle-inside{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 15px;
    height: 15px;
    background-color: #177172;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    bottom: 0;
    margin: auto 0;
    left: 1px;
}
#details .details-nachhaltigkeit .circle-leftright.active{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #B7E3A8;
}
#details .details-nachhaltigkeit .circle-inside.active{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    left: 22px;
}
#details .details-nachhaltigkeit .strategy-background{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 5px 7px;
    display: inline-block;
    border-radius: 4px;
    color: #808080;
}
#details .details-nachhaltigkeit .strategy-background.active{
    color: #177172;
}
#details .nach-paddingtb{
    padding-top: 30px;
    padding-bottom: 60px;
    font-size: 10px;
    color: #808080;
}
#details .details-sateliten .divided-two {
    width: 40%;
}
#details .details-sateliten .divided-one img:last-child {
    position: unset;
    right: unset;
}
#details .details-sateliten .sateliten-big {
    font-size: 18px;
    color: #3a3a3a;
}
#details .details-sateliten .sateliten-small {
    font-size: 10px;
    color: #808080;
}
#details .details-sateliten .row-sateliten{
    display: block;
    width: 50%;
    margin: auto;
    text-align: center;
    padding: 20px 0;
}
#details .details-sateliten .row-sateliten .sateliten-big {
    font-size: 14px;
    color: #177172;
}
#details .details-sateliten .row-sateliten .padding-cols{
    padding: 8px;
}
#details .details-sateliten .row-sateliten .padding-cols{
    padding: 8px;
}
#details .details-sateliten .sateliten-none{
    display: none;
    padding: 30px 50px;
}
#details .slider-sateliten {
    width: 85%;
    position: relative;
    background: #CECECE;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    height: 4px;
    display: inline-block;
    vertical-align: middle;
}
#details .details-sateliten .ui-state-default, #details .details-sateliten .ui-widget-content .ui-state-default, #details .details-sateliten .ui-widget-header .ui-state-default, #details .details-sateliten .ui-button, html #details .details-sateliten .ui-button.ui-state-disabled:hover, html #details .details-sateliten .ui-button.ui-state-disabled:active {
    border: 1px solid #177172;
    background: #177172;
    outline: none;
    border-radius: 50%;
    cursor: pointer;
}
#details .details-sateliten .sateliten-slidetable{
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 15px;
}
#details .details-sateliten .sateliten-sliderow{
    display: table-row;
    width: 100%;
}
#details .details-sateliten .sateliten-slidecellleft{
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    width: 30%;
}
#details .details-sateliten .sateliten-slidecellright{
    display: table-cell;
    vertical-align: middle;
    width: 70%;
}
#details .details-sateliten .sateliten-slidetable input{
    display: inline-block;
    width: 15%;
    padding-right: 20px;
    border: none;
    vertical-align: middle;
    outline: none;
}
#details .details-sateliten .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 15px;
    height: 15px;
    cursor: pointer;
    -ms-touch-action: auto;
    touch-action: auto;
}
#details .details-sateliten .ui-slider-horizontal .ui-slider-handle {
    top: -6px;
    margin-left: 0;
}
#details .details-sateliten .sateliten-slidetable img{
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
#details .details-sateliten .sateliten-slidetotal{
    color: #3a3a3a;
    font-size: 16px;
    text-align: center;
    background-color: #F9F9F9;
    border-radius: 4px;
    margin: 35px 0;
    padding: 10px;
}
#details .details-sateliten .sateliten-namedesktop {
    display: inline-block;
}
#details .details-sateliten .sateliten-nameresponsive {
    display: none;
    float: left;
    font-size: 16px;
}
#details .details-details{
    padding-top: 100px;
}
#details .details-details .details-table{
    width: auto;
    margin: auto;
    display: table;
    border-collapse: separate;
    border-spacing: 40px 20px;
}
#details .details-details .details-row{
    display: table-row;
    width: 100%;
}
#details .details-details .details-cell{
    display: table-cell;
    vertical-align: top;
}
#details .details-details .details-table.responsive-details{
    display: none;
}
#details .details-details .details-table.responsive-details .details-cell{
    display: table-cell;
    vertical-align: middle;
}
#details .details-produkte .produkte-table{
    width: auto;
    margin: auto;
    display: table;
    border-collapse: separate;
    border-spacing: 30px 0;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 25px;
}
#details .details-produkte .produkte-row{
    width: 100%;
    display: table-row;
}
#details .details-produkte .produkte-cell{
    width: 25%;
    display: table-cell;
}
#details .details-produkte .produkte-cell > div > svg{
    width: 60px;
    height: 60px;
}
#details .details-produkte .report-table.report-desktop {
    width: 100%;
    display: table;
}
#details .details-produkte .report-table.report-responsive {
    width: 100%;
    display: none;
}
#details .details-produkte .report-responsive .produkte-slide td.small-spaceleft {
    padding-right: 10px;
}
#details .details-produkte .report-responsive .produkte-left {
    padding: 0 10px;
}
#details .details-produkte .report-row {
    width: 100%;
    display: table-row;
}
#details .details-produkte .report-cell {
    display: table-cell;
    vertical-align: top;
    padding: 10px 15px 10px 0;
    line-height: 14px;
}
#details .details-produkte .report-responsive .report-cell {
    display: table-cell;
    vertical-align: top;
    padding: 10px 0px 0px 0;
    line-height: 14px;
}
#details .details-produkte .report-cell {
    border-bottom: 1px solid #EEEEEE;
}
#details .details-produkte .report-responsive .report-cell.cell-showed {
    border-bottom: 1px solid transparent;
}
#details .details-produkte .report-cell:last-child {
    padding: 10px 0px 10px 0;
}
#details .details-produkte .circle-darklight {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #84C7A8;
    margin: auto;
}
#details .details-produkte .width-cell {
    width: 15px;
}
#details .details-produkte .width-limit {
    width: 43px;
}
#details .details-produkte .produkte-imgleft {
    float:left;
    width: 5%;
    text-align: left;
}
#details .details-produkte .produkte-imgleft img{
    position: relative;
    right: 3px;
    bottom: 3px;
}
#details .details-produkte .produkte-left {
    float:left;
    width: 90%;
    text-align: left;
}
#details .details-produkte .produkte-right {
    float: right;
    width: 5%;
    text-align: right;
}
#details .details-produkte .report-table .rotate-plus {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    position: relative;
    left: 0;
    top: -1px;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    backface-visibility: hidden;
    padding: 0!important;
}
#details .details-produkte .report-table .rotate-plus img{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
#details .details-produkte .report-table .rotate-plus.active img {
    -webkit-transform: rotate(46deg);
    -ms-transform: rotate(46deg);
    transform: rotate(46deg);
}
#details .details-produkte .invest-open {
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
    cursor: pointer
}
#details .details-produkte .invest-none {
    display: none;
    clear: both;
    position: relative;
    padding: 15px 0;
}
#details .details-produkte .report-responsive .report-cell:first-child {
    width: 5%;
}
#details .details-produkte .produkte-slide{
    width: 95%;
}
#details .details-produkte .produkte-slide table{
    width: 100%;
    text-align: left;
}
#details .details-produkte .produkte-slide td{
    padding-right: 15px;
    vertical-align: top;
}
#details .details-produkte .produkte-slide td.nowrap{
    white-space: nowrap;
}
#details .details-produkte .produkte-slide td:last-child{
    padding-right: 15px;
}
#details .details-produkte .produkte-slide td.td-bottom{
    padding-bottom: 25px;
}
#details .details-produkte .produkte-slide td.td-bottomsmall{
    padding-bottom: 10px;
}
#details .details-kosten{
    padding-top: 100px;
}
#details .details-kosten .moreDetails .cell-headl{
    background-color: #f9f9f9;
    border-radius: 4px;
    color: #3a3a3a;
    font-size: 14px;
}
#details .details-kosten .moreDetails .cell-headr{
    background-color: #DCEAEA;
    border-radius: 4px;
    color: #3a3a3a;
    font-size: 14px;
}
#details .details-kosten .kosten-header{
    color: #3a3a3a;
    font-size: 16px;
    text-align: center;
    background-color: #F9F9F9;
    border-radius: 4px;
    margin: 35px 0 15px 0;
    padding: 4px 0;
}
#details .details-kosten .kosten-smalltext{
    color: #808080;
    font-size: 10px;
    padding-top: 35px;
    text-align: center;
}
#details .details-kosten .kosten-table{
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 5px;
}
#details .details-kosten .kosten-row{
    display: table-row;
    width: 100%;
}
#details .details-kosten .kosten-cell{
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}
#details .details-kosten .kosten-nestedtable{
    display: table;
    width: 100%;
}
#details .details-kosten .kosten-nestedrow{
    display: table-row;
    width: 100%;
}
#details .details-kosten .kosten-nestedcell{
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}
#details .details-kosten .kosten-nestedcell svg{
    width: 28px;
    height: 28px;
}
#details .details-kosten .cell-width{
    width: 28px;
    height: 28px;
}
#details .details-kosten .kosten-nestedrow .kosten-nestedcell:last-child{
    padding-left: 15px;
}
#details .details-deinanlage{
    padding-top: 100px;
    position: relative;
}
#details .font16{
    font-size: 16px;
}
#details .latolightf{
    font-family:'LatoLight' !important;
}
#details #semicircle{
    width: 95px;
    margin: auto;
    padding-top: 40px;
}
#details .details-deinprofil .brnone{
    padding: 15px;
}
#details .slider-anlage{
    width: 68%;
    margin: auto;
    position: relative;
    top: 10px;
    z-index: 1;
    background: transparent;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    pointer-events:none;
}
#details .slider-anlage.pointer {
    pointer-events: auto;
}
#details .slider-back{
    background: #177172;
    background: -moz-linear-gradient(left, #177172 0%, #b4e2a5 50%, #feb740 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #177172), color-stop(50%, #b4e2a5), color-stop(100%, #feb740));
    background: -webkit-linear-gradient(left, #177172 0%, #b4e2a5 50%, #feb740 100%);
    background: -o-linear-gradient(left, #177172 0%, #b4e2a5 50%, #feb740 100%);
    background: -ms-linear-gradient(left, #177172 0%, #b4e2a5 50%, #feb740 100%);
    background: linear-gradient(left, #177172 0%, #b4e2a5 50%, #feb740 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#177172', endColorstr='#feb740', GradientType=1 );
    width: 75%;
    height: 6px;
    border-radius: 3px;
    position: absolute;
    outline: none;
    margin: auto;
    left: 0;
    right: 0;
}
#details .details-deinanlage .ui-state-default, #details .details-deinanlage .ui-widget-content .ui-state-default, #details .details-deinanlage .ui-widget-header .ui-state-default, #details .details-deinanlage .ui-button, html #details .details-deinanlage .ui-button.ui-state-disabled:hover, html #details .details-deinanlage .ui-button.ui-state-disabled:active {
    border: 1px solid #177172;
    background: #B7E3A8;
    outline: none;
    border-radius: 50%;
    cursor: pointer;
}
#details .details-deinanlage .slider-defensiv{
    position: absolute;
    bottom: 15px;
    left: 0;
}
#details .details-deinanlage .slider-konservativ{
    position: absolute;
    bottom: 15px;
    left: 105px;
}
#details .details-deinanlage .slider-ausgeglichen{
    position: absolute;
    bottom: 15px;
    left: 215px;
}
#details .details-deinanlage .slider-ambitioniert{
    position: absolute;
    bottom: 15px;
    left: 335px;
}
#details .details-deinanlage .slider-offensiv{
    position: absolute;
    bottom: 15px;
    right: 0px;
}
#details .details-deinanlage .paddingtb40{
    padding: 40px 0;
}
#details .details-deinanlage .slider-width{
    width: 75%;
    margin: auto;
    text-align: left;
    padding: 15px 0 15px 0;
    display: none;
}
#details .highcharts-button text, #details .highcharts-input-group text{
    transform: translate(0, 2px);
}
#details .details-deinanlage .slider-width.active{
    display: block;
}
#details .ui-state-default, #details .ui-widget-content .ui-state-default, #details .ui-widget-header .ui-state-default {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: #177172!important;
}
#details .ui-state-default.pointer, #details .ui-widget-content .ui-state-default.pointer, #details .ui-widget-header .ui-state-default.pointer {
    background: #B7E3A8!important;
}
#details .details-deinanlage .slider-all{
    cursor: pointer;
    pointer-events: none;
    font-family: 'Lato';
}
#details .details-deinanlage .slider-all.pointer{
    pointer-events: auto;
}
#details .details-deinanlage .slider-ambitioniert.active{
    color: #177172;
    font-weight: 600;
}
#details .details-deinanlage .slider-ausgeglichen.active{
    color: #177172;
    font-weight: 600;
}
#details .details-deinanlage .slider-offensiv.active{
    color: #177172;
    font-weight: 600;
}
#details .details-deinanlage .slider-konservativ.active{
    color: #177172;
    font-weight: 600;
}
#details .details-deinanlage .slider-defensiv.active{
    color: #177172;
    font-weight: 600;
}
#details .details-deinanlage .slider-content{
    padding-bottom: 0;
}
#details .details-deinanlage .slider-content:last-child{
    padding-bottom: 0;
}
#details .details-deinanlage .anlage-all{
    display: none;
    min-height: 32px;
    margin-top: 5px;
}
#details .details-deinanlage .anlage-all.active{
    display: block
}
#details .details-deinanlage .anlage-sliderbtn{
    display: inline-block;
    cursor: pointer;
    padding: 6px 12px;
}
#details .details-progressbar {
    width: 45px;
    height: 45px;
    position: relative;
    box-shadow: none;
    background: transparent;
    border: none;
    margin: auto;
}
#details .details-progressbar svg {
    background: #DCEAEA;
    border-radius: 50%;
}
#details .progressbar-text{
    font-size: 14px;
}
#details .details-portfolio .komplexity-mrg{
    margin: 10px auto 35px auto;
}
/* DETAILS CONTENT END */

/* MYMINVEO CONTENT */
.c-pass .validate-Btn{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border: none;
    background-color: #B4E2A5;
    color: #177172;
    outline: none;
    box-shadow: none;
    width: 100%;
    max-width: 180px;
    /* padding: 12px 32px; */
    opacity: 1;
}
.c-pass .validate-Btn.disabled{
    background-color: #EEEEEE;
    opacity: 1;
    pointer-events: none;
}
.c-pass .pass-infobox{
    width: 100%;
    max-width: 220px;
    text-align: left;
    margin: 10px auto 0 auto;
}
.c-pass .pass-infobox > div{
    margin-bottom: 5px;
}
.c-pass .pass-infobox > div:last-child{
    margin-bottom: 0px;
}
.c-pass .pass-box span{
    display: inline-block;
}
.c-pass .pass-box span:last-child{
    padding-left: 5px;
}
.c-pass .newPassword{
    display: block!important;
    max-width: 352px;
    margin: auto;
}
.c-pass .pass-box svg{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 15px;
    height: 15px;
    vertical-align: middle;
}
.c-pass #eye-hide #opened{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}
.c-pass #eye-hide #opened.show{
    opacity: 1;
}
.c-pass .pass-box .eye-svg svg{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    cursor: pointer;
}
.c-pass .pass-box .eye-svg {
    position: absolute;
    right: -24px;
    top: 6px;
}
.c-pass .pass-box{
    text-align: center;
}
.c-pass .pass-box h1{
    font-size: 20px;
    color: #3a3a3a;
    margin-bottom: 33px;
}
.c-pass .pass-box .passInput{
    max-width: 352px;
    width: 100%!important;
    background-color: #DCEAEA;
    border-color: #DCEAEA;
    box-shadow: none!important;
    border-radius: 4px!important;
    height: auto;
    border: 0!important;
    padding: 6px 12px!important;
    text-align: center;
    margin: auto;
}
.c-pass .s-limitchar, .c-pass .s-upperlower, .c-pass .s-number, .c-pass .s-char{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    color: #808080;
    font-size: 12px;
}
.c-pass .s-limitchar, .c-pass .s-upperlower, .c-pass .s-number, .c-pass .s-char{
    color: #ffffff;
}
.myminveo-change-p .c-pass .s-limitchar, .myminveo-change-p .c-pass .s-upperlower, .myminveo-change-p .c-pass .s-number, .myminveo-change-p .c-pass .s-char{
    color: #808080;
}
.form-signin .c-pass .s-limitchar.valid, .form-signin .c-pass .s-upperlower.valid, .form-signin .c-pass .s-number.valid, .form-signin .c-pass .s-char.valid{
    color: #B4E2A5;
}
#details .risik-width {
    width: 75%;
    margin: auto;
    text-align: left;
    padding: 15px 0 15px 0;
}
#myMinveo .depot-box{
    padding-top: 32px;
    width: 100%;
    max-width: 350px;
}
#myMinveo .depot-head{
    color: #B2B2B2;
    font-size: 12px;
}
#myMinveo .depot-text{
    margin: 3px 0 12px 0;
    padding-bottom: 8px;
    border-bottom: 1px solid #d3d3d3;
}
#myMinveo .depot-text:last-child{
    margin: 3px 0 0 0;
    padding-bottom: 0;
    border-bottom: 0px solid #d3d3d3;
}
#myMinveo .details-width h2{
    position: relative;
    display: inline-block;
    font-family: 'LatoLight'!important;
}
#myMinveo .details-width h2::before{
    content: "";
    background: #177172;
    width: 50px;
    height: 2px;
    position: absolute;
    bottom: -5px;
}
#myMinveo .myminveo-stammdaten .form-control:focus, #myMinveo .myminveo-logindaten .form-control:focus, #myMinveo .myminveo-referenzkonto .form-control:focus {
    border-color: #177172;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color:#177172;
}
#myMinveo .myminveo-stammdaten .placepath-relative, #myMinveo .myminveo-logindaten .placepath-relative, #myMinveo .myminveo-referenzkonto .placepath-relative{
    margin: 7px 0;
    position:relative;
    display:inline-block;
}
#myMinveo .myminveo-stammdaten .placeholder-up, #myMinveo .myminveo-logindaten .placeholder-up, #myMinveo .myminveo-referenzkonto .placeholder-up{
    padding:10px 0;
    pointer-events: none;
    position:absolute;
    left:15px;
    top:0;
    transition: 0.2s;
    transition-timing-function: ease;
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    opacity:1;
    font-size: 14px;
    color:#808080;
}
#myMinveo input.myminveoInput:focus + span, #myMinveo input.myminveoInput:not(:placeholder-shown) + span {
    opacity: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform:  translateY(-50%);
    transform: translateY(-50%);
    left: 15px;
    font-size: 10px;
}

#myMinveo input.myminveoInput:focus + span, #myMinveo input.myminveoInput:not(:-ms-input-placeholder) + span {
    opacity: 1;
    -webkit-transform: translateY(-80%);
    -ms-transform:  translateY(-80%);
    transform: translateY(-80%);
    left: 15px;
    font-size: 10px;
}
#myMinveo input.loginInput:focus + span, #myMinveo input.loginInput:not(:placeholder-shown) + span {
    opacity: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform:  translateY(-50%);
    transform: translateY(-50%);
    left: 0px;
    font-size: 10px;
}

#myMinveo input.loginInput:focus + span, #myMinveo input.loginInput:not(:-ms-input-placeholder) + span {
    opacity: 1;
    -webkit-transform: translateY(-80%);
    -ms-transform:  translateY(-80%);
    transform: translateY(-80%);
    left: 0px;
    font-size: 10px;
}
#myMinveo .myminveo-stammdaten .stammdaten-all{
    min-height: 32px;
    display: none;
    margin-top: 25px;
}
#myMinveo .myminveo-stammdaten .stammdaten-all.active {
    display: block;
}
#myMinveo .myminveo-stammdaten .form-control.active {
    border-bottom: 1px solid #177172;
}
#myMinveo .myminveo-stammdaten .stammdaten-clientBtn{
    display: inline-block;
    cursor: pointer;
    padding: 6px 12px;
}
#myMinveo .myminveo-stammdaten .infoOutline{
    position: absolute;
    right: -5px;
    top: 60%;
    -webkit-transform: translateY(-50%);
    -ms-transform:  translateY(-50%);
    transform: translateY(-50%);
}
#myMinveo .myminveo-stammdaten .select-image{
    display:none;
    position: absolute;
    right:18px;
    top: 33%;
    -webkit-transform: rotate(-90deg);
    -ms-transform:  rotate(-90deg);
    transform: rotate(-90deg);
}
#myMinveo .myminveo-stammdaten .pickerClass{
    box-shadow:none;
    outline:none;
    padding: 6px 0;
    font-size: 14px;
    color:#808080;
}
#myMinveo .myminveo-stammdaten .myminveoInput, #myMinveo .myminveo-logindaten .loginInput, #myMinveo .myminveo-referenzkonto .myminveoInput {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    outline: none !important;
    border: none;
    border-bottom: 1px solid #EEEEEE;
    color: #3A3A3A;
    font-size: 14px;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    padding: 8px 0;
}
#myMinveo .myminveo-logindaten{
    padding-top: 40px;
}
#myMinveo .myminveo-logindaten .logindaten-all{
    min-height: 32px;
    margin-top: 25px;
    display: none;
}
#myMinveo .myminveo-logindaten .logindaten-all.active {
    display: block;
}
#myMinveo .myminveo-logindaten .form-control.active {
    border-bottom: 1px solid #177172;
}
#myMinveo .myminveo-logindaten .logindaten-clientBtn{
    display: inline-block;
    cursor: pointer;
}
#myMinveo .myminveo-logindaten .infoOutline {
    position: absolute;
    right: -5px;
    top: 60%;
    transform: translateY(-50%);
}
#myMinveo .myminveo-logindaten #logindatenEdit{
    display: none;
}
#myMinveo .myminveo-logindaten h2, #myMinveo .myminveo-stammdaten h2{
    margin-bottom: 25px;
}
#myMinveo select.selectpicker{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
#myMinveo .details-width.tab-pane {
    padding-top: 45px;
}
#myMinveo .myminveo-referenzkonto .referenz-table{
    display: table;
    width: auto;
    margin: auto;
    padding-top: 40px;
}
#myMinveo .myminveo-referenzkonto .referenz-row{
    display:table-row;
}
#myMinveo .myminveo-referenzkonto .referenz-cellLeft {
    display: table-cell;
    width: 50px;
    padding: 8px;
    vertical-align: top;
    line-height: 23px;
}
#myMinveo .myminveo-referenzkonto .referenz-cellRight {
    display: table-cell;
    width: auto;
    color: #3A3A3A;
    font-size: 14px;
    padding: 8px;
    line-height: 23px;
    vertical-align: top;
}
#myMinveo .myminveo-referenzkonto .referenz-cellMiddle {
    display: table-cell;
    width: auto;
    color: #808080;
    font-size: 14px;
    padding: 8px;
    vertical-align: top;
    line-height: 23px;
}
#myMinveo .myminveo-referenzkonto .loschen-btn {
    margin-top: 10px;
}
#myMinveo .myminveo-referenzkonto .neues-konto{
    cursor: pointer;
    display: inline-block;
}
#myMinveo .myminveo-referenzkonto .paddingt70{
    padding-top: 70px;
}
#myMinveo .myminveo-referenzkonto #kontoslide{
    width: 60%;
    margin: auto;
}
.h-chart svg{
    width: 100%;
    height: 194px;
}
#myMinveo .myminveo-referenzkonto .konto-label {
    color:#808080;
    font-size:10px;
}
#myMinveo .myminveo-referenzkonto .row {
    padding-bottom: 14px;
}
#myMinveo .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    color: #808080;
}
#myMinveo .bootstrap-select>.dropdown-toggle {
    border:none;
    border-radius: 0 !important;
}
#myMinveo .myminveo-stammdaten .myminveoInput{
    padding: 4px 0;
}
#myMinveo .myminveo-referenzkonto .loschen-btn {
    margin-top: 10px;
    display: inline-block;
}
#myMinveo .off-left{
    padding-left: 0;
    padding-right: 30px;
}
/* MYMINVEO CONTENT END */

/* PAYMENTS CONTENT */
/* PAYMENTS DROPDOWNS BEGIN */
#payments .dauer-info{
    color: #8a8a8a;
    font-size: 12px;
}
#payments #TransactionTypeSelector{
    margin-left: 0!important;
    margin-top: 15px;
    display: block!important;
}
#payments .report-btn{
    margin-bottom: 10px;
}
#payments .payments-in .payment-dropdown .row, #payments .payments-out .payment-dropdown .row , .transfer-view-content .payments-out .payment-dropdown .row {
    padding: 8px 25px 8px 15px!important;
}
#payments .payment-dropdown, .transfer-view-content .payment-dropdown  {
    position: relative;
}

#payments .payment-input, .transfer-view-content .payment-input {
    background-color: #DCEAEA;
    border-radius: 4px;
    padding: 8px 35px 8px 15px;
    position: relative;
    cursor: pointer;
    width: 100%;
    border: 1px solid transparent;
}
#payments .payment-dropdown.err-border .payment-input, .transfer-view-content .payment-dropdown.err-border .payment-input {
    border: 1px solid #FEB740;
}
#payments .focuschck svg .checkbox-0 .cls-1{
    stroke: #FEB740;
}
#payments .investment-head,.transfer-view-content .investment-head{
    float: left;
    line-height: 14px;
    pointer-events: none;
}

#payments .investment-price,.transfer-view-content .investment-price {
    float: right;
    line-height: 14px;
    pointer-events: none;
    padding-left: 8px;
}

#payments .payment-input .payment-arrow.active, .payment-view-content .payment-input .payment-arrow.active, .transfer-view-content .payment-input .payment-arrow.active{
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

#payments .payment-input .payment-arrow, .payment-view-content .payment-input .payment-arrow, .transfer-view-content .payment-input .payment-arrow{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    pointer-events: none;
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
    width: 13px;
    height: 13px;
}
#payments .einzahlung-class{
    padding-bottom: 8px;
}
#payments .payment-content, .transfer-view-content .payment-content {
    display: none;
    z-index: 11;
    position: absolute;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid transparent;
    width: 100%;
    top: 35px;
    max-height: 125px;
    overflow-y: auto;
    -webkit-box-shadow: 2px 2px 5px 0px rgb(178 178 178);
    -moz-box-shadow: 2px 2px 5px 0px rgba(178,178,178,1);
    box-shadow: 1px 1px 10px 0px rgb(178 178 178);
}

#payments .payment-content .payment-clck, .transfer-view-content .payment-content .payment-clck {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    padding: 10px 15px;
    cursor: pointer;
}
#payments .pay-box{
    background-color: #DCEAEA;
    border-radius: 4px;
    padding: 15px;
    margin-top: 25px;
}
/* PAYMENTS DROPDOWNS END */
#payments .SPaymentStatus.status1 span:first-child{
	color: #8a8a8a;
}
#payments .SPaymentStatus.status0 span:last-child{
	color: #8a8a8a;
}
#payments .pay-box .row div:first-child{
    float: left;
    color: #8a8a8a;
}
#payments .pay-box .row div:last-child{
    float: right;
}
#payments .pay-box .row{
    padding-bottom: 16px!important;
}
#payments .pay-box .row:last-child{
    padding-bottom: 0px!important;
}
#payments .pay-head{
    color: #177172;
}
#payments .btn-del{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border: none;
    background-color: #177172;
    color: white;
    outline: none;
    box-shadow: none;
    width: 100px;
}
#payments .btn-del:hover {
    color: white;
    background-color: #209FA0;
}
#payments .details-width.tab-pane{
    padding-top: 45px;
}
#payments .payments-contracts .home-table{
    display: table;
    width: auto;
    text-align: center;
    margin: auto;
    position: relative;
    border-spacing: 0 25px;
}
#payments .payments-contracts .home-row{
    display: table-row;
    width: 100%;
    position: relative;
}
#payments .payments-contracts .home-cellleft{
    width: 45px;
    display: inline-block;
}
#payments .payments-contracts .home-cellmiddle{
    vertical-align: top;
    text-align: left;
    padding-left: 10px;
    font-size: 18px;
    padding-right: 40px;
    display: table-cell;
}
#payments .payments-contracts .home-cellright.middle{
    vertical-align: middle;
} 
#payments .payments-contracts .home-cellmiddle.middle{
    vertical-align: middle;
}
#payments .payments-contracts .home-cellright{
    vertical-align: top;
    text-align: left;
    font-size: 10px;
    display: table-cell;
} 
#payments .payments-contracts .home-row .details-more{
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 102px;
    margin: auto;
}
#payments .payments-contracts .home-row .details-more > div{
    display: inline-block;
}
#payments .payments-contracts .home-cellright > img{
    width: 35px;
    height: 45px;
} 
#payments .payments-contracts .home-cellright > .home-falafelcell{
    float: right;
    padding-top: 13px;
}
#payments .payments-contracts .home-cellright > .home-falafelcell.middle{
    float: right;
    padding-top: 5px;
}
#payments .payments-contracts .home-cellright > span{
    vertical-align: middle;
}
#payments .payments-contracts .home-cellright > img{
    margin-right: 10px;
}
#payments .payments-contracts .home-falafelcell{
    display: inline-block;
    width: 20px;
}
#payments .payments-contracts .home-cell{
    display: table-cell;
    width: 100%;
}
#payments .payments-contracts .inner-table{
    width: 100%;
    text-align: center;
    margin: auto;
    position: relative;
    border-collapse: separate;
    border-spacing: 0 15px;
}
#payments .payments-contracts .inner-row{
    width: 100%;
}
#payments .payments-contracts .home-progressbar{
    width: 45px;
    height: 45px;
    position: relative;
    box-shadow: none;
    background: transparent;
    border: none;
    margin: auto;
    display: inline-block;
    vertical-align: middle;
}
#payments .payments-contracts .goal-name{
    display: inline-block;
    padding-left: 5px;
}
#payments .payments-contracts .home-progressbar svg{
    background: #DCEAEA;
    border-radius: 50%;
}
#payments .payments-contracts .home-falafelcell img{
    width: 20px;
    height: 20px;
}
#payments .payments-contracts .home-cellleft img{
    width: 45px;
    height: 45px;
}
#payments .payments-new-contracts .row{
    margin: 0
}
#payments .payments-in .placepath-relative select.form-control{
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    border:none;
    border-bottom: 1px solid #EEEEEE;
    border-radius: 0;
}
#payments .payments-in .pickerClass{
    box-shadow:none;
    outline:none;
    padding: 4px 0;
    font-size: 14px;
    color:#177172;
}
#payments .payments-in .form-control:focus {
    border-color: #177172;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color:#177172;
}
#payments .payments-in .inputField, #payments .payments-input {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    outline: none !important;
    border: none;
    border-bottom: 1px solid #EEEEEE;
    color: #3A3A3A;
    font-size: 14px;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    padding: 8px 0;
    height: auto!important;
}
#payments .payments-in .einzahlung-checkbox{
    width:19px;
    height:19px;
}
#payments .payments-in .einzahlen-btn{
    width:100px;
    height:30px;
    color:#fff;
    background:#8AB7B7;
    border:2px solid #8AB7B7;
    border-radius: 4px;
}
#payments .payments-out .placepath-relative select.form-control{
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    border:none;
    border-bottom: 1px solid #EEEEEE;
    border-radius: 0;
}
#payments .payments-out .pickerClass{
    box-shadow:none;
    outline:none;
    padding: 4px 0;
    font-size: 14px;
    color:#177172;
}
#payments .payments-out .form-control:focus {
    border-color: #177172;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color:#177172;
}
#payments .payments-out .inputField, .payments-input {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    outline: none !important;
    border: none;
    border-bottom: 1px solid #EEEEEE;
    color: #3A3A3A;
    font-size: 14px;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    padding: 8px 0;
    height: auto!important;
}
#payments .payments-out .einzahlung-checkbox{
    width:19px;
    height:19px;
}
#payments .payments-out .einzahlen-btn{
    width:100px;
    height:30px;
    color:#fff;
    background:#8AB7B7;
    border:2px solid #8AB7B7;
    border-radius: 4px;
}
#payments .payments-contracts .table-rhythmus{
    color:#808080;
    font-size:10px;
}
#payments .payments-contracts .keine-aktiven{
   font-size:12px;
   color:#686868;
   font-style: italic;
}
#payments .payments-contracts .new-contracts{
    font-size:16px;
    color:#3A3A3A;
    text-align:center;
    padding-top:30px;
    padding-bottom: 30px;
 }
 #payments .payments-contracts .new-contracts span{
    cursor: pointer;
 }
 #payments .payments-contracts .placepath-relative select.form-control {
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    border-bottom: 1px solid #EEEEEE;
    border-radius: 0;
}
#payments .payments-contracts .pickerClass {
    box-shadow: none;
    outline: none;
    padding: 4px 0;
    font-size: 14px;
    color: #177172;
}
#payments .payments-contracts .abbrechenBtn{
    border: none;
    color:#177172;
    height:30px;
}
#payments .payments-contracts .speichernBtn{
    border: none;
    background-color: #8AB7B7;
    color: white;
    height:30px;
}
#payments .payments-umsatze .value-isin{
    font-size:14px;
    color:#3A3A3A;
    padding-left:10px;
}
#payments .payments-in, #payments .payments-out{
    width: 350px;
    margin: auto;
}
#payments .payments-contracts{
    min-width: 350px;
    margin: auto;
}
#payments .payments-contracts #newContracts {
    display:none;
}
#payments .payments-out #paymentOutSlide {
    display:none;
}
#payments .payments-in .row, #payments .payments-out .row{
    padding-bottom: 25px;
}
#payments .payments-in .row:last-child, #payments .payments-out .row:last-child{
    padding-bottom: 0;
}
#payments .payments-contracts .home-totalval{
    font-size: 14px;
    vertical-align: middle;
    background: #8AB7B7;
    border-radius: 4px;
    padding: 1px 3px;
    color: #fff;
}
#payments .payments-contracts .progressbar-text {
    font-size: 12px!important;
}
#payments .payments-contracts .circle-table.auto {
    width: auto;
    display: table;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 58px;
    margin: auto;
}
#payments .payments-contracts .circle-row {
    width: 100%;
    display: table-row;
}
#payments .payments-contracts .circle-cell {
    display: table-cell;
    vertical-align: middle;
}
#payments .payments-contracts .rotate-plus {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    position: relative;
    left: 8px;
    top: -1px;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    backface-visibility: hidden;
    padding: 0!important;
}
#payments .payments-contracts .rotate-plus.active {
    -webkit-transform: rotate(46deg);
    -ms-transform: rotate(46deg);
    transform: rotate(46deg);
}
#payments .payments-contracts .details-more{
    opacity: 1;
    cursor: pointer;
}
#payments .payments-contracts .details-more:hover{
    opacity: .7;
}
#payments .font-small{
    font-size: 10px;
}
#payments .payments-contracts .payment-none{
    display: none;
    margin-top: 25px;
    font-size: 14px;
}
#payments .payments-contracts .payment-none > div{
    display: none;
}
#payments .payments-contracts .btm-space{
    padding-bottom: 10px;
}
#payments .payments-contracts .payments-new-contracts{
    width: 350px;
    margin: auto;
}
#payments .payments-new-contracts .row{
    padding-bottom: 25px;
}
#payments .payments-umsatze .report-table {
    width: 100%;
    display: table;
}
#payments .payments-umsatze .report-row {
    width: 100%;
    display: table-row;
}
#payments .payments-umsatze .report-cell {
    display: table-cell;
    vertical-align: top;
    padding: 5px 5px 5px 0;
}
#payments .payments-umsatze .report-buy {
    background-color: transparent;
    color: #7CC47C;
    text-align: center;
    border-radius: 4px;
    font-size: 10px;
    padding: 3px;
    border: 1px solid #7CC47C;
    width: 70px;
}
#payments .payments-umsatze .report-sell {
    background-color: transparent;
    color: #FEB740;
    text-align: center;
    border-radius: 4px;
    font-size: 10px;
    padding: 3px;
    border: 1px solid #FEB740;
    width: 70px;
}
#payments .payments-umsatze .report-btn {
    border: 1px solid #808080;
    border-radius: 4px;
    display: inline-block;
    padding: 0 10px;
    cursor: pointer;
}
#payments .payments-umsatze .report-cell .report-sell.showed, #payments .payments-umsatze .report-cell .report-buy.showed, #payments .payments-umsatze .report-cell .report-date.showed, #payments .payments-umsatze .report-cell .report-goal.showed, #payments .payments-umsatze .report-cell .report-wert.showed{
    display: none;
}
#payments .payments-umsatze .umsatze-table {
    display:table;
    width:100%;
    padding: 10px 0;
}
#payments .payments-umsatze .umsatze-row {
    display:table-row;
    width:100%;
}
#payments .payments-umsatze .umsatze-cell {
    display:table-cell;
    width:50%;
}
#payments .payments-umsatze .umsatze-none {
    display:none;
}
#payments .payments-umsatze .rotate-plus img{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    position: relative;
    left: 8px;
    top: -1px;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    backface-visibility: hidden;
    padding: 0!important;
    cursor:pointer;
}
#payments .payments-umsatze .rotate-plus.active img {
    -webkit-transform: rotate(46deg);
    -ms-transform: rotate(46deg);
    transform: rotate(46deg); 
}
#payments .payments-in .payments-in-span, #payments .payments-out .payments-out-span, #payments .payments-new-contracts .new-contracts-span {
    vertical-align: middle;
    padding-left: 6px;
    padding-bottom: 3px;
}
#payments .payments-in .payments-in-input, #payments .payments-out .payments-out-input, #payments .payments-new-contracts .new-contracts-input {
    vertical-align: middle;
}
#payments .payments-new-contracts .new-contracts-class {
    line-height: 10px;
    padding-top: 10px;
}
#payments .payments-in .payments-in-outline, #payments .payments-new-contracts .new-contracts-outline {
    padding-left:4px;
    vertical-align: top;
}
#payments .payments-new-contracts .new-contracts-buttons {
    margin-top: 25px;
}
#payments .payments-in .einzahlen-btn, #payments .payments-out .einzahlen-btn {
    width: 100px;
    height: 30px;
    color: #fff;
    background: #177172;
    border: 2px solid #177172;
    border-radius: 4px;
}
#payments .payments-in .einzahlen-btn:hover {
    color: white;
    background-color: #209FA0;
    border: 2px solid #209FA0;
}
#payments .payments-out .einzahlen-btn:hover {
    color: white;
    background-color: #209FA0;
    border: 2px solid #209FA0;
}
#payments .bootstrap-select .dropdown-menu li a span.text, #myMinveo .bootstrap-select .dropdown-menu li a span.text, #messages .bootstrap-select .dropdown-menu li a span.text, .modals-background .bootstrap-select .dropdown-menu li a span.text  {
    display: block;
}
#payments .bootstrap-select .dropdown-menu li a span.text:hover, #myMinveo .bootstrap-select .dropdown-menu li a span.text:hover, #messages .bootstrap-select .dropdown-menu li a span.text:hover, .modals-background .bootstrap-select .dropdown-menu li a span.text:hover {
    color:#fff !important;
}
#payments .bootstrap-select .dropdown-menu li a, #myMinveo .bootstrap-select .dropdown-menu li a, #messages .bootstrap-select .dropdown-menu li a, .modals-background .bootstrap-select .dropdown-menu li a  {
    padding: 3px 25px 3px 10px;
}
#payments .text-muted, #myMinveo .text-muted, .modals-background .text-muted  {
    color:#444444;
    float: right;
    font-size:14px;
}
#payments .bootstrap-select .dropdown-menu li small, .modals-background .bootstrap-select .dropdown-menu li small  {
    float: right;
    font-size: 14px;
    line-height: 20px;
}
#payments .dropdown-menu a:focus, #payments .dropdown-menu a:hover, #myMinveo .dropdown-menu a:focus, #myMinveo .dropdown-menu a:hover, #messages .dropdown-menu a:focus, #messages .dropdown-menu a:hover, .modals-background .dropdown-menu a:focus, .modals-background .dropdown-menu a:hover  {
    color: #fff !important;
    text-decoration: none;
    background-color: #8AB7B7;
    outline: 0;
}
#payments .dropdown-menu a:focus > span > small, #payments .dropdown-menu a:hover > span > small, .modals-background .dropdown-menu a:focus > span > small, .modals-background .dropdown-menu a:hover > span > small {
    color: #fff !important;
    text-decoration: none;
    background-color: #8AB7B7;
    outline: 0;
}
#payments .bootstrap-select .btn:focus, #myMinveo .bootstrap-select .btn:focus, #messages .bootstrap-select .btn:focus, .modals-background .bootstrap-select .btn:focus {
    outline: none !important;
    box-shadow: none;
}
#payments .caret, #myMinveo .caret, #messages .caret, .modals-background .caret {
    display:none;
}
#payments .bootstrap-select>.dropdown-toggle, #messages .bootstrap-select>.dropdown-toggle {
    border:none;
    border-bottom: 1px solid #EEEEEE;
    border-radius: 0 !important;
}
#payments .bootstrap-select>.dropdown-toggle, #payments .bootstrap-select>.dropdown-toggle:focus , #myMinveo .bootstrap-select>.dropdown-toggle, #myMinveo .bootstrap-select>.dropdown-toggle:focus, #messages .bootstrap-select>.dropdown-toggle, #messages .bootstrap-select>.dropdown-toggle:focus, .modals-background .bootstrap-select>.dropdown-toggle:focus {
    background-color:transparent;
    padding-left:0;
}
#payments .open>.dropdown-toggle.btn-default, #myMinveo .open>.dropdown-toggle.btn-default, #messages .open>.dropdown-toggle.btn-default, .modals-background  .open>.dropdown-toggle.btn-default  {
    background-color:#fff;
}
#payments .btn .dropdown-toggle .btn-default, #myMinveo .btn .dropdown-toggle .btn-default, #messages .btn .dropdown-toggle .btn-default, .modals-background .btn .dropdown-toggle .btn-default  {
    padding-right: 25px;
}
#payments .dropdown-menu>.active>a, #myMinveo .dropdown-menu>.active>a, #messages .dropdown-menu>.active>a, .modals-background .dropdown-menu>.active>a {
    background-color: #8AB7B7;
}

#payments .bootstrap-select .dropdown-menu li.active small, .modals-background .bootstrap-select .dropdown-menu li.active small {
    color:#fff !important;
}
#payments .report-btn{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid #808080;
    border-radius: 4px;
    display: inline-block;
    padding: 0 5px;
    cursor: pointer;
    margin-right: 10px;
}
#payments .report-btn:last-child{
    margin-right: 0px;
}
#payments .report-btn.active{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid #177172;
    color: #177172;
}
#payments .chart-btns{
    padding-top: 40px;
    padding-bottom: 20px;
    position: relative;
    display: inline-block;
}
#payments .gesamt-daterange{
    display: inline-block;
    cursor: pointer;
}
#payments .benchmark-btn{
    display: none;
}
#main .daterange-next{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border: none;
    background-color: #177172;
    color: white;
    outline: none;
    box-shadow: none;
    width: 100px;
}
#main .daterange-next:hover{
    color: white;
    background-color: #209FA0;
}
#payments .daterange-change{
    background-color: #fff;
    -webkit-box-shadow: 0px 3px 6px 1px rgba(178,178,178,1);
    -moz-box-shadow: 0px 3px 6px 1px rgba(178,178,178,1);
    box-shadow: 0px 3px 6px 1px rgba(178,178,178,1);
    padding: 15px;
    text-align: center;
    position: absolute;
    top: 75px;
    width: 100%;
    max-width: 243px;
    min-width: 234px;
    z-index: 1;
    opacity: 0;
    display: none;
}
#payments .daterange-beginbtn{
    margin: 0;
}
#payments .daterange-change .daterange-head{
    color: #808080;
    font-size: 12px;
    position: relative;
    padding-bottom: 20px;
}
#payments .daterange-close{
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
#payments .daterange-line{
    width: 100%;
    height: 1px;
    margin: 15px;
    background-color: #808080;
    margin: 15px auto;
}
#payments .daterange-next{
    margin: 20px auto 0 auto;
    font-size: 12px;
}
#payments .daterange-table{
    display: table;
    width: 80%;
    text-align: center;
    border-spacing: 10px 15px;
    margin: auto;
}
#payments .daterange-row{
    display: table-row;
    width: 100%;
}
#payments .daterange-cell{
    display: table-cell;
    vertical-align: middle;
    width: 20%;
    position: relative;
}
#payments .daterange-cell:first-child{
    width: 40%;
}
#payments .daterange-fmonth, #payments .daterange-fyear, #payments .daterange-tmonth, #payments .daterange-tyear{
    width: 65px;
}
.payment-content::-webkit-scrollbar {
    width: 4px;
}
.payment-content::-webkit-scrollbar-track {
    background: transparent; 
}
.payment-content::-webkit-scrollbar-thumb {
    background: #177172; 
    border-radius: 4px;
}
.payment-content::-webkit-scrollbar-thumb:hover {
    background: #177172!important; 
}
#payments .date-umsatze{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 0;
    display: none;
    background-color: #f9f9f9;
    padding: 5px 2px 5px 5px;
    overflow-y: auto;
    max-height: 155px;
    position: absolute;
    width: 100%;
    z-index: 2;
    top: 25px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(178,178,178,1);
    -moz-box-shadow: 0px 2px 5px 0px rgba(178,178,178,1);
    box-shadow: 0px 2px 5px 0px rgba(178,178,178,1);
}
#payments .date-umsatze div{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 1;
    padding-bottom: 5px;
    cursor: pointer;
}
#payments .date-umsatze div:hover{
    opacity: .6;
}
#payments .date-umsatze div:last-child{
    padding-bottom: 0;
}
#payments .date-umsatze::-webkit-scrollbar {
    width: 3px;
}
#payments .date-umsatze::-webkit-scrollbar-track {
    background: transparent; 
}
#payments .date-umsatze::-webkit-scrollbar-thumb {
    background: #808080; 
}
#payments .date-umsatze::-webkit-scrollbar-thumb:hover {
    background: #808080; 
}
#payments .payments-contracts .home-cellnfirst {
    display: table-cell;
    vertical-align: middle;
    width: 45px;
}
#payments .payments-contracts .home-cellnfirst svg {
    width: 45px;
    height: 45px;
}
#payments .payments-contracts .home-cellnsecond {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding-left: 10px;
    font-size: 18px;
    padding-right: 40px;
}
#payments .payments-contracts .home-cellnsecond > div{
    width: 120px;
}
#payments .payments-contracts .home-cellnthird {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    font-size: 10px;
}
#payments .payments-contracts .home-cellnthird > div{
    width: 180px;
}
#payments .payments-contracts .home-cellnthird svg{
    width: 35px;
    height: 35px;
    vertical-align: middle;
}
#payments .payments-contracts .home-cellnthird .home-totalval {
    font-size: 14px;
    vertical-align: middle;
    background: #8AB7B7;
    border-radius: 4px;
    padding: 1px 3px;
    color: #fff;
    margin-left: 10px;
    width: 130px;
    text-align: center;
}
#payments .payments-contracts .home-cellnthird .home-totalval.out {
    background: #feb740;
}
#payments .payments-contracts .home-cellnfourth {
    display: table-cell;
    vertical-align: middle;
    width: 20px;
    padding-left: 15px;
}
#payments .payments-contracts .home-cellnfourth img {
    width: 20px;
    height: 20px;
}
#payments .payments-contracts .home-ncell {
    display: table-cell;
    vertical-align: middle;
}
#payments .payments-contracts .more-inline{
    display: inline-block;
}
#payments .payments-contracts .adjusted-table{
    width: 100%;
    display: table;
}
#payments .payments-contracts .adjusted-row{
    width: 100%;
    display: table-row;
}
#payments .payments-contracts .adjusted-cell{
    display: table-cell;
    vertical-align: top;
}
#payments .payments-contracts .adjusted-width{
    width: 62%;
    margin: auto;
}
#payments .payments-contracts .adjusted-row .adjusted-cell:first-child{
    width: 215px;
}
#payments .payments-contracts .adjusted-row .adjusted-cell > div:first-child{
    padding-bottom: 10px;
}
#payments .payments-contracts .payment-outflip{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
#payments .mo-link{
    font-family: 'Lato-Semibold';
    cursor: pointer;
}
#payments .mo-link:hover{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    color: #177172;
    text-decoration: underline;
}
#payments .sepa-required div{
    padding: 3px 0;
}
#payments .payment-required, .transfer-view-content .payment-required, .transfer-view-content .depot-required, #payments .depot-required, #payments .konto-required, #payments .agree-required, #payments .period-required, #payments .date-required {
    position: absolute;
    font-size: 14px;
    bottom: -20px;
    color: #FEB740;
    display: none;
}
#payments .payment-required.active, .transfer-view-content .payment-required.active, .transfer-view-content .depot-required.active, #payments .depot-required.active, #payments .konto-required.active, #payments .agree-required.active, #payments .period-required.active, #payments .date-required.active{
    display: block;
}
#payments .payment-required.top{
    position: relative;
    bottom: 0;
    top: 0;
}
#payments .dropdown-toggle.active, #payments .payments-input.active, .transfer-view-content .payments-input.err-border{
    border-bottom: 1px solid #FEB740;
    outline: none;
    box-shadow: none;
}
/* PAYMENTS CONTENT END */

/* MESSAGES CONTENT */
#messages .moreMsg-cell{
    display: table-cell;
    width: 100%;
    text-align: center;
}
#messages .moreMsg-btn{
    background-color: #DCEAEA;
    box-shadow: none;
    border: none;
    max-width: 140px;
    width: 100%;
}
#messages .moreMsg-btn.inactive{
    opacity: .6;
}
#messages .details-width.tab-pane {
    padding-top: 45px;
}
#messages .messages-inbox .messages-table{
    display: table;
    width: 78%;
    margin: auto;
    position: relative;
    border-collapse: separate;
    border-spacing: 0 15px;
}
#messages .messages-inbox .messages-row{
    display: table-row;
    width: 100%;
}
#messages .messages-inbox .messages-cellleft{
    display: table-cell;
    vertical-align: top;
    width: 15px;
    padding-top: 2px;
    position: relative;
}
#messages .messages-inbox .messages-cellright{
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
    display: table-cell;
    vertical-align: top;
    padding-left: 25px;
    padding-top: 3px;
}
#messages .messages-inbox .messages-cellright.active .msg-open{
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
    color: #177172;
    font-weight: 400;
}
#messages .messages-inbox .messages-cellright.unread .msg-open{		
    -webkit-transition: color 0.3s ease;		
    -moz-transition: color 0.3s ease;		
    -o-transition: color 0.3s ease;		
    transition: color 0.3s ease;		
    color: #177172;		
    font-weight: 400;		
}		
#messages .messages-inbox .messages-cellleft.unread{		
    -webkit-transition: color 0.3s ease;		
    -moz-transition: color 0.3s ease;		
    -o-transition: color 0.3s ease;		
    transition: color 0.3s ease;		
    color: #177172;		
    font-weight: 400;		
}
#messages .messages-inbox .messages-subject{
    float: left;
    width: 70%;
}
#messages .messages-inbox .messages-date{
    float: right;
    width: 30%;
    text-align: right;
}
#messages .messages-inbox .msg-open{
    cursor: pointer;
}
#messages .messages-inbox .messages-none{
    display: none;
    clear: both;
    position: relative;
}
#messages .messages-inbox .messages-text{
    padding: 15px 0;
}
#messages .messages-inbox .messages-close{
    position: absolute;
    right: 0;
    top: 15px;
    cursor: pointer;
}
#messages .report-btn{		
    -webkit-transition: all .3s ease;		
    -moz-transition: all .3s ease;		
    -o-transition: all .3s ease;		
    transition: all .3s ease;		
    border: 1px solid #808080;		
    border-radius: 4px;		
    display: inline-block;		
    padding: 0 5px;		
    cursor: pointer;		
    margin-left: 10px;		
}		
#messages .report-btn:first-child{		
    margin-left: 0px;		
}		
#messages .report-btn.active{		
    -webkit-transition: all .3s ease;		
    -moz-transition: all .3s ease;		
    -o-transition: all .3s ease;		
    transition: all .3s ease;		
    border: 1px solid #177172;		
    color: #177172;		
}
#messages .messages-sending{
    width: 350px;
    margin: auto;
}
#messages .messages-settings svg.email-icon{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    width: 25px;
    height: 20px;
}
#messages .messages-settings svg.app-icon{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    width: 25px;
    height: 20px;
}
#messages .messages-settings .msgsettings-btn{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    display: inline-block;
    cursor: pointer;
    color: #808080;
}
#messages .messages-settings .msgsettings-btn.active{
    color: #177172;
}
#messages .messages-settings .msgsettings-btn:hover .cls-1{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    stroke: #177172;
    stroke-width: 3;
}
#messages .messages-settings .msgsettings-btn:hover{
    color: #177172;
}
#messages .messages-settings svg.active .cls-1{
    stroke: #177172;
    stroke-width: 3;
}
#messages.messages-sending {
    padding-top:30px;
}
#messages .messages-sending .message-class{
    color:#808080;
    font-size:14px;
    text-align:left;
}
#messages .messages-head-padding {
    padding-left: 25px;
}
#messages .messages-sending .placepath-relative select.form-control {
    background-position: 100% 50%;
    background-size: 16px 16px, 16px 16px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    border:none;
    border-bottom: 1px solid #EEEEEE;
    border-radius: 0;
}
#messages .messages-sending .pickerClass{
    box-shadow:none;
    outline:none;
    padding: 4px 0;
    font-size: 14px;
    color:#808080;
}
#messages .messages-sending .messages-row-class{
    padding-top:20px;
}
#messages .messages-sending textarea::placeholder {
    font-size:14px;
    color:#808080;
}
#messages .messages-sending .message-textarea {
   margin-top:10px;
   resize: none;
   outline: none;
   box-shadow: none;
}
#messages .messages-sending .message-textarea:focus {
    border-color: #ccc;
 }
#messages .messages-sending .checkbox-label {
    padding-left:10px;
    vertical-align:middle;
 }
 #messages .messages-settings{
   text-align:center;
}
#messages .messages-settings .einstellungen-text{
    font-size:14px;
    color:#177172;
    text-align: center;
 }
 #messages .messages-settings .ein-nachricht{
    font-size:14px;
    color:#3A3A3A;
    text-align: center;
    padding-top:25px;
    padding-bottom: 5px;
 }
 #messages .messages-settings .einstellung-table{
    display:table;
    text-align: center;
    width: 170px;
    margin: auto;
 }
 #messages .messages-settings .einstellung-row{
    display:table-row;
 }
 #messages .messages-settings .einstellung-cell{
    display:table-cell;
    width: 50%;
    font-size:10px;
    vertical-align: middle;
 }
 #messages .messages-settings .einstellungen-Footer{
    font-size:10px;
    color:#808080;
    text-align: center;
    padding-top:26px;
 }
 #messages .messages-head{
     display:inline-block;
     color:#808080;
     font-size:12px;
}
#messages .messages-settings .font-small{
    font-size: 10px;
}
#messages .myminveoInput { 
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    outline: none !important;
    border: none;
    border-bottom: 1px solid #EEEEEE;
    color: #3A3A3A;
    font-size: 14px;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}
#messages #msgTextareaCheck{
     display:none;
}
#messages #msgTextareaCheck .active{
    display:block;
}
/* MESSAGES CONTENT END */

/* ALL MODALS DESIGN */
.modals-background{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    z-index: 15;
    opacity: 0;
    display: none;
    overflow-y: overlay;
    overflow-x: hidden;
    outline: 0;
    overscroll-behavior-y: contain;
}
.modals-background .close-split{
    -webkit-transition: all .35s 0s;
    -moz-transition: all .35s 0s;
    -o-transition: all .35s 0s;
    transition: all .35s 0s;
    max-width: 480px;
    min-width: 480px;
    text-align: center;
    position: relative;
    margin: auto;
}
.modals-background .x-close {
    right: -110px;
}
.modals-background .x-close {
    position: absolute;
    float: right;
    top: 70px;
    right: 0px;
    cursor: pointer;
    z-index: 99;
    margin-right: -110px;
}
.modals-background .x-close img {
    width: 20px;
    height: 20px;
}
.modals-grey{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background-color: rgba(211,211,211,.9);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 16;
}
.modals-all{
    -webkit-transition: all .35s 0s;
    -moz-transition: all .35s 0s;
    -o-transition: all .35s 0s;
    transition: all .35s 0s;
    max-width: 480px;
    min-width: 480px;
    padding: 70px 0;
    text-align: center;
    margin: auto;
    border-radius: 4px;
    background-color: #fff;
    position: relative;
    z-index: 17;
}
.modals-all.active{
    transform: scale(1);
}
.modals-all .close-Btn{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border: none;
    background-color: transparent;
    color: #177172;
    /* height:30px; */
    outline: none;
    box-shadow: none;
    width: 100px;
}
.modals-all .close-Btn:active, .modals-all .close-Btn:focus, .modals-all .close-Btn:hover{
    color: #177172;
    background-color: transparent;
    border-color: transparent;
    outline: none;
    box-shadow: none;
}
.modals-all .next-Btn{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border: none;
    background-color: #177172;
    color: white;
    /* height:30px; */
    outline: none;
    box-shadow: none;
    width: 100px;
}
.modals-all .next-Btn:hover{
    color: white;
    background-color: #209FA0;
}
.modal-header-name{
    font-family: 'Lato-Semibold';
    font-size:18px;
    color:#3a3a3a;
    text-align: left;
}
.both-btn .modal-header-name{
    text-align: center;
}
.modal-img{
    text-align:center;
}
.modal-text-content{
    text-align:left;
}
.transactions-pending .modal-text-content{
    text-align: left;
}
/* .transactions-pending .modal-text-content div::before{
    content: '';
    width: 4px;
    height: 4px;
    -moz-border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
    border-radius: 9.5px;
    background-color: #3a3a3a;
    position: absolute;
    left: 0;
    top: 8px;
} */
.modal-small-font{
    color: #3A3A3A;
    font-size:10px;
    text-align:left;
    padding: 6px 0;
}
.modal-text{
    color:#3A3A3A;
    font-size:14px;
    text-align:left;
}
.modal-contracts-price{
    padding-left:10px;
}
.modal-payments-input{
    transition: all 0.3s ease;
    outline: none !important;
    border: none;
    border-bottom: 1px solid #EEEEEE;
    color: #3A3A3A;
    font-size: 14px;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    padding: 8px 0;
    height: auto!important;
}
.modal-picker-class{
    box-shadow: none;
    outline: none;
    padding: 4px 0;
    font-size: 14px;
    color: #177172;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    border-bottom: 1px solid #EEEEEE;
    border-radius: 0;
}
.modal-select-image{
    position: absolute;
    right: 18px;
    top: 45%;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.modal-contracts-input{
    vertical-align: middle;
}
.modal-contracts-span{
    vertical-align: middle;
    padding-left: 6px;
}
.modal-green-font{
    color: #177172;
}
.modal-grey-font{
    color:#808080;
    font-size:14px;
    text-align:left;
}
.modal-padding-weltreise{
    padding-top:24px;
}
.modal-input-padding{
    padding-left:22px;
}
.modal-text-padding{
    padding: 10px 60px 0 60px;
}
.modal-padding-weltreise {
    padding-top: 8px;
}
.modal-padding{
    padding-top: 32px;
}
.modals-background .bootstrap-select .dropdown-toggle .caret{
    display:none;
}
.modals-background .select-image-payment{
    position: absolute;
    right:18px;
    top:55%;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    pointer-events: none;
}
 .modals-background .secure-control {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	box-sizing: border-box;
	color: #177172;
	background-color: #f1f1f1;
	border-color: #fbfbfb;
	box-shadow: none;
	display: inline-block;
	max-width: 200px;
	margin: auto;
	width: 100%;
	outline: none;
	border: none;
	border-radius: 4px;	
}
.smallsecureText{
	font-size: 10px;
    color: #808080;
}
.mline{
	padding: 5px 0px;
	
}
.modals-background.secure-code-active .next-Btn{
	margin: 0px 3px;
	
	width: 116px
}
.modals-background.secure-code-active .modal-text-content{
	margin-top: 24px;
}
.modals-background.secure-code-active input.secure-control{
	margin-top: 24px;
	text-align: center;
}
.OTPPhone{
	color:#177172;
	font-size: 16px;
}
.modals-background .secure-control:focus {
	background-color: #DCEAEA;
	border: none!important;
}
.events-auto .btn-default:hover{
    background-color:transparent;
    outline: none !important;
    box-shadow: none;
}
.modals-background{
    font-size: 14px;
}
.modals-background .p-m-top{
    padding-top: 32px;
    padding-bottom: 0;
}
.modals-background .list-type div{
    display: list-item;
    list-style-type: disc;
    margin-top: 16px;
}
.modals-background .bootstrap-select:not(.input-group-btn), .bootstrap-select[class*=col-]{
    outline: none !important;
    box-shadow: none;
}
.modals-background .bootstrap-select>.dropdown-toggle {
    border: none;
    border-bottom: 1px solid #EEEEEE;
    border-radius: 0 !important;
    padding: 8px 0px;
}
.modals-background .form-control:focus {
    border: none;
    border-bottom: 1px solid #EEEEEE;
}
.modals-background .filter-option-inner {
    padding: 3px 25px 0px 3px;
}
.modal-text-padding {
    padding: 0px 60px 0 60px;
}
.modals-background .form-control:focus{
    outline: none !important;
    box-shadow: none;
}
.modal-small-font{
    text-align:center;
}
.modal-table{
    width: auto;
    margin: auto;
    display: table;
    border-collapse: separate;
    border-spacing: 22px 0;
    text-align: center;
    padding-top: 10px;
}
.modal-row{
    width: 100%;
    display: table-row;
}
.modal-cell{
    width: 25%;
    display: table-cell;
}
.modal-circle-headsmall{
    font-size:10px;
    color:#808080;
}
.modal-green-font{
    color: #177172;
}
.modal-circle-default{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #B4E2A5;
    margin: auto;
    margin-bottom: 5px;
    display: inline-block;
    vertical-align: middle;
}
.modal-wrapper{
    text-align: center;
    padding-top: 10px;
}
.modal-percent-number{
    display: inline-block; 
    vertical-align: top;
}
.modal-small-payment{
    color: #D3D3D3;
    font-size: 10px;
    text-align: left;
}
.modal-centered{
    padding: 5px 80px 5px 80px;
}
.modal-small-center{
    color:#808080;
    font-size:10px;
    text-align:center;
}
.modal-cursor{
    cursor:pointer;
}
.info-btn{
    text-align: center;
    color: #478C8D;
    font-style: italic;
    font-size: 14px;
    float: right;
    background-color: #DCEAEA;
    border: none;
    width: 47px;
    border-radius: 4px;
    cursor:pointer;
}
.info-btn-c{
    border: none;
    float: right;
    width: 20px;
    height: 20px;
    margin-top: 2px;
    cursor: pointer;
}
.info-btn-c svg{
    width: 20px;
    height: 20px;
}
.m-svg svg{
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
}
.modals-background .dauer-tablem{
    display: table;
    width: 100%;
}
.modals-background .dauer-tablem-row{
    display: table-row;
    width: 100%;
}
.modals-background .dauer-tablem-cell{
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    text-align: left;
}
.modals-background .dauer-tablem-cell span{
    display: inline-block;
}
.modals-background .placepath-relative{
    position: relative;
}
.modals-background .relative-path, .modals-background .path-relative{
    position: relative;
}
.modals-background .rotate-arrow img{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    pointer-events: none;
    position: absolute;
    top: 6px;
    right: 0;
    bottom: 0;
    margin: auto;
    backface-visibility: hidden;
    padding: 0!important;
}
.transfer-view-content .betrag-div{
    background-color: #EFEFEF;
    border: 1px solid #EFEFEF;
    
    border-radius: 4px;
    min-height: 32px;
    cursor: pointer;
    padding:  8px 10px 8px 10px;
    text-align: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.transfer-view-content .betrag-div.active{
    background-color: #EEF5F5;
    border: 1px solid #177172;    
    min-height: 32px;
}
.transfer-view-content .transfer-btn{
    background-color: #B4E2A5;
    border: none;
    border-radius: 4px;
    min-height: 32px;
    width:100%;
    color:#177172;
}
.transfer-view-content .teil-betrag{
    background-color: #EFEFEF;
    border-radius: 4px;
    padding: 8px 35px 8px 15px;
    position: relative;
    cursor: pointer;
    width: 100%;
    border: 1px solid transparent;
}

.transfer-view-content .events-auto{
    padding:30px 30px 30px 30px;
}
.transfer-view-content .padding-center{
    padding-top: 24px;
    text-align: center;
}
.modals-background .m-height-fix{
    min-height: 530px;
}
.modals-background .modal-content-centered{
    text-align: left;
}
/* ALL MODALS DESIGN END */

/* RESPONSIVE MYMINVEO PAGE */

@media screen and (min-width: 768px){
    .m-border-box{
        padding: 24px;
        border: 1px solid rgba(211,211,211,.3);
        border-radius: 4px;
    }
}
@media screen and (max-width: 767px){
    .modal-text-content.h-chart img{
        max-width: 100%!important;
        height: auto!important;
    }
    .modal-centered {
        padding: 5px 15px 5px 15px;
    }
    #main .modals-all.b-btn .back-Btn {
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        bottom: 0;
        z-index: 10;
        border: none;
        border-radius: 0;
        left: 0;
        bottom: 0;
        max-width: 250px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        width: 100%;
        border-radius: 4px;
        margin-top: 16px;
        position: relative;
    }
    #main .modals-all.b-btn .close-Btn {
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        bottom: 0;
        z-index: 10;
        border: none;
        border-radius: 0;
        left: 0;
        bottom: 0;
        max-width: 250px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        width: 100%;
        border-radius: 4px;
        margin-top: 16px;
        position: relative;
    }
    #main .modals-all.b-btn .next-Btn {
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        bottom: 0;
        z-index: 10;
        border: none;
        border-radius: 0;
        left: 0;
        bottom: 0;
        max-width: 250px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        width: 100%;
        border-radius: 4px;
        margin-top: 16px;
        position: relative;
    }
    /* .modals-all .modal-btn {
        width: 100%;
        padding: 20px 0;
        background-color: #ffffff;
    } */
    .modals-background .m-height-fix{
        min-height: auto;
    }
    .modals-background .arrowSvg {
        position: relative;
        right: 0;
        top: 0;
        margin: auto;
        transform: translate(0%, 0%);
    }
    .modals-background .arrowSvgBack{
        position: relative;
        left: 0;
        top: 0;
        margin: auto;
        transform: translate(0%, 0%);
    }
    .modals-all {
        -webkit-transition: all .4s .2s;
        -moz-transition: all .4s .2s;
        -o-transition: all .4s .2s;
        transition: all .4s .2s;
        text-align: center;
        transform: translate(0%, 0%) scale(.5);
        margin: auto;
        background-color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 17;
        max-width: 100%;
        min-width: 100%;
        border-radius: 0;
        overflow-y: auto;
    }
    .modals-all.active {
        transform: translate(0%, 0%) scale(1);
    }
    .modals-background .x-close {
        right: 0;
    }
    .modals-background .x-close {
        left: 0;
        right: 0;
        bottom: 0;
        position: fixed;
        top: auto;
        margin: auto;
        background: rgba(255,255,255,.93);
        padding: 16px 16px 32px 16px;
        text-align: center;
    }
    .login_middle.flex-s{
        align-items: flex-start;
        margin-top: 90px;
    }
    #payments .payments-umsatze .report-m-table {
        width: 100%;
        display: table;
    }
    #payments .payments-umsatze .report-m-row {
        width: 100%;
        display: table-row;
    }
    #payments .payments-umsatze .report-m-cell {
        display: table-cell;
        vertical-align: top;
        padding: 5px 5px 5px 0;
    }
    #details .details-gesamt .report-cell{
        vertical-align: top;
        font-size: 12px;
    }
    #details .details-gesamt .report-cell:nth-last-child(2), #details .details-gesamt .report-cell:nth-last-child(3) {
        line-height: 20px;
    }
    #main .tooltip-menu .tooltip-cell.tooltip-del-p{
        padding-top: 60px;
    }
    header .nav-n-left a {
        height: 60px;
        font-size: 18px;
        line-height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    header .nav-n-left a>img {
        height: 30px;
        width: auto;
        padding: 0;
    }
    #transactionsInfo svg{
        display: none;
    }
    #main #transactionsInfo .info-box svg{
        display: inline-block;
    }
    #transactionsInfo .loading-i{
        font-size: 14px;
        line-height: 14px;
    }
    #transactionsInfo .loading-i svg{
        display: inline-block;
    }
    #payments #PaymentsInPeriod > div:last-child{
        padding-top: 24px;
    }
    #myMinveo .off-left{
        padding-left: 0;
        padding-right: 0;
    }
    #payments .next-Btn{
        padding: 0px 12px;
        height: 60px;
    }
    #Nav-Bar{
        padding-top: env(safe-area-inset-top);
    }
    #footer.fixed{
        position: fixed;
        z-index: 9;
    }
    #home .progressbar-text{
        font-size: 12px!important;
    }
    #home .home-cellleft {
        width: 35px;
    }
    #home .home-progressbar {
        width: 35px;
        height: 35px;
        position: relative;
    }
    #home .home-cellleft img{
        width: 35px;
        height: 35px;
    }
    #home .home-cellmiddle {
        font-size: 18px;
        font-family: 'Lato';
    }
    #home .home-cellright {
        font-size: 18px;
        font-family: 'Lato';
    }
    #home.centered-content {
        width: 100%;
    }
    #home .home-table{
        min-width: 100%;
    }
    #home .home-falafelcell img{
        width: 20px;
        height: 15px;
    }
    .head-content .head-link{
        position: relative;
        padding-bottom: 40px;
        left: 0;
        top: 0;
    }
    .head-content .arrow-rotate.float-cell img{
        width: 30px;
        height: 30px;
        float: left;
    }
    .head-content .float-cellr img{
        width: 11px;
        height: 30px;
        float: right;
    }
    .head-content .circle-cellmiddle.arrow-rotate.divided-one img{
        margin: auto;
    }
    .head-content .divided-one{
        width: 18%;
        font-size: 20px;
    }
    .head-content .divided-two{
        width: 40%;
    }
    .head-content .divided-two.edge-auto {
        width: 40%;
    }
    .head-content .divided-one.edge-auto {
        width: 18%;
    }
    .head-content .icon-valuebig{
        font-size: 20px;
    }
    .head-content .none{
        display: table-cell;
    }
    .head-content .space-left{
        padding-left: 0;
    }
    #headerBo {
        display: none;
    }
    #Nav-Bar {
        display: block;
    }
    .main-content .desktop{
        display: none;
    }
    .main-content .nav-tabs.responsive{
        display: block;
        width: 100%;
        height: 60px;
    }
    .main-content .tab-detailone {
        width: 100%;
        position: relative;
        height: 60px;
        background: #f9f9f9;
    }
    .tab-centerbackground{
        width: 152px;
        height: 29px;
        padding: 0;
        position: absolute;
        background-color: #8AB7B7;
        border-radius: 4px;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    .link-detail{
        position: absolute;
        top: 0;
        bottom: 0;
        font-size: 16px;
        color: #fff;
        opacity: 1;
    }
    .link-detail:active, .link-detail:focus, .link-detail:hover {
        text-decoration: none;
        outline: none;
        opacity: .8;
        color: #fff;
    }
    .link-detailone{
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        line-height: 29px;
    }
    .link-detailtwo{
        top: 50%;
        left: 90%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        line-height: 29px;
    }
    .link-detailthree{
        top: 50%;
        left: 200%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        line-height: 29px;
    }
    .link-detailfour{
        top: 50%;
        left: 200%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        line-height: 29px;
    }
    .link-detailfive{
        top: 50%;
        left: 200%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        line-height: 29px;
    }
    .head-content .head-link {
        display: none;
    }
    .link-detailone.nonactive{
        background: -moz-linear-gradient(to left, #A9A9A9 0%, #ffffff 100%);
        background: -webkit-linear-gradient(to left, #A9A9A9 0%, #ffffff 100%);
        background: linear-gradient(to left, #A9A9A9 0%, #ffffff 100%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-transition: background .7s ease-in-out;
        -moz-transition: background .7s ease-in-out;
        -o-transition: background .7s ease-in-out;
        transition:background .7s ease-in-out;
    }
    .link-detailtwo.nonactivel{
        background: -moz-linear-gradient(to left, #A9A9A9 0%, #ffffff 100%);
        background: -webkit-linear-gradient(to left, #A9A9A9 0%, #ffffff 100%);
        background: linear-gradient(to left, #A9A9A9 0%, #ffffff 100%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-transition: background .7s ease-in-out;
        -moz-transition: background .7s ease-in-out;
        -o-transition: background .7s ease-in-out;
        transition:background .7s ease-in-out;
    }
    .link-detailtwo.nonactiver{
        background: -moz-linear-gradient(to right, #A9A9A9 0%, #ffffff 100%);
        background: -webkit-linear-gradient(to right, #A9A9A9 0%, #ffffff 100%);
        background: linear-gradient(to right, #A9A9A9 0%, #ffffff 100%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-transition: background .7s ease-in-out;
        -moz-transition: background .7s ease-in-out;
        -o-transition: background .7s ease-in-out;
        transition:background .7s ease-in-out;
    }
    .link-detailthree.nonactivel{
        background: -moz-linear-gradient(to left, #A9A9A9 0%, #ffffff 100%);
        background: -webkit-linear-gradient(to left, #A9A9A9 0%, #ffffff 100%);
        background: linear-gradient(to left, #A9A9A9 0%, #ffffff 100%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-transition: background .7s ease-in-out;
        -moz-transition: background .7s ease-in-out;
        -o-transition: background .7s ease-in-out;
        transition:background .7s ease-in-out;
    }
    .link-detailthree.nonactiver{
        background: -moz-linear-gradient(to right, #A9A9A9 0%, #ffffff 100%);
        background: -webkit-linear-gradient(to right, #A9A9A9 0%, #ffffff 100%);
        background: linear-gradient(to right, #A9A9A9 0%, #ffffff 100%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-transition: background .7s ease-in-out;
        -moz-transition: background .7s ease-in-out;
        -o-transition: background .7s ease-in-out;
        transition:background .7s ease-in-out;
    }
    .link-detailfour.nonactivel{
        background: -moz-linear-gradient(to left, #A9A9A9 0%, #ffffff 100%);
        background: -webkit-linear-gradient(to left, #A9A9A9 0%, #ffffff 100%);
        background: linear-gradient(to left, #A9A9A9 0%, #ffffff 100%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-transition: background .7s ease-in-out;
        -moz-transition: background .7s ease-in-out;
        -o-transition: background .7s ease-in-out;
        transition:background .7s ease-in-out;
    }
    .link-detailfour.nonactiver{
        background: -moz-linear-gradient(to right, #A9A9A9 0%, #ffffff 100%);
        background: -webkit-linear-gradient(to right, #A9A9A9 0%, #ffffff 100%);
        background: linear-gradient(to right, #A9A9A9 0%, #ffffff 100%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-transition: background .7s ease-in-out;
        -moz-transition: background .7s ease-in-out;
        -o-transition: background .7s ease-in-out;
        transition:background .7s ease-in-out;
    }
    .link-detailfive.nonactiver{
        background: -moz-linear-gradient(to right, #A9A9A9 0%, #ffffff 100%);
        background: -webkit-linear-gradient(to right, #A9A9A9 0%, #ffffff 100%);
        background: linear-gradient(to right, #A9A9A9 0%, #ffffff 100%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-transition: background .7s ease-in-out;
        -moz-transition: background .7s ease-in-out;
        -o-transition: background .7s ease-in-out;
        transition:background .7s ease-in-out;
    }
    #details .details-gesamt .report-cell:nth-last-child(3){
        display: none;
    }
    #details .details-gesamt .report-cell:nth-last-child(1){
        display: none;
    }
    #details .details-gesamt .report-cell .report-verkauf.showed, #details .details-gesamt .report-cell .report-kauf.showed{
        display: inline-block;
        width: 70px;
    }
    #details .details-gesamt .report-cell .report-land.showed, #details .details-gesamt .report-cell .report-date.showed{
        display: inline-block;
        font-size: 12px;
    }
    #details .details-weltkarte .map{
        position: relative;
        display: none;
        text-align: center; 
        width: 100%;
    }
    #details .details-weltkarte .map-responsive{
        display: block;
        text-align: center; 
    }
    #details .moreDetails.more-detailsslide3 .more-desktop{
        display: none;
    }
    #details .moreDetails.more-detailsslide3 .more-responsive{
        padding-left: 45px;
        display: block;
    }
    #details .moreDetails.more-detailsslide3 .circle-table.auto{
        margin-left: 0;
    }
    #details .nachhaltigkeit-table{
        min-width: 100%;
    }
    #details .nachhaltigkeit-table{
        min-width: 100%;
    }
    #details .details-sateliten .row-sateliten{
        width: 70%;
    }
    #details .details-sateliten .sateliten-slidetable {
        display: table;
        width: 100%;
        border-collapse: separate;
        border-spacing: 0 40px;
    }
    #details .details-sateliten .sateliten-slidecellleft {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        width: 35px;
    }
    #details .details-sateliten .sateliten-slidetable img {
        width: 35px;
        height: 35px;
        margin-right: 10px;
    }
    #details .details-sateliten .sateliten-slidecellright {
        display: table-cell;
        vertical-align: middle;
        width: auto;
        text-align: right;
        position: relative;
    }
    #details .details-sateliten .sateliten-slidetable input {
        display: inline-block;
        width: 20px;
        border: none;
        vertical-align: middle;
        outline: none;
        padding-right: 0;
    }
    #details .slider-sateliten {
        width: 100%;
        position: absolute;
        background: #CECECE;
        border: 0;
        box-shadow: none;
        cursor: pointer;
        height: 4px;
        display: block;
        margin-top: 16px;
        clear: both;
    }
    #details .details-sateliten .sateliten-namedesktop {
        display: none;
    }
    #details .details-sateliten .sateliten-nameresponsive {
        display: block;
        float: left;
        font-size: 16px;
    }
    #details .details-sateliten .sateliten-slidetotal {
        margin: 10px 0;
    }
    #details .details-sateliten .sateliten-none {
        padding: 30px 15px;
    }
    #details .details-deinprofil .brnone br{
        display: none;
    }
    #details .details-produkte .produkte-imgleft img {
        position: relative;
        right: 0px;
        bottom: 5px;
    }
    #details .details-produkte .produkte-slide td:last-child {
        padding-right: 0;
    }
    #messages .messages-settings .msgsettings-btn:hover .cls-1{
        stroke: #8A8A8A;
        stroke-width: 2;
    }
    #messages .messages-settings .msgsettings-btn:hover{
        color: #808080;
    }
    #messages .messages-settings .msgsettings-btn.active:hover .cls-1{
        stroke: #177172;
        stroke-width: 3;
    }
    #messages .messages-settings .msgsettings-btn.active {
        color: #177172;
    }
    #details .slider-back, #details .details-deinanlage .slider-width {
        width: 510px;
    }
    #details .slider-anlage {
        width: 462px;
    }
    #details .details-produkte .produkte-slide td.nowrap{
        white-space: unset;
    }
    #details .details-produkte .report-responsive .produkte-slide td.nowrap{
        white-space: nowrap;
    }
    #details .details-produkte .report-table.report-desktop {
        width: 100%;
        display: none;
    }
    #details .details-produkte .report-table.report-responsive {
        width: 100%;
        display: table;
    }
    #details .details-nachhaltigkeit br{
        display: none;
    }
    #details .nach-flex {
        display: -webkit-block;
        display: -moz-block;
        display: -ms-block;
        display: block;
        -webkit-flex-direction: unset;
        flex-direction: unset;
        overflow: hidden;
        position: relative;
    }
    #details .nach-flexleft{
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        left: -200%;
        position: absolute;
        -webkit-flex: unset;
        -ms-flex: unset;
        flex: unset;
        flex-basis: auto;
        width: 100%;
        padding: 0;
        display: block;
    }
    #details .nach-flexright{
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        right: -200%;
        position: absolute;
        -webkit-flex: unset;
        -ms-flex: unset;
        flex: unset;
        flex-basis: auto;
        width: 100%;
        padding: 0;
        display: block;
    }
    #details .nach-flexleft.active{
        left: 0;
    }
    #details .nach-flexleft.relative-path{
        position: relative;
    }
    #details .nach-flexright.active{
        right: 0;
        position: relative;
    }
    #details .details-nachhaltigkeit .strategy-background{
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        padding: 5px 7px;
        display: inline-block;
        background-color: transparent;
        border-radius: 4px;
        color: #177172;
    }
    #details .details-nachhaltigkeit .strategy-background.active{
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        background-color: #8AB7B7;
        color: #fff;
    }
    #myMinveo .myminveo-stammdaten .infoOutline, #myMinveo .myminveo-logindaten .infoOutline{
        right: 20px;
    }
    #myMinveo .myminveo-referenzkonto .referenz-table{
        width: 100%;
    }
    #myMinveo .myminveo-referenzkonto .referenz-cellLeft{
        display: none;
    }
    #payments .payments-new-contracts .bottom25{
        padding-bottom: 25px;
    }
    #payments .payments-umsatze .report-cell .report-sell.showed, #payments .payments-umsatze .report-cell .report-buy.showed, #payments .payments-umsatze .report-cell .report-date.showed{
        display: inline-block;
    }
    #payments .payments-umsatze .report-cell .report-wert.showed{
        display: block;
    }
    #payments .payments-umsatze .report-cell .report-goal.showed{
        display: block;
    }
    #payments .payments-umsatze .report-cell .report-m-table{
        font-size: 12px;
    }
    #payments .payments-umsatze .report-cell:nth-last-child(2), #payments .payments-umsatze .report-cell:nth-last-child(3), #payments .payments-umsatze .report-cell:nth-last-child(5),#payments .payments-umsatze .report-cell:nth-last-child(6)  {
        display: none;
    }
    #payments .payments-umsatze .report-row.grey-default .report-cell{
        display: none;
    }
    #payments .payments-umsatze .report-row .report-cell{
        vertical-align: top;
    }
    #payments .payments-contracts .home-cellmiddle {
        font-size: 16px;
    }
    #payments .payments-contracts .adjusted-width{
        width: 65%;
        margin: auto;
    }
    #payments .payments-contracts .adjusted-row .adjusted-cell:first-child {
        width: auto;
        padding-right: 35px;
    }
    #payments .payments-in .row:nth-last-child(3), #payments .payments-out .row:nth-last-child(3){
        padding-bottom: 25px;
    }
    #home + .new-anlageziel .new-content .paddingb{
        padding-bottom: 45px;
    }
    /* ALL BUTTONS FIXED BOTTOM */
    #payments .next-Btn{
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        position: relative;
        bottom: 0;
        z-index: 10;
        width: 100%;
        border: none;
        border-radius: 0;
        left: 0;
        bottom: 0;
        padding: 0px 12px;
        height: 40px;
        line-height: 40px;
    }
    #payments .payments-contracts .close-Btn{
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        position: fixed;
        bottom: 0;
        z-index: 10;
        width: 50%;
        border: none;
        border-radius: 0;
        left: 0;
        bottom: 0;
        padding: 0px 12px;
        background-color: #f9f9f9;
        height: 40px;
        line-height: 40px;
    }
    #payments .payments-contracts .next-Btn{
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        position: fixed;
        bottom: 0;
        z-index: 10;
        width: 50%;
        border: none;
        border-radius: 0;
        left: auto;
        right: 0;
        bottom: 0;
        padding: 0px 12px;
        height: 40px;
        line-height: 40px;
    }
    #home + .new-anlageziel .close-Btn{
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        position: fixed;
        bottom: 0;
        z-index: 10;
        width: 50%;
        border: none;
        border-radius: 0;
        left: 0;
        bottom: 0;
        padding: 0px 12px;
        background-color: #f9f9f9;
        height: 40px;
        line-height: 40px;
    }
    #home + .new-anlageziel .next-Btn{
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        position: relative;
        bottom: 0;
        z-index: 10;
        width: 50%;
        border: none;
        border-radius: 0;
        left: auto;
        right: 0;
        bottom: 0;
        padding: 0px 12px;
        height: 40px;
        line-height: 40px;
    }
    #myMinveo .close-Btn{
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        position: relative;
        bottom: 0;
        z-index: 10;
        width: 100%;
        border: none;
        border-radius: 0;
        left: 0;
        bottom: 0;
        padding: 0px 12px;
        background-color: #f9f9f9;
        height: 40px;
        line-height: 40px;
        max-width: 240px;
        margin-bottom: 16px;
    }
    #myMinveo .next-Btn{
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        position: relative;
        bottom: 0;
        z-index: 10;
        width: 100%;
        border: none;
        border-radius: 0;
        left: auto;
        right: 0;
        bottom: 0;
        padding: 0px 12px;
        height: 40px;
        line-height: 40px;
        max-width: 240px;
    }
    #messages .next-Btn{
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        position: relative;
        bottom: 0;
        z-index: 10;
        width: 100%;
        border: none;
        border-radius: 0;
        left: 0;
        bottom: 0;
        padding: 0px 12px;
        height: 40px;
        line-height: 40px;
    }
    #details .close-Btn{
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        position: relative;
        bottom: 0;
        z-index: 10;
        width: 50%;
        border: none;
        border-radius: 0;
        left: 0;
        bottom: 0;
        padding: 0px 12px;
        background-color: #f9f9f9;
        height: 40px;
        line-height: 40px;
    }
    #details .next-Btn{
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        position: relative;
        bottom: 0;
        z-index: 10;
        width: 50%;
        border: none;
        border-radius: 0;
        left: auto;
        right: 0;
        bottom: 0;
        padding: 0px 12px;
        height: 40px;
        line-height: 40px;
    }
    .modals-all .validate-Btn{
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        position: relative;
        bottom: 0;
        z-index: 17;
        width: 100%!important;
        border: none;
        border-radius: 0;
        left: 0;
        bottom: 0;
        padding: 0px 12px;
        height: 60px;
        background-color: #177172;
        color: #fff;
        line-height: 60px;
        border: none;
        border-radius: 0;
        left: auto;
        right: 0;
        bottom: 0;
        padding: 0px 12px;
        height: 40px;
        line-height: 40px;
        display: block;
        max-width: 240px!important;
        margin: 16px auto 0 auto;
        
    }
    .modals-all .next-Btn{
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        position: relative;
        bottom: 0;
        z-index: 17;
        width: 100%!important;
        border: none;
        border-radius: 0;
        left: 0;
        bottom: 0;
        padding: 0px 12px;
        height: 60px;
        background-color: #177172;
        color: #fff;
        line-height: 60px;
    }
    .modals-all.both-btn .close-Btn{
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        position: relative;
        bottom: 0;
        z-index: 10;
        width: 100%;
        border: none;
        border-radius: 0;
        left: 0;
        bottom: 0;
        padding: 0px 12px;
        background-color: #f9f9f9;
        height: 40px;
        line-height: 40px;
        max-width: 240px!important;
        display: block;
        margin: auto;
    }
    .modals-all.both-btn .next-Btn{
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        position: relative;
        bottom: 0;
        z-index: 10;
        width: 100%!important;
        border: none;
        border-radius: 0;
        left: auto;
        right: 0;
        bottom: 0;
        padding: 0px 12px;
        height: 40px;
        line-height: 40px;
        max-width: 240px!important;
        display: block;
        margin: 16px auto 0 auto;
    }
	.modals-all.both-btn .next-BtnL{
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        position: relative;       
        z-index: 10;
        width: 100%!important;
        border: none;
        border-radius: 0;
        left: 0;
        right: auto;
        bottom: 70px;
        padding: 0px 12px;
        height: 60px;
    	background-color: #177172;
        line-height: 60px;
        max-width: 240px!important;
        display: block;
        margin: auto;
    }
    .close-Btn.active, .next-Btn.active{
        bottom: 0px!important;
    }
    /* ALL BUTTONS FIXED BOTTOM END */
    .modals-all{
        -webkit-transition: all .4s .2s;
        -moz-transition: all .4s .2s;
        -o-transition: all .4s .2s;
        transition: all .4s .2s;
        text-align: center;
        transform: translate(0%, 0%) scale(.5);
        margin: auto;
        background-color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 17;
        max-width: 100%;
        min-width: 100%;
        border-radius: 0;
        overflow-y: auto;
    }
    .modals-all.active{
        transform: translate(0%, 0%) scale(1);
    }
    .modals-all .events-auto{
        position: relative;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        overflow-y: auto;
        padding: 0px 30px 25px 30px;    
    }
    .home-verrechnungsposition .modals-all .events-auto{
        padding: 25px 25px 25px 25px;    
    }
    #main .tooltip-content{
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        position: relative;
        cursor: pointer;
    }
    #main .tooltip-menu{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #fff;
        line-height: unset;
        border-radius: 0;
        width: 100%;
        height: 100%;
        margin: auto;
        text-align: center;
        display: none;
        border-collapse: separate;
        border-spacing: 0;
        padding: 110px 0 15px 0;
        z-index: 15;
        cursor: auto;
        -webkit-box-shadow: 2px 2px 5px 0px rgba(178,178,178,1);
        -moz-box-shadow: 2px 2px 5px 0px rgba(178,178,178,1);
        box-shadow: 2px 2px 5px 0px rgba(178,178,178,1);
    }
    #main .tooltip-menu::before{
        content: "";
        box-sizing: border-box;
        border-bottom: none;
        box-shadow: none;
        position: unset;
        height: 0;
        width: 0;
        border: 0 solid transparent;
        border-color: transparent transparent transparent transparent;
        transform: rotate(0);
        left: 0;
        right: 0;
        margin: auto;
        top: 0;
        cursor: auto;
    }
    #main .tooltip-menu .tooltip-row{
        display: block;
        font-size: 22px;
        margin-bottom: 30px;
        color: #6a6a6a;
        font-family: 'Lato';
        cursor: auto;
    }
    #main .tooltip-menu .tooltip-row:nth-child(3) {
        margin-top: 0;
    }
    #main .tooltip-menu .tooltip-cell{
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        display: inline-block;
        padding: 0 15px 0 15px;
        cursor: pointer;
        font-family: 'Lato';
        font-size: 18px;
        color: #3a3a3a;
    }
    #main .tooltip-menu .tooltip-cell:hover{
        color: #177172;
        background-color: transparent;
    }
    #main .tooltip-menu .x-close{
        cursor: pointer;
        z-index: 99;
        left: 0;
        right: 0;
        bottom: 0;
        position: fixed;
        top: auto;
        margin: auto;
        background: rgba(255,255,255,.93);
        padding: 16px;
        text-align: center;
        display: block;
    }
    #main .tooltip-menu .head-tooltip{
        position: absolute;
        left: 0;
        right: 0;
        top: 60px;
        display: block;
        margin: auto;
        font-size: 18px;
        color: #177172;
        font-family: 'Lato';
    }
    #home + .new-anlageziel .homechart-table {
        display: table;
        width: 280px;
        border-spacing: 0 20px;
        margin: auto;
    }
    #home + .new-anlageziel .homechart-cell.small-font {
        width: 60px;
    }
    #home + .new-anlageziel .homechart-cell:last-child{
        width: 220px;
    }
    #home + .new-anlageziel .chartanlage-left {
        width: 100%;
        margin: auto;
    }
    #payments .pay-box{
        margin-top: 50px;
    }
}
@media screen and (max-width: 560px){
    #details .risik-width {
        width: 100%;
    } 
    #details .circle-auto {
        width: 100%;
        margin: auto;
    }
    #details .divided-one img{
        margin: auto;
        width: 60px;
        height: 60px;
    }
    #details .details-status .divided-one svg, #details .details-kosten .divided-one svg{
        margin: auto;
        width: 60px;
        height: 60px;
    }
    #details .icon-valuebig {
        font-size: 16px;
    }
    #details .circle-cellleft {
        padding-right: 5px;
    }
    #details .circle-cellright {
        padding-left: 5px;
    }
    #details .details-details .details-table.desktop-details{
        display: none;
    }
    #details .details-details .details-table.responsive-details{
        display: table;
        width: 100%;
        border-spacing: 0;
        border-spacing: 0 10px;
    }
    #details .details-details .details-table.responsive-details .details-row .details-cell:first-child div{
        padding-right: 15px;
    }
    #details .slider-anlage {
        width: 335px;
    }
    #details .slider-back, #details .details-deinanlage .slider-width {
        width: 380px;
    }
    #details .slider-back div{
        font-size: 12px;
    }
    #details .details-deinanlage .slider-konservativ {
        left: 77px;
    }
    #details .details-deinanlage .slider-ausgeglichen {
        left: 156px;
    }
    #details .details-deinanlage .slider-ambitioniert {
        left: 242px;
    }
    #details .divided-two {
        width: 32%;
    }
    #messages .messages-inbox .messages-table {
        width: 100%;
    }
    #details .details-kosten .kosten-table {
        display: block;
        width: 100%;
        border-spacing: 0 5px;
    }
    #details .details-kosten .kosten-row {
        display: block;
        width: 100%;
    }
    #details .details-kosten .kosten-cell {
        display: block;
        width: 100%;
    }
    #payments .payments-contracts .adjusted-width{
        width: 85%;
        margin: auto;
    }
    #payments .payments-contracts .home-cellnfirst {
        display: table-cell;
        vertical-align: middle;
        width: 45px;
    }
    #payments .payments-contracts .home-cellnfirst img {
        width: 45px;
        height: 45px;
    }
    #payments .payments-contracts .home-cellnsecond {
        padding-left: 10px;
        font-size: 14px;
        padding-right: 10px;
    }
    #payments .payments-contracts .home-cellthird {
        font-size: 14px;
    }
    #payments .payments-contracts .home-cellnthird img {
        width: 35px;
        height: 35px;
    }
    #payments .payments-contracts .home-cellnthird .home-totalval {
        font-size: 14px;
        margin-left: 10px;
    }
    #payments .payments-contracts .home-cellnfourth {
        padding-left: 10px;
    }
    #payments .payments-contracts .home-progressbar {
        width: 45px;
        height: 45px;
    }
}
@media screen and (max-width: 414px){
    #details .risik-width {
        width: 100%;
    } 
    #home .home-cellmiddle {
        font-size: 14px;
        padding-left: 10px;
        font-family: 'Lato';
    }
    #home .home-cellright {
        font-size: 14px;
        padding-left: 10px;
        font-family: 'Lato';
    }
    #details .divided-one img{
        margin: auto;
        width: 55px;
        height: 55px;
    }
    #details .details-status .divided-one svg, #details .details-kosten .divided-one svg{
        margin: auto;
        width: 55px;
        height: 55px;
    }
    #details .icon-valuebig {
        font-size: 14px;
    }
    #details .circle-headsmall{
        font-size: 10px;
    }
    #details .circle-cellleft {
        padding-right: 5px;
    }
    #details .circle-cellright {
        padding-left: 5px;
    }
    #details .details-portfolio .portfolio-table{
        width: 100%;
        border-spacing: 0px 0px;
        padding: 25px 0;
    }
    #details .details-sateliten .row-sateliten {
        width: 100%;
    }
    #details .details-produkte .produkte-table {
        width: 90%;
        border-spacing: 0px 0px;
    }
    #details .details-produkte .produkte-cell > div > img {
        width: 55px;
        height: 55px;
    }
    #details .slider-back, #details .details-deinanlage .slider-width {
        width: 310px;
    }
    #details .slider-anlage {
        width: 268px;
    }
    #details .details-deinanlage .slider-konservativ {
        left: 60px;
    }
    #details .details-deinanlage .slider-ausgeglichen {
        left: 123px;
    }
    #details .details-deinanlage .slider-ambitioniert {
        left: 193px;
    }
    #details .slider-back div {
        font-size: 11px;
    }
    #payments .payments-in, #payments .payments-out, #payments .payments-contracts, #messages .messages-sending{
        width: 100%;
    }
    #payments .payments-contracts .payments-new-contracts{
        width: 100%;
    }
    #payments .payments-contracts .adjusted-width {
        width: 90%;
        margin: auto;
    }
    #payments .payments-contracts .home-cellnfirst {
        display: table-cell;
        vertical-align: middle;
        width: 35px;
    }
    #payments .payments-contracts .home-cellnfirst img {
        width: 35px;
        height: 35px;
    }
    #payments .payments-contracts .home-cellnfirst svg{
        width: 35px;
        height: 35px;
    }
    #payments .payments-contracts .home-cellnsecond {
        padding-left: 10px;
        font-size: 12px;
        padding-right: 10px;
        width: auto;
    }
    #payments .payments-contracts .home-cellthird {
        font-size: 12px;
        width: auto;
    }
    #payments .payments-contracts .home-cellnthird img {
        width: 25px;
        height: 25px;
    }
    #payments .payments-contracts .home-cellnthird .home-totalval {
        font-size: 12px;
        margin-left: 5px;
        min-width: 75px;
        width: auto;
    }
    #payments .payments-contracts .home-cellnsecond > div {
        width: auto;
    }
    #payments .payments-contracts .home-cellnthird > div {
        width: auto;
    }
    #payments .payments-contracts .home-cellnfourth {
        padding-left: 10px;
    }
    #payments .payments-contracts .adjusted-row .adjusted-cell:first-child {
        width: auto;
    }
    #payments .payments-contracts .home-progressbar {
        width: 35px;
        height: 35px;
    }
    #payments .payments-contracts .adjusted-cell {
        font-size: 12px;
    }
}
@media screen and (max-width: 374px){
    .head-content .icon-valuebig{
        font-size: 16px;
    }
    .tab-centerbackground {
        width: 130px;
    }
    .link-detail{
        font-size: 14px;
    }
    #details .circle-headsmall{
        font-size: 10px;
    }
    #details .divided-one img{
        margin: auto;
        width: 45px;
        height: 45px;
    }
    #details .details-status .divided-one svg, #details .details-kosten .divided-one svg{
        margin: auto;
        width: 45px;
        height: 45px;
    }
    #details .slider-back, #details .details-deinanlage .slider-width {
        width: 275px;
    }
    #details .slider-anlage {
        width: 238px;
    }
    #details .details-deinanlage .slider-konservativ {
        left: 51px;
    }
    #details .details-deinanlage .slider-ausgeglichen {
        left: 108px;
    }
    #details .details-deinanlage .slider-ambitioniert {
        left: 168px;
    }
    #details .slider-back div {
        font-size: 10px;
    }
    #details .details-nachhaltigkeit .left-strategy {
        float: left;
        width: auto;
        font-size: 9px;
        text-align: left;
        cursor: pointer;
    }
    #details .details-nachhaltigkeit .right-strategy {
        float: right;
        width: auto;
        font-size: 9px;
        text-align: right;
        cursor: pointer;
    }
    #details .details-nachhaltigkeit .normal-strategy, #details .details-nachhaltigkeit .nach-strategy{
        font-size: 12px;
    }
    #details .details-nachhaltigkeit .circle-leftright{
        margin: 0 5px;
    }
    #payments .payments-contracts{
        min-width: auto;
    }
    #payments .payments-contracts .home-cellleft {
        width: 35px;
    }
    #payments .payments-contracts .home-cellleft img {
        width: 35px;
        height: 35px;
    }
    #payments .payments-contracts .home-cellmiddle {
        padding-left: 0px;
        font-size: 12px;
        padding-right: 10px;
    }
    #payments .payments-contracts .home-cellright {
        font-size: 12px;
    }
    #payments .payments-contracts .home-cellright > img{
        width: 25px!important;
        height: 35px!important;
    }
    #payments .payments-contracts .home-totalval {
        font-size: 12px;
        margin-left: 0px;
    }
    #payments .payments-contracts .home-falafelcell {
        padding-left: 10px;
    }
    #payments .payments-contracts .home-progressbar {
        width: 35px;
        height: 35px;
    }
    #payments .payments-contracts .home-row .details-more{
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 93px;
        margin: auto;
    }
    #payments .payments-contracts .home-cellright > .home-falafelcell {
        float: right;
        padding-top: 8px;
    }
    #payments .payments-contracts .home-cellright > .home-falafelcell.middle {
        float: right;
        padding-top: 7px;
    }
    #payments .payments-contracts .adjusted-width {
        width: 100%;
        margin: auto;
    }
    #payments .payments-contracts .home-cellnfirst {
        display: table-cell;
        vertical-align: middle;
        width: 35px;
    }
    #payments .payments-contracts .home-cellnfirst img {
        width: 35px;
        height: 35px;
    }
    #payments .payments-contracts .home-cellnfirst svg{
        width: 35px;
        height: 35px;
    }
    #payments .payments-contracts .home-cellnsecond {
        padding-left: 10px;
        font-size: 12px;
        padding-right: 10px;
        width: auto;
    }
    #payments .payments-contracts .home-cellthird {
        font-size: 12px;
        width: auto;
    }
    #payments .payments-contracts .home-cellnthird img {
        width: 25px;
        height: 25px;
    }
    #payments .payments-contracts .home-cellnthird .home-totalval {
        font-size: 12px;
        margin-left: 5px;
        min-width: 75px;
        width: auto;
    }
    #payments .payments-contracts .home-cellnsecond > div {
        width: auto;
    }
    #payments .payments-contracts .home-cellnthird > div {
        width: 125px;
    }
    #payments .payments-contracts .home-cellnfourth {
        padding-left: 0px;
        padding-right: 15px;
    }
    #payments .payments-contracts .home-cellnthird svg{
        width: 25px;
        height: 25px;
    }
    #payments .payments-contracts .adjusted-row .adjusted-cell:first-child {
        width: auto;
    }
    #payments .payments-contracts .home-progressbar {
        width: 35px;
        height: 35px;
    }
    #payments .payments-contracts .adjusted-cell {
        font-size: 12px;
    }
    #home + .new-anlageziel .chartanlage-right {
        width: 100%;
        margin: auto;
    }
}
@media screen and (min-width: 992px){ 
    #details .content-width{
        width: 850px;
        margin: auto;
    }
}
/* RESPONSIVE MYMINVEO PAGE */
/* OtherDomainColors */
.ak_digitalzugang_de_BGColor,.digitalzugang_de_BGColor,.localhost_BGColor,.localhost_BGColor{
	background: rgb(23,113,114);
    background: -moz-linear-gradient(45deg, rgb(19,76,110) 45%, rgb(44 140 197) 95%);
    background: -webkit-linear-gradient(45deg, rgb(19,76,110) 45%,rgb(44 140 197) 95%);
    background: linear-gradient(45deg, rgb(19,76,110) 45%,rgb(44 140 197) 95%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#134c6e', endColorstr='#2c8cc5',GradientType=1 );
}
.localhost_BGColor .login-wrap input:-webkit-autofill,.localhost_BGColor .login-wrap input:-webkit-autofill{
	-webkit-box-shadow: 0 0 0px 1000px rgb(19,76,110) inset;
    box-shadow: 0 0 0px 1000px rgb(19,76,110) inset;
    -webkit-text-fill-color: #fff !important;
}
.ak_digitalzugang_de_Logo1,.digitalzugang_de_Logo1{
	 content: url('../img/logo_AK_full-L.png') !important;
}
.ak_digitalzugang_de_Logo1,.logo.digitalzugang_de_Logo1{
	width: 260px !important;
}
.ak_digitalzugang_de_Logo2,.digitalzugang_de_Logo2{
	 content: url('../img/logo_AK_full-S.png') !important;
}
.ak_digitalzugang_de_Logo3,.digitalzugang_de_Logo3{
	 content: url('../img/logo_AK_short-L.png') !important;
}
.ak_digitalzugang_de_Logo4,.digitalzugang_de_Logo4{
	 content: url('../img/logo_AK_short-S.png') !important;
}
.logo.ak_digitalzugang_de_Logo4,.logo.digitalzugang_de_Logo4{
	width: 60px !important;
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1){
    .head-content{
        padding: 110px 0 25px 0;
    }
    .login_top{
        padding-top: 35px;
    }
    .login_bottom_wrapper{
        padding-bottom: 35px;
    }
    /* #headerBo {
        top: 30px;
    } */
  }
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2){
    .head-content{
        padding: 110px 0 25px 0;
    }
    .login_top{
        padding-top: 35px;
    }
    .login_bottom_wrapper{
        padding-bottom: 35px;
    }
    /* #headerBo {
        top: 30px;
    } */
}

@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2){
    .head-content{
        padding: 110px 0 25px 0;
    }
    .login_top{
        padding-top: 35px;
    }
    .login_bottom_wrapper{
        padding-bottom: 35px;
    }
    /* #headerBo {
        top: 30px;
    } */
  }

/*Modals table display */
.st{
    display: table;
    width: 100%;
}
.str{
    display: table-row;
    width: 100%;
    border-bottom: 2px solid #ffffff;
}
.strf{
    display: table-row;
    width: 100%;
    
}

.sth{
    display: table-cell;
    vertical-align: middle;    
    color: #808080;
    padding: 5px 10px;
    font-size: 12px;
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 1;
}
.stf{
    display: table-cell;
    vertical-align: middle;    
    color: #808080;
    padding: 5px 10px;
    
    position: sticky;
    bottom: 0;
    background-color: white;
}
.std{
    display: table-cell;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;   
    vertical-align: middle;    
    color: #3a3a3a;
    padding: 0;
    text-align: left;
}
.modal-width-L {
    width: 100%;
    max-width: 810px;
    overflow-y: auto;
/*    top: 5%;*/
    bottom: auto;
	max-height: 90%;
}
.modal-width-XL{
	width: 90%;
	max-width: 1440px;
	height: 85%;
	overflow-y: auto;
}
.modal-width-M{
	width: 100%;
	max-width: 480px;
	overflow-y: unset;
/*	top:5%;*/
	bottom: auto;
	max-height: 90%;
}
.modals-all.modal-width-XL {
    padding: 40px 60px !important;
}

.payment-view-content .payment-clck:hover,.transfer-view-content .payment-clck:hover {
    background-color: #dceaea;
}
.payment-view-content .payment-clck.selected,.transfer-view-content .payment-clck.selected{
    color: #177172;
}

.transfer-view-content .payment-clck.disabled{
    display: none;
}
.angeben-box-n{
    background-color: #B4E2A5;
    padding: 24px 8px;
    text-align: center;
    font-size: 14px;
}
.angeben-text-n{
    color: #177172;
    margin-bottom: 16px;
    line-height: 1.5;
}
.btnAngeben-n{
    background-color: #177172;
    color: #ffffff;
    cursor: pointer;
    max-width: 192px;
    width: 100%;
    margin: 0 auto;
    border-radius: 4px;
    padding: 8px;
    display: inline-block;
}
a.btnAngeben-n:hover,a.btnAngeben-n:active,a.btnAngeben-n:focus{    
    color:rgba(255,255,255,.8);
}