/* SPIEGEL Widget Boersen Styling V1.1 Stand: Jul. 2023 */
/* Changlog: Added Support for a tags instead of onlick events*/

/* SPIEGEL Webfonts */
@font-face {
    font-family: SpiegelSlabCdUI;
    font-weight: 800;
    font-display:auto;
    src: url(https://cdn.prod.www.spiegel.de/public/shared/fonts/SpiegelSlab4UICd-ExtraBold.woff2) format("woff2"),
    url(https://cdn.prod.www.spiegel.de/public/shared/fonts/SpiegelSlab4UICd-ExtraBold.woff) format("woff")
}
@font-face {
    font-family: SpiegelSansUI;
    font-weight: 400;
    font-display:auto;
    src: url(https://cdn.prod.www.spiegel.de/public/shared/fonts/SpiegelSans4UI-Regular.woff2) format("woff2"),
    url(https://cdn.prod.www.spiegel.de/public/shared/fonts/SpiegelSans4UI-Regular.woff) format("woff")
}
@font-face {
    font-family: SpiegelSansUI;
    font-weight: 700;
    font-display:auto;
    src: url(https://cdn.prod.www.spiegel.de/public/shared/fonts/SpiegelSans4UI-Bold.woff2) format("woff2"),
    url(https://cdn.prod.www.spiegel.de/public/shared/fonts/SpiegelSans4UI-Bold.woff) format("woff")
}


/* Bootstrap Overide */
nav dl, ol, ul {
    margin-bottom: 0;
}

/* Basics & Spacings */

.VWDcontent * {
    font-family: "SpiegelSansUI", sans-serif;
    color: #000;
    line-height: 1.26;
}
.VWDcontent {
    margin-bottom: 0;
}
.VWDcomp > .comp_sizer {
    margin: 1rem;
}
.VWDcomp .comp_head .headline p.subline .separator {
    color: #DDDBD9;
}
.VWDcomp .overflowed_scroller.right .softener {
    background-image: -moz-linear-gradient(to right,rgba(255,255,255,0) 0,#fff);
    background-image: -webkit-linear-gradient(to right,rgba(255,255,255,0) 0,#fff);
    background-image: linear-gradient(to right,rgba(255,255,255,0) 0,#fff);
    margin-right: 2rem;
}.VWDcomp .overflowed_scroller.left .softener {
    background-image: -moz-linear-gradient(to right,#fff,rgba(255,255,255,0) 100%);
    background-image: -webkit-linear-gradient(to right,#fff,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to right,#fff,rgba(255,255,255,0) 100%);
    margin-left: 2rem;
}
.VWDcomp .overflowed_scroller .softener {
    width: 1rem;
}
.VWDcomp .comp_head {
  margin-bottom: 1.5rem;
}

/* Fonts & Headlines */
.VWDcomp .quotebox .prices .price {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.08;
}
.VWDcomp .quotebox .price .priceCurrency {
    font-size: .875rem;
    margin-left: .25rem;
}
.VWDcomp .quotebox .addinfo {
    font-size: .875rem;
    line-height: 1.42;
    margin-top: 1rem;
    margin-right: 0;
}
.VWDcomp .quotebox .prices .date,
.VWDcomp .list_news li .date,
.VWDcomp .text p.date {
    color: #807E7C;
}
.VWDcomp .quotebox .prices .change,
.VWDcomp .quotebox .prices .date {
    font-size: .875rem;
}
.VWDcontent .pos,
.VWDcontent .pos * {
  color: #3cc83c;
  font-weight: 700;
}
.VWDcontent .neutral,
.VWDcontent .neutral * {
  color: #807E7C;
  font-weight: 700;
}
.VWDcontent .neg,
.VWDcontent .neg * {
  color: #dc3e0f;
  font-weight: 700;
}
.VWDcomp .comp_head .headline h2.topline,
.VWDcomp .comp_head .headline h3.topline {
  font-family: SpiegelSlabCdUI, serif;
  color: #000;
  font-weight: 700;
}
.VWDcomp .comp_head .headline h2.topline {
  font-size: 24px;
}
.VWDcomp .text h3 {
  font-size: 16px;
  line-height: 1.26;
}
.VWDcomp .list_securities span.name {
  font-size: .875rem;
  line-height: 1.26;
}
.VWDcomp .list_securities li > span:last-child {
  padding-right: 0;
}
.VWDcomp .list_securities li > span:first-child {
  padding: 8px 0px;
}
.VWDcomp .list_securities span.change {
    font-size: .875rem;
}

/* Nav Styles */

.VWDcomp .holder_list_horizontal{
    margin: 1rem 0;
}
.VWDcomp .holder_list_horizontal.overflowed_show {
    margin: 1rem -.5rem;
}
.VWDcomp .overflowed_show .list_horizontal {
    margin: 0 2rem;
    padding-right: .5rem;
}
.VWDcomp .list_horizontal ul li {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 0;
    font-size: .875rem;
}
  
.VWDcomp .list_horizontal ul,
.VWDcomp .list_horizontal ul li {
    color: #000;
    border-bottom-width: 1px;
    border-bottom-color: transparent;
}

.VWDcomp .list_horizontal ul li a:hover {
    text-decoration: none;
}

.VWDcomp .list_horizontal ul li:hover {
    color: #000;
    border-bottom-width: 1px;
    border-bottom-color: #BBB9B7;
    text-decoration: none;
}
.VWDcomp .list_horizontal ul li.current {
    color: #000;
    border-bottom-width: 1px;
    border-bottom-color: #000;
}
.VWDcomp .list_chartnavi {
    background-color: #fff;
    padding: 1rem 0;
    margin-top: 1rem;
    border-top: 1px solid #DDDBD9;
} 
.VWDcomp .list_chartnavi li {
    color: #000;
    background-color: #fff;
    background-image: none;
    box-shadow: none;
    border-radius: 0;
    border: 1px solid transparent;
    width: auto;
    padding: 4px 8px;
    margin: 0 8px 0 0;
}
.VWDcomp .list_chartnavi li.current {
    color: #000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #000;
    box-shadow: none;
    font-weight: 400;
}
.VWDcomp .list_chartnavi li:hover {
    color: #000;
    background-color: #fff;
    background-image: none;
    box-shadow: none;
    border: 1px solid #BBB9B7;
}
.VWDcomp .chart_sizer,
.VWDcomp .indexmap ul {
    background: #fff;
}
.VWDcomp .chart_sizer {
    margin-left: -14px;
}

/* Highcharts Override */

.VWDcomp .highcharts-series-0 .highcharts-graph {
    stroke: #2F2D2B !important;
}
.VWDcomp .highcharts-markers path {
    stroke: #fff !important;
    fill: #E64415 !important;
}
.VWDcomp .highcharts-plot-lines-5 path:nth-child(1) {
    stroke: #3cc83c !important;
} 
.VWDcomp .highcharts-plot-lines-5 path:nth-child(2) {
    stroke: #dc3e0f !important;
}
.VWDcomp .highcharts-xaxis-labels text,
.VWDcomp .highcharts-yaxis-labels text {
    font-size: 12px !important;
    fill: #807E7C !important;
}
.VWDcomp .highcharts-yaxis-labels text {
    transform: translateX(8px);
}
.VWDcomp g.highcharts-grid.highcharts-yaxis-grid path {
    stroke: #DDDBD9 !important;
}
.VWDcomp path.highcharts-label-box {
    fill: #fff !important;
    color: #000 !important;
    stroke: #DDDBD9 !important;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}
.VWDcomp g.highcharts-tooltip text,
.VWDcomp g.highcharts-tooltip text tspan {
    fill: #000 !important;
    font-size: 12px !important;
    font-family: "SpiegelSansUI" !important;
} 
.VWDcomp path.highcharts-crosshair,
.VWDcomp .highcharts-crosshair.thin.undefined {
    stroke: #DDDBD9 !important;
}

/* Buttons & Links */ 

.VWDcomp .comp_head .action_button .svgicon {
    width: 1.5rem;
    height: 1.5rem;
    background-color: #fff;
    box-shadow: none;
    border: 1px solid #989694;
    border-radius: 1.5px;
}
.VWDcomp .comp_head .action_button .svgicon:hover {
    border: 1px solid #000;
}
.VWDcomp .overflowed_scroller .mover .svgicon {
    width: 1.5rem;
    background-color: #fff;
    box-shadow: none;
    border-radius: 0;
    background-size: 16px;
}
.VWDcomp .overflowed_scroller .svgicon:hover {
    background-color: #fff;
    opacity: .7;
}

.VWDcomp .linked {
    color: #E64415;
}
.VWDcomp .linked:hover,
.VWDcomp .pagination li:hover {
    opacity: .7;
}

.VWDcontent .link {
    color: #E64415;
    font-weight: 400;
    line-height: 1.38;
    border-bottom: 1px solid #EEC2B5;
}

.VWDcontent a.lookslikebutton {
    color: #E64415;
    font-weight: 400;
    line-height: 1.38;
    text-decoration: none;
    border-bottom: 1px solid #EEC2B5;
}

.VWDcontent a.lookslikebutton:hover {
    text-decoration: none;
    border-bottom: 1px solid #E64415;
}

.VWDcontent .link a.link {
    border-bottom: 0;
}
.VWDcontent .link:hover {
    text-decoration: none;
    border-bottom: 1px solid #E64415;
}
.VWDcontent a, 
.VWDcontent a:focus, 
.VWDcontent a:hover,
.VWDcomp .head_searchsuggest .action {
    color: #E64415;
    text-decoration: none;
}


.VWDcontent li a, 
.VWDcontent li a:focus, 
.VWDcontent li a:hover,
.VWDcontent .le a, 
.VWDcontent .le a:focus, 
.VWDcontent .le a:hover {
    color: #000;
}

.VWDcontent .le a:hover,
.VWDcontent li .title a:hover{
    text-decoration: none;
    opacity: 0.7;
}

.VWDcontent .link a:hover {
    text-decoration: none;
}

/* Forms & Selections */
.VWDcontent label {
    font-size: .875rem;
}
.VWDcomp label.disabled,.VWDcomp label.disabled * {
    color: #989694
}
.VWDcontent label.toplabel {
    color: #000
}
.VWDcomp input.vwdFormControl,
.VWDcomp select {
    height: 2.5rem;
    border-color: #989694;
    border-width: 1px;
    border-radius: 0;
    color: #000;
}
.VWDcomp select {
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0 1.75rem 0 .75em;
    background: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M12%206.00006L8%2010.0001L4%206.00006%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E) no-repeat center right 8px;
    cursor: pointer;
}
.VWDcomp input.vwdFormControl:hover,
.VWDcomp select:hover {
    border-color: #000;
}
.VWDcontent input[disabled],
.VWDcontent select[disabled] {
    background-color: #fff;
    border-color: #DDDBD9;
    color: #989694
}
/* Visuals - Graphs & Icons */
.VWDcontent .icon_pos {
    background-size: 16px;
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%221%22%20height%3D%221%22%20viewBox%3D%220%200%201%201%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0.439999%200.190121C0.455864%200.174256%200.481587%200.174256%200.497452%200.190121L0.716202%200.408871C0.732067%200.424736%200.732067%200.450459%200.716202%200.466324C0.700337%200.482189%200.674614%200.482189%200.658749%200.466324L0.509351%200.316925V0.812598C0.509351%200.835034%200.491162%200.853223%200.468726%200.853223C0.446289%200.853223%200.428101%200.835034%200.428101%200.812598V0.316925L0.278702%200.466324C0.262837%200.482189%200.237114%200.482189%200.221249%200.466324C0.205384%200.450459%200.205384%200.424736%200.221249%200.408871L0.439999%200.190121Z%22%20fill%3D%22%233CC83C%22%2F%3E%0A%3C%2Fsvg%3E)
}
.VWDcontent .icon_neutral {
    background-size: 16px;
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.83333%205L13%208.5M13%208.5L9.83333%2012M13%208.5L3.5%208.5%22%20stroke%3D%22%23999795%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E)
}
.VWDcontent .icon_neg {
    background-size: 16px;
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4%209L7.5%2012.5M7.5%2012.5L11%209M7.5%2012.5V3%22%20stroke%3D%22%23DC3E0F%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E)
}
.VWDcomp .comp_head .action_button .svgicon.svg-info,
.VWDcomp .comp_head .action_button .svgicon.svg-info:hover {
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M8.00001%204.29995C8.71798%204.29995%209.30001%203.71792%209.30001%202.99995C9.30001%202.28198%208.71798%201.69995%208.00001%201.69995C7.28204%201.69995%206.70001%202.28198%206.70001%202.99995C6.70001%203.71792%207.28204%204.29995%208.00001%204.29995Z%22%20fill%3D%22black%22%2F%3E%0A%3Cpath%20d%3D%22M5.6321%206.20656C5.4413%206.57573%205.59597%207.02464%205.97757%207.20922L6.72056%207.56862C6.95037%207.67978%207.09554%207.75143%207.09554%208V11C7.09554%2011.2486%206.95037%2011.3202%206.72056%2011.4314L5.84561%2011.8546C5.53689%2012.0039%205.41176%2012.3671%205.56612%2012.6658C5.67198%2012.8706%205.88838%2013%206.1251%2013H9.8749C10.1116%2013%2010.328%2012.8706%2010.4339%2012.6658C10.5882%2012.3671%2010.4631%2012.0039%2010.1544%2011.8546L9.27944%2011.4314C9.04963%2011.3202%208.90446%2011.2486%208.90446%2011V6.65625C8.90446%206.29381%208.60075%206%208.22611%206H5.97757C5.83127%206%205.69752%206.07997%205.6321%206.20656Z%22%20fill%3D%22black%22%2F%3E%0A%3C%2Fsvg%3E)
}
.VWDcomp .pagination li.prev,
.VWDcomp .svg-long-arrow-left {
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M9.99994%2012L5.99994%208L9.99994%204%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E)
}
.VWDcomp .overflowed_scroller.enabled .svg-long-arrow-left:hover {
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M9.99994%2012L5.99994%208L9.99994%204%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E);
    opacity: .7;
}
.VWDcomp .pagination li.next,
.VWDcomp .svg-long-arrow-right {
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M6%204L10%208L6%2012%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E)
}

.VWDcomp .overflowed_scroller.enabled .svg-long-arrow-right:hover {
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M6%204L10%208L6%2012%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E);
    opacity: .7;
}
.VWDcomp .svg-chevron-right {
    background-size: 16px;
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M6%204L10%208L6%2012%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E)
}
.VWDcomp .svg-chevron-down {
    background-size: 16px;
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M12%206L8%2010L4%206%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E)
} 
.VWDcontent .link_extern {
    padding-left: 0;
    padding-right: 1.375em;
    background-position: right;
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6%204.5H2.5V13.5H11.5V10%22%20stroke%3D%22%231B43A4%22%20stroke-width%3D%221.1%22%2F%3E%3Cpath%20d%3D%22M9%202.5H13.5V7%22%20stroke%3D%22%231B43A4%22%20stroke-width%3D%221.1%22%2F%3E%3Cpath%20d%3D%22M13.5%202.5L6%2010%22%20stroke%3D%22%231B43A4%22%20stroke-width%3D%221.1%22%2F%3E%3C%2Fsvg%3E)
}
.VWDcontent .link_weiter {
    padding-left: 0;
    padding-right: 1.375em;
    background-position: right;
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.83333%205L13%208.5M13%208.5L9.83333%2012M13%208.5L3.5%208.5%22%20stroke%3D%22%231B43A4%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E)
}

/* iframe widgets */
html.VWD body.blank {
    width: 100%;
    padding: 1rem 0;
}

html.VWD body.blank::before,
html.VWD body.blank::after {
    content: ' ';
    position: absolute;
    height: 1px;
    width: 100%;
    background: linear-gradient(90deg,#807e7c 25%,rgba(128,126,124,0) 0) 0 100%/4px 1px repeat-x;
}
html.VWD body.blank::before {
    top: 0;
}
html.VWD body.blank::after {
    bottom: 0;
}

html.VWD body.blank .VWDcomp {
    box-shadow: none;
}
html.VWD body.blank .VWDcomp > .comp_sizer {
    margin: 0;
}
html.VWD body.blank .VWDcomp .quotebox .prices .price {
    font-size: 1.25rem;
}
html.VWD body.blank .VWDcomp .quotebox .addinfo,
html.VWD body.blank .VWDcomp .list_chartnavi.low,
html.VWD body.blank .VWDcomp .list_chartnavi.big {
    display: none!important;
}
html.VWD .VWDcontent a.lookslikebutton {
    color: #000;
    border-bottom: 1px solid #BBB9B7;
    float: right;
}
html.VWD .VWDcontent a.lookslikebutton::after {
    clear: both;
}
html.VWD .VWDcontent a.lookslikebutton:hover {
    text-decoration: none;
    border-bottom: 1px solid #000;
}

@media screen and (min-width: 520px) {
    html.VWD body.blank {
        padding: 1.5rem 0;
    }
}


@media (prefers-color-scheme: dark) {
    .VWDcontent {
        background: #000;
    }
    html.VWD body.blank,
    .VWDcomp,
    .VWDcomp .list_chartnavi,
    .VWDcomp .chart_sizer,
    .VWDcomp .indexmap ul {
        background-color: #1F1E1C;
    }
    .VWDcontent *,
    .VWDcomp .comp_head .headline h2.topline,
    .VWDcomp .comp_head .headline h3.topline,
    .VWDcomp .list_horizontal ul,
    .VWDcomp .list_horizontal ul li,
    .VWDcomp .list_horizontal ul li:hover {
        color: #F1EFED;
    }
    .VWDcomp .quotebox .prices .date,
    .VWDcomp .list_news li .date,
    .VWDcomp .text p.date,
    .VWDcontent .neutral,
    .VWDcontent .neutral * {
        color: #BBB9B7;
    }
    .VWDcomp .list_horizontal ul li.current {
        color: #F1EFED;
        border-bottom-color: #FFF;
    }
    .VWDcomp .list_chartnavi li,
    .VWDcomp .list_chartnavi li.current,
    .VWDcomp .list_chartnavi li:hover {
        color: #F1EFED;
        background-color: #1F1E1C;
    }
    .VWDcomp .list_chartnavi li.current {
        border: 1px solid #FFF;
    }


    .VWDcomp .overflowed_scroller.right .softener {
        background-image: -moz-linear-gradient(to right,rgba(31,30,28,0) 0,#1F1E1C);
        background-image: -webkit-linear-gradient(to right,rgba(31,30,28,0) 0,#1F1E1C);
        background-image: linear-gradient(to right,rgba(31,30,28,0) 0,#1F1E1C);
        margin-right: 2rem;
    }.VWDcomp .overflowed_scroller.left .softener {
        background-image: -moz-linear-gradient(to right,#1F1E1C,rgba(31,30,28,0) 100%);
        background-image: -webkit-linear-gradient(to right,#1F1E1C,rgba(31,30,28,0) 100%);
        background-image: linear-gradient(to right,#1F1E1C,rgba(31,30,28,0) 100%);
        margin-left: 2rem;
    }
    .VWDcomp .highcharts-series-0 .highcharts-graph {
        stroke: #F1EFED !important;
    }
    .VWDcomp .highcharts-markers path {
        stroke: #1F1E1C !important;
        fill: #D03D12 !important;
    }
    .VWDcomp .highcharts-xaxis-labels text,
    .VWDcomp .highcharts-yaxis-labels text {
        fill: #BBB9B7 !important;
    }
    .VWDcomp path.highcharts-label-box {
        fill: #1F1E1C !important;
        color: #F1EFED !important;
    }
    .VWDcomp g.highcharts-tooltip text,
    .VWDcomp g.highcharts-tooltip text tspan {
        fill: #F1EFED !important;
    } 
    .VWDcomp .comp_head .action_button .svgicon {
        background-color: #1F1E1C;
        border: 1px solid #BBB9B7;
    }
    .VWDcomp .comp_head .action_button .svgicon:hover {
        border: 1px solid #FFF;
    }
    .VWDcomp .overflowed_scroller .mover .svgicon {
        background-color: #1F1E1C;
    }
    .VWDcomp .overflowed_scroller .svgicon:hover {
        background-color: #1F1E1C;
        opacity: .7;
    }
    .VWDcomp .linked,
    .VWDcontent .link {
        color: #D03D12;
    }
    .VWDcontent a.lookslikebutton {
        color: #D03D12;
    }
    .VWDcontent a.lookslikebutton:hover {
        order-bottom: 1px solid #D03D12;
    }
    .VWDcontent .link:hover {
        border-bottom: 1px solid #D03D12;
    }
    .VWDcontent label.toplabel {
        color: #F1EFED
    }
    .VWDcomp input.vwdFormControl,
    .VWDcomp select {
        color: #F1EFED;
        border-color: #BBB9B7;
        background-color: #1F1E1C;
    }
    .VWDcomp input.vwdFormControl:hover,
    .VWDcomp select:hover {
        border-color: #FFF;
    }


    /* Visuals - Graphs & Icons */
    .VWDcomp select {
        background: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M12%206.00006L8%2010.0001L4%206.00006%22%20stroke%3D%22white%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E) no-repeat center right 8px;
    }
    .VWDcontent .icon_pos {
        background-image: url(data:image/svg+xml,%3Csvg%20width%3D%221%22%20height%3D%221%22%20viewBox%3D%220%200%201%201%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0.439999%200.190121C0.455864%200.174256%200.481587%200.174256%200.497452%200.190121L0.716202%200.408871C0.732067%200.424736%200.732067%200.450459%200.716202%200.466324C0.700337%200.482189%200.674614%200.482189%200.658749%200.466324L0.509351%200.316925V0.812598C0.509351%200.835034%200.491162%200.853223%200.468726%200.853223C0.446289%200.853223%200.428101%200.835034%200.428101%200.812598V0.316925L0.278702%200.466324C0.262837%200.482189%200.237114%200.482189%200.221249%200.466324C0.205384%200.450459%200.205384%200.424736%200.221249%200.408871L0.439999%200.190121Z%22%20fill%3D%22%233CC83C%22%2F%3E%0A%3C%2Fsvg%3E)
    }
    .VWDcontent .icon_neutral {
        background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.83333%205L13%208.5M13%208.5L9.83333%2012M13%208.5L3.5%208.5%22%20stroke%3D%22%23999795%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E)
    }
    .VWDcontent .icon_neg {
        background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4%209L7.5%2012.5M7.5%2012.5L11%209M7.5%2012.5V3%22%20stroke%3D%22%23DC3E0F%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E)
    }
    .VWDcomp .comp_head .action_button .svgicon.svg-info,
    .VWDcomp .comp_head .action_button .svgicon.svg-info:hover {
        background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M8.00001%204.29995C8.71798%204.29995%209.30001%203.71792%209.30001%202.99995C9.30001%202.28198%208.71798%201.69995%208.00001%201.69995C7.28204%201.69995%206.70001%202.28198%206.70001%202.99995C6.70001%203.71792%207.28204%204.29995%208.00001%204.29995Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M5.6321%206.20656C5.4413%206.57573%205.59597%207.02464%205.97757%207.20922L6.72056%207.56862C6.95037%207.67978%207.09554%207.75143%207.09554%208V11C7.09554%2011.2486%206.95037%2011.3202%206.72056%2011.4314L5.84561%2011.8546C5.53689%2012.0039%205.41176%2012.3671%205.56612%2012.6658C5.67198%2012.8706%205.88838%2013%206.1251%2013H9.8749C10.1116%2013%2010.328%2012.8706%2010.4339%2012.6658C10.5882%2012.3671%2010.4631%2012.0039%2010.1544%2011.8546L9.27944%2011.4314C9.04963%2011.3202%208.90446%2011.2486%208.90446%2011V6.65625C8.90446%206.29381%208.60075%206%208.22611%206H5.97757C5.83127%206%205.69752%206.07997%205.6321%206.20656Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E)
    }
    .VWDcomp .pagination li.prev,
    .VWDcomp .svg-long-arrow-left {
        background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M9.99994%2012L5.99994%208L9.99994%204%22%20stroke%3D%22white%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E)
    }
    .VWDcomp .overflowed_scroller.enabled .svg-long-arrow-left:hover {
        background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M9.99994%2012L5.99994%208L9.99994%204%22%20stroke%3D%22white%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E);
        opacity: .7;
    }
    .VWDcomp .pagination li.next,
    .VWDcomp .svg-long-arrow-right {
        background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M6%204L10%208L6%2012%22%20stroke%3D%22white%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E)
    }

    .VWDcomp .overflowed_scroller.enabled .svg-long-arrow-right:hover {
        background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M6%204L10%208L6%2012%22%20stroke%3D%22white%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E);
        opacity: .7;
    }
    .VWDcomp .svg-chevron-right {
        background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M6%204L10%208L6%2012%22%20stroke%3D%22white%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E)
    }
    .VWDcomp .svg-chevron-down {
        background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M12%206L8%2010L4%206%22%20stroke%3D%22white%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E)
    } 
    html.VWD .VWDcontent a.lookslikebutton {
        color: #F1EFED;
    }
    html.VWD .VWDcontent a.lookslikebutton:hover {
        border-bottom: 1px solid #FFF;
    }

}