.toggle-box {  background:#f3f3f3;  padding:10px;}.toggle-box > div {  height:1em;}.tgl {    display:none;  }.tgl,.tgl:after,.tgl:before,.tgl *,.tgl *:after,.tgl *:before,.tgl + label {  box-sizing:border-box;  text-align:center;  line-height:1em;}.tgl::selection,.tgl:after::selection,.tgl:before::selection,.tgl *::selection,.tgl *:after::selection,.tgl *:before::selection,.tgl + label::selection {  background:none;}.tgl + label {  outline:0;  display:inline-block;  width:2em;  height:1em;  position:relative;  cursor:pointer;  -webkit-user-select:none;  user-select:none;  margin:0;}.tgl + label .tgl-icon {  position:absolute;  transition:left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s ease, margin-left 0.4s ease;  top:0;  width:50%;  height:100%;  z-index:1;  font-size:.5em;  left:0%;  margin:0;  pointer-events:none;}.tgl + label .tgl-icon svg {  vertical-align:middle;  width:100%;  height:100%;  float:left;  padding:.4em;}.tgl + label .tgl-icon._checked,.tgl + label .tgl-icon._loading {  opacity:0;}.tgl + label .tgl-icon._unchecked {  opacity:1;}.tgl + label:after,.tgl + label:before {  box-sizing:content-box;  position:relative;  display:block;  content:"";  width:50%;  height:100%;}.tgl + label:after {  left:0;}.tgl + label:before {  display:none;}.tgl:checked + label .tgl-icon {  left:50%;}.tgl:checked + label .tgl-icon._checked {  opacity:1;}.tgl:checked + label .tgl-icon._unchecked,.tgl:checked + label .tgl-icon._loading {  opacity:0;}.tgl:checked + label:after {  left:50%;}.tgl + label.loading .tgl-icon._checked,.tgl + label.loading .tgl-icon._unchecked {  opacity:0;}.tgl + label.loading .tgl-icon._loading {  opacity:1;}.tgl._tick + label {  border-radius:1em;  transition:all .4s ease;  border:1px solid #d7d7d7;  position:relative;  color:#929292;}.tgl._tick + label .tgl-icon {  position:absolute;}.tgl._tick + label:after {  transform:scale(1, 1);  background-color:#d7d7d7;  border-radius:2em;  transition:left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease, background-color 0.3s ease, transform 0.3s ease;}.tgl._tick + label:hover:after {  will-change:padding;}.tgl._tick + label:active .tgl-icon {  margin-left:.4em;}.tgl._tick + label:active:after {  padding-right:.4em;  transform:scale(0.9, 0.9);}.tgl._tick:checked + label {  color:#ffffff;}.tgl._tick:checked + label:after {  transform:scale(1, 1);  background-color:#156cc4;  box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.05), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 1px 0 rgba(0, 0, 0, 0.05);}.tgl._tick:checked + label:active .tgl-icon {  margin-left:-.4em;}.tgl._tick:checked + label:active:after {  margin-left:-.4em;  transform:scale(0.9, 0.9);}.portfolio-picker-container .sustainable-container {  display:flex;  margin-top:10px;}.portfolio-picker-container .sustainable-container > div {  font-size:150%;}.portfolio-picker-container .sustainable-container > label {  margin-left:5px;}.portfolio-picker-container .sustainable-container > label > i {  margin-left:5px;}.portfolio-picker-container .sus-hide {  display:none !important;}.portfolio-picker-container .portfolio-picker-select {  display:inline-block;  width:100%;}.portfolio-picker-container .light-row-head {  border-bottom:0;}.portfolio-picker-container .light-row-head.portfolio-category {  border-top:2px solid #929292;}.portfolio-picker-container .light-row-foot {  font-weight:600;}.portfolio-picker-container .bootstrap-select.btn-group.form-control {  margin:4px 0 10px;  display:-webkit-box;  display:-ms-flexbox;  display:flex;  background:transparent;}.portfolio-picker-container .bootstrap-select.btn-group.form-control .dropdown-toggle.bs-placeholder.btn-outline-light {  color:#eeeeee;}.portfolio-picker-container .fonds-row {  position:relative;}.portfolio-picker-container .remove {  position:absolute;  right:0;  top:0;  cursor:pointer;  padding:0 5px;  z-index:10;  opacity:.5;  -webkit-transition:opacity 100ms ease-in-out;  -o-transition:opacity 100ms ease-in-out;  transition:opacity 100ms ease-in-out;}.portfolio-picker-container .remove:hover {  opacity:1;}.portfolio-picker-container .remove:after {  content:"×";}.portfolio-picker-container .btn-container {  position:relative;  height:70px;}.portfolio-picker-container .btn-container .btn {  position:absolute;  -webkit-transition:all 100ms ease-in-out;  -o-transition:all 100ms ease-in-out;  transition:all 100ms ease-in-out;}.portfolio-picker-container .btn-container .btn.no-transition {  -webkit-transition:none;  -o-transition:none;  transition:none;}.portfolio-picker-container .btn-container .btn-submit {  left:50%;  -webkit-transform:translateX(-50%) translateY(100%);  -ms-transform:translateX(-50%) translateY(100%);  transform:translateX(-50%) translateY(100%);}.portfolio-picker-container .btn-container .btn-correct {  left:100%;  -webkit-transform:translateX(-100%);  -ms-transform:translateX(-100%);  transform:translateX(-100%);}.portfolio-picker-container .btn-container .btn-undo {  position:relative;}.portfolio-picker-container .portfolio-equities-value > span,.portfolio-picker-container .portfolio-bonds-value > span {  display:inline-block;  transition:all 100ms ease-in-out;  transform:scale(1, 1);}.portfolio-picker-container .portfolio-equities-value > span.changing,.portfolio-picker-container .portfolio-bonds-value > span.changing {  transform:scale(1.15, 1.15);}@media (max-width:767px) {  .portfolio-picker-container .portfolio-equities {    display:flex;    flex-wrap:wrap;  }  .portfolio-picker-container .portfolio-equities:before,  .portfolio-picker-container .portfolio-equities:after {    display:none;  }  .portfolio-picker-container .portfolio-equities .portfolio-equities-range {    order:3;  }}.portfolio-picker-container .anteil-sum {  white-space:nowrap;}.portfolio-picker-container .anteil-sum .anteil-sum-icon {  display:inline-block;}.portfolio-picker-container .anteil-sum .anteil-sum-icon {  overflow:visible !important;  display:inline-block;  white-space:nowrap;  text-align:right;  color:#fddf00;}.portfolio-picker-container[data-template-mode] .divider,.portfolio-picker-container[data-template-mode] .dropdown-menu.inner li:not([data-optgroup="1"]) {  display:none;}.portfolio-picker-container[data-template-mode] .fonds-row .remove {  display:none;}.portfolio-picker-container[data-template-mode] .fonds-row .fprange-compact {  visibility:hidden;  position:absolute;  width:1px;  height:1px;  overflow:hidden;  left:-1000px;  opacity:0;}.portfolio-picker-container[data-template-mode] .fonds-row .fonds-value {  text-align:right;}