/* ******************************************************** */
/* AMNOG-Spezfika */
/* ******************************************************** */

/* Text highlight (light-blue box)*/
.highlight.orphan {
    padding: 0.1em 0;
}
.highlight.orphan span {
    letter-spacing: -0.15em;
    color: transparent;
}

.tx-amnog {
    clear: both;
}

.tx-amnog .category {
    padding: 0 0.2em 0 0;
}

.tx-amnog .category:before {
    content: '|';
    margin: 0 0.2em 0 0;
}

.tx-amnog .category:first-child:before {
    display: none;
}

/* Bulletpoints */
.tx-amnog ul, .tx-amnog ol {
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0 0 0 1.5em;
    list-style: none;
}

.tx-amnog li:before {
    content: '•';
    color: #448193;
    display: inline-block;
    width: 1em;
    margin-left: -1em
}

.tx-amnog ul ol,
.tx-amnog ol ol {
    list-style-type: lower-alpha;
}

.tx-amnog ul.nobullets {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tx-amnog ul.nobullets li:before {
    display: none;
}

.hr {
    display: block;
    width: 100%;
    border-top: 1px solid #a6bfc8;
    margin: 0;
}

/* Style Mortalität, Morbidität, Lebensqualität, Nebenwirkungen */
.ergebnisse li > em {
    /*font-style: normal;*/
    font-weight: bold;
}

/* ******************************************************** */
/* Pagebrowser */
/* ******************************************************** */
.tx-amnog .page-navigation > p {
    display: none;
    margin: 0;
}

.tx-amnog .page-navigation ul {
    width: 100%;
    list-style: none;
    padding: 0;
    border-bottom: 1px dotted #666666;
}

.tx-amnog .page-navigation ul li {
    display: inline;
    margin-right: 10px;
    color: #448193;
}

.tx-amnog .page-navigation li.current,
.tx-amnog .page-navigation ul li a {
    padding: 0 5px;
}

.tx-amnog table.amnog-list {
    margin: 0.3em 0 4em 0;
}

.tx-amnog table.amnog-list th {
    line-height: 110%;
    padding: 0.1em inherit
}

.tx-amnog table tr th:first-child,
.tx-amnog table tr td:first-child {
    width: 20%;
}

.tx-amnog table.beschlussVerwandt tr th:first-child,
.tx-amnog table.beschlussVerwandt tr td:first-child,
.tx-amnog table.innertable tr th:first-child,
.tx-amnog table.innertable tr td:first-child {
    width: auto;
}

@media screen and (max-width: 1081px) {
    .tx-amnog table tr th:first-child,
    .tx-amnog table tr td:first-child {
        width: auto;
    }
}


.betrag {
    text-align: right;
    white-space: nowrap;
}

.para130a {
    padding-right: 1em;
}

.small {
    font-size: 75%;
    line-height: 115%;
}

.line-through {
    text-decoration: line-through;
    text-decoration-thickness: 0.15em;
}

.festbetrag,
.apuEffektiv,
.launchDelta,
.beschlussDelta,
.jtkAktuellDelta,
.zvtDelta {
    /*font-style: italic;*/
    text-align: right;
    /*color: #999999;*/
}

.kaep {
    font-style: italic;
}

.deltaArrow {
    color: #E2B229;
}

.jtk,
.jtkAktuellDelta,
.zvtDelta,
.jtkKombi,
.zvtKombi {
    text-align: center;
}

sup.fussnote {
    position: absolute;
}

td.first {
    border-left: 1px solid #a6bfc8;
}

/*th.apuEffektiv,*/
/*th.launchDelta,*/
/*th.beschlussDelta,*/
/*th.zvtDelta,*/
/*th.jtkAktuellDelta,*/
th.festbetrag {
    color: #cccccc;
}

th.first {
    border-left: 1px solid #ffffff;
}

/* ******************************************************** */
/* Responsive table */
/* ******************************************************** */
@media screen and (max-width: 1081px) {
    .betrag,
    .apuEffektiv,
    .launchDelta,
    .beschlussDelta,
    .jtkKombi,
    .jtkAktuellDelta,
    .zvtKombi,
    .zvtDelte {
        text-align: left;
    }

    td.hide-responsive {
        display: none;
    }

    .apuEffektiv.first,
    .zvtDelta.first,
    th.apuEffektiv.first,
    th.zvtDelta.first {
        border-left: none;
    }

    .para130a {
        padding-right: 0;
    }

    table.responsive,
    table.responsive thead,
    table.responsive tbody,
    table.responsive th,
    table.responsive td,
    table.responsive tr {
        display: block;
    }

    table.responsive thead tr,
    table.responsive th {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .tx-amnog table tr td,
    .tx-amnog table tr th.drittel,
    .tx-amnog table tr th.drittel:first-child,
    .tx-amnog table tr td.drittel,
    .tx-amnog table tr td.drittel:first-child {
        position: relative;
        padding-left: 170px;
        width: calc(100% - 170px);
        text-align: left;
    }

    .tx-amnog table.responsive tr th:first-child,
    .tx-amnog table.responsive tr td:first-child {
        width: calc(100% - 170px);
    }

    .tx-amnog table.responsive table.innertable tr th:first-child,
    .tx-amnog table.responsive table.innertable tr td:first-child {
        width: auto;
        padding: 0;
    }

    table.responsive td:before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        content: attr(data-label); /* Inhalt aus data-attribute ausgeben */
        word-break: break-word; /* ggf. Umbruch */
        overflow: hidden;
        width: 160px;
        padding-left: 0.2em;
        border: none;
        background-color: #448193;
        color: #ffffff;
        font-family: 'Roboto-Regular'; /* bold */
        font-weight: normal;
        font-size: 75%;
        line-height: 115%;
        text-align: left;
    }

    table.responsive table.innertable td:before {
        display: none;
    }

    table tr.trennerMobil {
        border-top: 3px solid #448193;
    }

    table.responsive tr.trennerMobil td:first-child:before,
    table.responsive tr.trenner td:first-child:before {
        top: -3px;
        border-top: 3px solid #a6bfc8;
    }
}

table tr th.drittel,
table tr th.drittel:first-child,
table tr td.drittel,
table tr td.drittel:first-child {
    width: 33.3%;
    float: left;
    padding: 0;
}

/* ******************************************************** */
/* List View */
/* ******************************************************** */
.tx-amnog table.amnog-list tr th:first-child,
.tx-amnog table.amnog-list tr td:first-child,
.tx-amnog table.preise tr th:first-child,
.tx-amnog table.preise tr td:first-child {
    width: auto;
}

.tx-amnog table .amnogDateInner {
    display: block;
    text-align: center;
    line-height: 90%;
    position: relative;
    left: -0.25em;
    padding: 0.2em;
    text-decoration: none;
    max-width: 5.5em;
    white-space: normal;
}

@media screen and (max-width: 1081px) {
    .tx-amnog table .amnogDateInner {
        max-width: none;
        text-align: left;
        left: -0.05em;
        padding: 0.3em 0 0.2em 0;
    }
}

.tx-amnog table tr a {
    text-decoration: none;
}

.tx-amnog table td.datum {
    padding-right: 0.3em;
}


.tx-amnog table tr:hover td a:hover {
    text-decoration: underline;
}

.tx-amnog table tr:hover a:hover .amnogDateInnerInner, /* nur den "geltenden" Link */
.tx-amnog table tr:hover a:hover .amnogDateInnerInner { /* nur den Link für diese Tabellenzelle */
    text-decoration: none;
}

/* * LISTJS-Buttons*/
div.sort {
    padding: 0;
    font-family: 'Roboto-Regular'; /* bold */
    line-height: 110%;
}

.sort {
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    padding-right: 1em;
    position: relative;
}

.sort:before {
    position: absolute;
    bottom: 50%;
    right: 0.2em;
    line-height: 90%;
    font-size: .8em;
    content: "▲";
    opacity: 30%;
}
.sort:after {
    position: absolute;
    top: 50%;
    right: 0.2em;
    line-height: 90%;
    font-size: .8em;
    content: "▼";
    opacity: 30%;
}
.sort.asc:before,
.sort.desc:after {
    opacity: 100%;
}




/* ******************************************************** */
/* Detail View */
/* ******************************************************** */
table tr.trenner {
    border-top: 3px solid #448193;
}

table tr.trenner th {
    border-top: 3px solid #a6bfc8;
}

table table.innertable {
    margin: 0;
    padding: 0;
    border: none;
}

table table.innertable tr td {
    border-bottom: none;
}

table table.innertable tr:first-child td {
    border-top: none;
}

.effectArrow {
    position: relative;
    top: -0.25em;
    margin-left: 0.1em;
    font-size: 80%;
    text-shadow: 0px 1px 1px #000000;
}


/* NEU: TABELLE .amnog */
table td.ZN4-erheblich-3-Beleg {
    width: auto;
    background-color: #E2B229;
}

table td.ZN4-erheblich-2-Hinweis {
    width: auto;
    background-color: #F1DB9F;
}

table td.ZN4-erheblich-1-Anhalt {
    width: auto;
    background-color: #F8EDD1;
}

table td.ZN3-betraechtlich-3-Beleg {
    width: auto;
    background-color: #FCF319;
}

table td.ZN3-betraechtlich-2-Hinweis {
    width: auto;
    background-color: #FDF9AA;
}

table td.ZN3-betraechtlich-1-Anhalt {
    width: auto;
    background-color: #FEFCD9;
}

table td.ZN2-gering-3-Beleg {
    width: auto;
    background-color: #BCD335;
}

table td.ZN2-gering-2-Hinweis {
    width: auto;
    background-color: #DFE9A8;
}

table td.ZN2-gering-1-Anhalt {
    width: auto;
    background-color: #EFF4D7;
}

table td.ZN1-nicht-quantifizierbar-3-Beleg {
    width: auto;
    background-color: #88B5D9;
}

table td.ZN1-nicht-quantifizierbar-2-Hinweis {
    width: auto;
    background-color: #C6DAED;
}

table td.ZN1-nicht-quantifizierbar-1-Anhalt {
    width: auto;
    background-color: #E3EDF6;
}

table td.ZN0-kein-3-Beleg,
table td.ZN0-kein-2-Hinweis,
table td.ZN0-kein-1-Anhalt,
table td.ZN0-kein {
    width: auto;
    background-color: #CCCCCC;
}

table td.ZN-1geringerer-3-Beleg {
    width: auto;
    background-color: #85736A;
}

table td.ZN-1geringerer-2-Hinweis {
    width: auto;
    background-color: #C9B9A9;
}

table td.ZN-1geringerer-1-Anhalt {
    width: auto;
    background-color: #E3D5CC;
}

@media screen and (max-width: 480px) {
    .AusklapperAkkordion table.beschlussVerwandt tr:nth-child(even) {
        background: #fafafa;
    }

    .AusklapperAkkordion table.beschlussVerwandt tr:hover,
    .AusklapperAkkordion table.beschlussVerwandt tr:nth-child(even):hover {
        background: #eeeeee;
    }
}

/* ******************************************************** */
/* Tooltips (Indikation) */
/* ******************************************************** */
.tooltip {
    position: relative;
}

.tooltip .tooltiptext {
    z-index: 1;
    position: absolute;
    top: calc(50% + 1.2em);
    left: 0;
    visibility: hidden;
    width: 0;
    padding: 6px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    border-radius: 6px;
    opacity: 0;
    font-size: 75%;
    line-height: 125%;
    transition: opacity 0.6s;
    hyphens: auto;
    white-space: normal;
    text-align: center;
}

.zvtDelta.tooltip .tooltiptext,
.apuEffektiv.tooltip .tooltiptext,
.launchDelta.tooltip .tooltiptext {
    left: auto;
    right: 0;
}

.small .tooltiptext {
    font-size: 100%;
}

.tooltip .tooltiptext a {
    color: #ffffff !important;
    font-family: 'Roboto-Regular'; /* bold */
    text-decoration: underline;
}

.tooltip .tooltiptext a:hover {
    text-decoration: none;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 5%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
}

.zvtDelta.tooltip .tooltiptext::after,
.apuEffektiv.tooltip .tooltiptext::after,
.launchDelta.tooltip .tooltiptext:after {
    left: 48%;
}

.beschlussDelta.tooltip .tooltiptext {
    left: auto;
    right: 0;
}

.beschlussDelta.tooltip .tooltiptext:after {
    left: 95%;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
    width: 280px;
}

/* ******************************************************** */
/* für Währungsangaben: kein Umbruch */
/* ******************************************************** */
.nowrap {
    white-space: nowrap;
}

/* ******************************************************** */
/* Für Downloads: FileIcon zeigen (statt Viewhelper) */
/* ******************************************************** */
.tx-amnog li a.html,
.tx-amnog li a[href ^='http://'],
.tx-amnog li a[href ^='https://'],
.tx-amnog li a[href $='/'] {
    background: url('../../images/fileicons/html.gif') no-repeat 0px 0px;
    padding: 4px 0 4px 30px;
}
.tx-amnog li a.pdf,
.tx-amnog li a[href $='.pdf'], .tx-amnog li a[href $='.PDF'] {
    background: url('../../images/fileicons/pdf.gif') no-repeat 0px 0px;
    padding: 4px 0 4px 30px;
}

.tx-amnog li a {
    text-decoration: none;
}

.tx-amnog li a:hover {
    text-decoration: underline;
}

.tx-amnog li a .description {
    font-size: 75%;
    color: #999;
    span: 0 0 0 0.3em;
}

.tx-amnog .andereVerhandlung {
    font-size: 85%;
}

.tx-amnog .verhandelt {
    font-family: 'Roboto-Regular'; /* bold */
    color: #E2B229;
    text-shadow: 0px 0px 0px #dddddd;
}

/* ************* */
/* Plotly */
/* ************* */
.rangeslider-mask-min, .rangeslider-mask-max {
    fill: rgb(187, 210, 233) !important;
    fill-opacity: 0.5 !important;
}

.plotly-notifier {
    font-family: inherit !important;
    line-height: 135% !important;
    /*display: none !important;*/
}

.notifier-note {
    background: #448193 !important;
}

/*.subplot .plot .scatterlayer .scatter .fills .js-fill {*/
/*  fill-opacity: .75 !important;*/
/*}*/

.amnogPlotly {
    width: 100%;
    clear: both;
    float: left;
}

.amnogPlotly .drei {
    width: 32%;
    float: left;
    margin: 0;
}

.amnogPlotly .zwei {
    width: 50%;
    float: right;
    margin: 0;
}

.full .amnogPlotly .zwei {
    width: 32%;
    float: left;
}

.full .amnogPlotly .zwei:first-child {
    width: 66%;
    float: right;
}

.amnogPlotly .eins {
}

#plotlyJtkverlauf,
#plotlyPatientenGraph,
#plotlyPreisverlaufGraph {
    clear: both;
}


@media screen and (max-width: 1081px) {
    .full .amnogPlotly .zwei {
        width: 48%;
    }

    .full .amnogPlotly .zwei:first-child {
        width: 50%;
    }
}

@media screen and (max-width: 768px) {
    .amnogPlotly .zwei,
    .full .amnogPlotly .zwei,
    .full .amnogPlotly .zwei:first-child,
    .amnogPlotly .drei {
        width: 100%;
    }
}

/* ******************************************************** */
/* Für den Druck */
/* ******************************************************** */
@media print {
    .backlink,
    .pznList {
        display: none;
    }
    .plot-container,
    .plotly {
        page-break-inside: avoid !important;
    }
}