/**
 * Aktien content element
 */
svg {
    pointer-events: all;
}

.opacity0 {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}

.opacity1 {
    opacity: 1;
}

.display-none.vis-label {
    display: none;
}

.w-col.first-col {
    padding-left: 0;
}

.w-col.last-col {
    padding-right: 0;
}

.aktie-chart .aktie-stockexchange {
    padding-bottom: 28px;
    margin-bottom: 23px;
    border-bottom: 1px solid #ccc;
}

.aktie-chart .frankfurt {
    text-align: right;
    margin-left: -20px;
}

.aktie-chart .frankfurt:before {
    background-color: #ccc;
    width: 1px;
    content: '';
    display: block;
    height: 30px;
    position: absolute;
    top: -5px;
}

.aktie-chart .xetra,
.aktie-chart .frankfurt {
    color: #999;
}

.aktie-chart .active {
    font-weight: bold;
    color: #333;
}

.aktie-chart.small .date {
    font-weight: normal;
    font-size: 12px;
    letter-spacing: -0.03em;
}
.aktie-chart.small .time {
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 0.053em;
}

.aktie-chart.small .delta-currency,
.aktie-chart.small .delta-percent {
    font-weight: normal;
}

.aktie-chart .date,
.aktie-chart .time {
    text-align: center;
    margin-top: 10px;
}

.aktie-chart .price {
    font-size: 28px;
    line-height: 16px;
    margin-right: 6px;
    font-family: 'Noto Sans', Sans-serif;
    float: left;
}

.aktie-chart.small .price {
    font-size: 24px;
}

.aktie-chart .currency {
    font-family: 'Noto Sans', Sans-serif;
    float: left;
}

.aktie-chart .aktie-arrow {
    position: absolute;
    right: 17px;
    top: 25px;
    display: none;
}

.aktie-chart .aktie-datarow .data-cell {
    padding-bottom: 6px;
    padding-top: 3px;
}

.aktie-chart.small .aktie-datarow .data-cell {
    padding-top: 0;
    /*margin-top: -4px;*/
}

.aktie-chart .aktie-buttonsrow {
    margin-top: 48px;
    margin-left: -10px;
    margin-right: -10px
}

.aktie-chart .aktien-button {
    background-color: #eee;
    margin: 0 10px;
    padding: 3px 10px;
}

.aktie-chart .aktien-button.active,
.aktie-chart .from-until-button.active {
    background-color: #333;
    color: #eee;
    font-weight: bold;
}

.aktie-chart .aktien-button.first {
    margin-left: 0;
}

.aktie-chart .aktien-button.last {
    margin-right: 0;
}

.aktie-chart .data-cell.low,
.aktie-chart .data-cell.high {
    text-align: right;
    font-size: 15px;
}

.aktie-chart .aktie-datepicker {
    margin-top: 20px;
}

.aktie-chart .formwrapper .frankfurt,
.aktie-chart .formwrapper .xetra,
.aktie-chart .formwrapper .aktien-button,
.aktie-chart .aktie-datepicker input,
.aktie-chart .aktie-datepicker .from-until-button {
    cursor: pointer;
}

.aktie-chart .from-until-button {
    width: 26px;
    text-align: center;
    line-height: 26px;
}

@media (max-width: 767px) {
    .aktie-chart .aktie-datarow .col3 {
        border: none;
        padding-left: 0;
    }

    .aktie-chart .aktie-datarow .col3,
    .aktie-chart .aktie-datarow .col4 {
        margin-top: 10px;
    }

    .aktie-chart .col4 .high-52,
    .aktie-chart .col4 .low-52 {
        text-align: right;
    }

    .aktie-chart .aktie-buttonsrow .col1,
    .aktie-chart .aktie-buttonsrow .col2,
    .aktie-chart .aktie-buttonsrow .col3,
    .aktie-chart .aktie-buttonsrow .col4 {
        margin-bottom: 10px;
    }

    .aktie-chart .aktie-datepicker {
        margin-top: 10px;
    }
}

.aktie-chart .aktie-headrow h4 {
    padding-top: 0;
}

@media (max-width: 479px) {
    .aktie-chart .date,
    .aktie-chart .time {
        text-align: left;
    }

    .aktie-chart .aktie-headrow h4 {
        margin-bottom: 10px;
    }

    .aktie-headrow .w-col {
        padding: 0;
    }

    .aktie-chart .aktie-datarow .col4 {
        border: none;
        padding-left: 0;
    }

    .aktie-chart .aktie-datarow .col3 {
        padding-right: 0;
    }

    .aktie-chart .data-cell.low,
    .aktie-chart .data-cell.high,
    .aktie-chart .data-cell.high-52,
    .aktie-chart .data-cell.low-52 {
        text-align: left;
        padding-left: 10px;
    }

    .aktie-chart .aktie-datarow .col3,
    .aktie-chart .aktie-datarow .col4 {
        border-top: 1px solid #ccc;
        padding-top: 10px;
    }
    .aktie-chart .frankfurt {
        margin-left: 0;
        padding-left: 5px;
    }
    .aktie-chart .aktie-headrow {
        margin-bottom: 30px;
    }
}

/**
 * Datepicker and stuff
 */
input.datepick {
    border: none;
    color: #333;
    width: 80px;
    background-color: transparent;
}

.datepick {
    background-color: #fff;
    color: #333;
    border: none;
    border-radius: 0;
    font-family: Arial, 'Noto Sans', Sans-serif;
    font-size: 90%;
}

.datepick-month-header, .datepick-month-header select, .datepick-month-header input {
    height: 2em;
    background-color: #333;
    color: #fff;
    font-weight: bold;
}

.datepick-nav {
    float: left;
    width: 100%;
    background-color: #eee;
    font-size: 100%;
    font-weight: 300;
    padding: 5px 0;
}

.datepick-ctrl {
    display: none;
}

.datepick-month td .datepick-other-month {
    background-color: transparent;
}

.datepick-month a {
    background-color: #eee;
    color: #333;
    border: none;
    text-decoration: none;
}

.datepick-month td .datepick-today {
    background-color: #333;
    border: none;
    color: #fff;
}

.datepick-month td .datepick-highlight {
    background-color: crimson;
    border: none;
    color: #fff;
}

a.datepick-cmd.datepick-cmd-today {
    font-weight: 600;
    text-transform: capitalize;
}

.datepick-month td .datepick-selected {
    background-color: crimson;
    color: #fff;
    border: none;
}

.datepick-month {
    float: left;
    width: 17em;
    border: 1px solid #ccc;
    text-align: center;
    padding-bottom: 5px;
}

/**
 * The Count (der Graph)
 */
.vis-shadow {
    display: none !important;
}

.aktie-graph .vis-timeline {
    border: none;
    overflow: visible;
}

.aktie-graph .vis-panel.vis-left {
    overflow: visible;
}

.aktie-graph .vis-panel.vis-bottom,
.aktie-graph .vis-panel.vis-center,
.aktie-graph .vis-panel.vis-left,
.aktie-graph .vis-panel.vis-right,
.aktie-graph .vis-panel.vis-top {
    border: none;
}

.aktie-graph .vis-time-axis .vis-grid.vis-minor {
    border: none;
}

.aktie-graph .vis-graph-group0 {
    fill: #6e7c7c;
    stroke: #6e7c7c;
}

.aktie-graph .vis-data-axis .vis-y-axis.vis-minor {
    color: #999;
}

.aktie-chart.small .aktie-graph .vis-data-axis .vis-y-axis.vis-minor,
.aktie-chart.small .aktie-graph .vis-data-axis .vis-y-axis.vis-major,
.aktie-chart.small .aktie-graph .vis-time-axis .vis-minor,
.aktie-chart.small .aktie-graph .vis-time-axis .vis-major {
    font-size: 10px;
}

.aktie-graph .vis-data-axis .vis-y-axis.vis-major {
    color: #333;
}

.aktie-graph .vis-panel.vis-background.vis-horizontal .vis-grid.vis-major,
.aktie-graph .vis-panel.vis-background.vis-horizontal .vis-grid.vis-minor {
    border-color: #ccc;
}

.aktie-graph .vis-time-axis .vis-grid.vis-major {
    border: none;
}

.aktie-graph .vis-current-time {
    display: none;
}

.aktie-chart .aktie-x-axis {
    font-weight: bold;
    margin-left: -9px;
    margin-top: 45px;
}

.aktie-chart .aktie-graph {
    min-height: 455px;
    position: relative;
    margin-top: 75px;
    margin-left: -20px;
    /*margin-bottom: 50px;*/
}

.aktie-graph .fa-spinner {
    position: absolute;
    top: 50%;
    left: 47%;
}

.aktie-chart .vis-time-axis .vis-text {
    padding: 7px;
    font-size: 12px;
    color: #9d9d9d;
}

/**
 * The small variant
 */
.aktie-chart.small .aktie-headrow {
    border-top: 1px solid #333;
}

#se_teaser .aktie-chart.small .overlay-text-wrapper {
    color: #333;
}

.aktie-chart.small {
    background-color: #eee;
    padding: 23px;
    font-size: 12px;
    height: 0;
}
#se_teaser .aktie-chart.small {
    padding-bottom: 60% !important;
}

.border-mobile .aktie-chart.small {
    padding: 30px;
}

.aktie-chart.small .aktie-headrow {
    margin-bottom: 0;
    padding-top: 2px;
}

.aktie-chart.small .aktie-x-axis {
    margin-left: 0;
    margin-top: 4px;
    font-weight: normal;
    font-size: 11px;
}

.aktie-chart.small .aktie-graph {
    margin-top: 35px;
    margin-bottom: 0;
    min-height: 0;
}

.aktie-chart.small .w-col.aktie-headrow {
    border: none;
    font-weight: bold;
}

.aktie-chart.small .date {
    padding-right: 15px;
}

.aktie-chart.small .aktie-arrow {
    position: static;
    height: 15px;
    width: 15px;
    margin-left: 12px;
    margin-top: -5px;
}

.aktie-chart.small  .vis-time-axis .vis-text{
    padding-top: 0;
}

.aktie-chart.small .delta-percent {
    padding-left: 15px;
    border-left: 1px solid #ccc;
    margin-left: 15px;
}


.aktie-chart .overlay-text-wrapper {
    color: #333;
}

.vis-panel.vis-background.vis-horizontal > div:first-child {
    top: 0 !important;
}

@media (max-width: 1200px) {
    .aktie-chart.small .aktie-headrow .time {
        display: none;
    }
    .aktie-chart.small .date {
        padding: 0;
    }
}

@media (max-width: 1153px) {
    /*.aktie-chart .price,*/
    .aktie-chart.small .price {
        font-size: 15px;
    }
    .aktie-chart.small .delta-percent {
        padding-left: 5px;
        margin-left: 5px;
        border: none;
    }
}

@media (max-width: 991px) {
    .aktie-chart .price,
    .aktie-chart.small .price {
        font-size: 24px;
    }
    .aktie-chart.small .aktie-headrow .time {
        display: inline;
    }
    .aktie-chart.small .date {
        padding-right: 15px;
    }
    .aktie-chart.small .delta-percent {
        padding-left: 15px;
        border-left: 1px solid #ccc;
        margin-left: 15px;
    }
}

@media (max-width: 840px) {
    .aktie-chart.small .aktie-headrow .time {
        display: none;
    }
    .aktie-chart.small .date {
        padding: 0;
    }
}

@media (max-width: 767px) {
    .aktie-chart.small .aktie-headrow .time {
        display: inline;
    }
    .page-teaser-chart .aktie-chart.small .aktie-headrow .time,
    .page-teaser-chart .aktie-chart.small .date{
        display: none;
    }

    .aktie-chart.small .date {
        padding-right: 15px;
    }
}

@media (max-width: 767px) {
    .aktie-chart.small .delta-percent {
        padding-left: 10px;
        margin-left: 10px;
    }
}
@media (max-width: 767px) {
    .aktie-chart.small .delta-percent {
        padding-left: 5px;
        margin-left: 5px;
        border: none;
    }
}

@media (max-width: 500px) {
    .aktie-chart .price,
    .aktie-chart.small .price {
        font-size: 20px;
    }
}
@media (max-width: 479px) {
    .page-teaser-chart .aktie-chart.small .aktie-headrow .time,
    .page-teaser-chart .aktie-chart.small .date {
        display: inline;
    }
    .aktie-chart.small .delta-percent {
        padding-left: 15px;
        border-left: 1px solid #ccc;
        margin-left: 15px;
    }
}

@media (max-width: 410px) {
    .aktie-chart.small .aktie-headrow .time {
        display: none;
    }
    .aktie-chart.small .date {
        padding: 5px;
    }
}

@media (max-width: 380px) {
    .aktie-chart.small .delta-percent {
        padding-left: 5px;
        margin-left: 5px;
        border: none;
    }
}


@media (max-width: 360px) {
    .aktie-chart .price,
    .aktie-chart.small .price {
        font-size: 15px;
    }
    .page-teaser-chart .aktie-chart.small .aktie-headrow .time,
    .page-teaser-chart .aktie-chart.small .date{
        display: none;
    }
}

/**
 * Stuff for the labels
 */
.aktie-graph .vis-graph-group0.vis-point {
    fill: transparent;
    stroke: transparent;
}

.vis-label {
    fill: #eee;
    font-weight: bold;
}

.aktie-error {
    margin-top: 20px;
    color: crimson;
    font-weight: bold;
    display: none;
}

.aktie-graph .vis-time-axis.vis-foreground {
    left: -22px;
    overflow: visible;
}
@media (max-width: 900px) {
    .aktie-graph .vis-time-axis.vis-foreground {
        left: 0;
        overflow: hidden;
    }
}

.aktie-chart.small .aktie-graph .vis-time-axis.vis-foreground {
    left: 0;
}
.aktie-chart.xetra .vis-h8 {
    display: none;
}
.aktie-chart.frankfurt .vis-h7 {
    display: none;
}

/**
 * Aktie Übersichtsseiten, Miniplugin
 */
.teaserpage .aktie-chart.small {
    margin-top: 19px;
}

.aktie-chart.small .aktie-headrow b {
    font-size: 12px;
    letter-spacing: 0.053em;
}

.aktie-chart.small .vis-time-axis.vis-foreground .vis-h8,
.aktie-chart.small .vis-time-axis.vis-foreground .vis-h10,
.aktie-chart.small .vis-time-axis.vis-foreground .vis-h11,
.aktie-chart.small .vis-time-axis.vis-foreground .vis-h12,
.aktie-chart.small .vis-time-axis.vis-foreground .vis-h14,
.aktie-chart.small .vis-time-axis.vis-foreground .vis-h15,
.aktie-chart.small .vis-time-axis.vis-foreground .vis-h16{
   display: none;
}

.aktie-chart.small .vis-time-axis.vis-foreground .vis-h9 {
    margin-left: -8px;
}

.aktie-chart.small .vis-time-axis.vis-foreground .vis-h13 {
    margin-left: -20px;
}

.aktie-chart.small .vis-time-axis.vis-foreground .vis-h17 {
    margin-left: -25px;
}

.aktie-chart.small .vis-time-axis.vis-foreground .vis-today {
    width: 40px !important;
}


@media (max-width: 771px) {
    .teaserpage .aktie-chart .price {
        font-size: 15px;
    }
}
@media (max-width: 673px) {
    .teaserpage .aktie-chart .aktie-headrow.align-right {
        display: none;
    }
    .teaserpage .aktie-chart .aktie-pricerow {
        width: 100%;
    }
}

@media (max-width: 479px) {
    .teaserpage .aktie-chart .aktie-headrow.align-right {
        display: block;
    }
    .teaserpage .aktie-chart .aktie-pricerow {
        width: 50%;
    }
}

@media (max-width: 333px) {
    .teaserpage .aktie-chart .aktie-headrow.align-right {
        display: none;
    }
    .teaserpage .aktie-chart .aktie-pricerow {
        width: 100%;
    }
}