﻿/* CSS File for Public Dialog */

tbody td.text-right {
    /* Einrückung in Tabelle wegen den Pfeilen für die sortierung*/
    padding-right: 34px !important;
}

.v-item-group .v-slide-group__prev--disabled {
    /* Verhindert komische einrückung von V-Tabs auf Mobile */
    display: none !important;
}

.nowhow-table thead {
    background-color: #eeeeee;
}

.col .nowhow-table.no-border-table {
    border: none !important;
    box-shadow: none !important;
}

.fat-divider {
    border-width: 2px !important;
}

mark {
    background-color: rgba(48, 79, 254, 0.2);
}

.list-item-without-content {
    list-style-type: circle;
}

.v-navigation-drawer__content .v-list-item__action {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.v-navigation-drawer {
    min-height: 100vh !important;
    min-height: fill-available !important;
    min-height: -webkit-fill-available !important;
    height: 100vh !important;
    height: fill-available !important;
    height: -webkit-fill-available !important;
}

/* Links in Content sollen blau bzw violett dargestellt werden */
.v-main a, .v-footer a {
    color: #0000EE !important;
    text-decoration: none !important;
}

.v-main a:visited, .v-footer a:visited {
    color: #551A8B !important;
    text-decoration: none !important;
}

.v-main a:hover, .v-footer a:hover {
    color: #008080 !important;
    text-decoration: underline !important;
}

/* Textgrösse Footer analog wie sonst Content */
.v-footer {
    font-size: .875rem;
    font-weight: 400;
}

/* Schrift in cards von theme zu hell - manuell abdunkeln */
.theme--light.v-card .v-card__subtitle,
.theme--light.v-card > .v-card__text {
    color: #000000 !important;
}

.theme--light.v-data-table > .v-data-table__wrapper > table > tbody > tr:not(:last-child) > td:last-child, .theme--light.v-data-table > .v-data-table__wrapper > table > tbody > tr:not(:last-child) > td:not(.v-data-table__mobile-row), .theme--light.v-data-table > .v-data-table__wrapper > table > tbody > tr:not(:last-child) > th:last-child, .theme--light.v-data-table > .v-data-table__wrapper > table > tbody > tr:not(:last-child) > th:not(.v-data-table__mobile-row), .theme--light.v-data-table > .v-data-table__wrapper > table > thead > tr:last-child > th {
    border-bottom: thin solid rgba(0, 0, 0, .5);
}

table {
    max-width: 99%;
}

table table td {
    font-size: 0.875rem;
}

[v-cloak] {
    display: none;
}

table td {
    font-size: 0.875rem;
}

table th {
    font-size: 0.875rem !important;
    font-weight: bold !important;
    color: black !important;
}

/* Default Bullet-Lists mit Dash anzeigen anstatt Browser-Standard */
.v-main ul:not([style*='list-style-type']) {
    list-style-type: "-   ";
}

/* Ausnahme für Listen */
.list-item-with-content {
    list-style-type: disc;
}

/* DOSIERUNG TABLE */
.table-dosierung > div > table th {
    border-top: 3px solid black;
    font-size: 100% !important;
}

/* INPUTS UZH */
body, td, th, div {
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0px 0px 8px 0px;
}

.v-toolbar__title h3 {
    margin: 0;
}

p {
    font-size: 100%;
}

input, textarea {
    font-size: 88%;
}

select {
    font-size: 88%;
}

tt {
    font-size: 100%;
    font-family: Courier, Courier New, monospace;
}

h6 {
    font-size: 100%;
}

h6.half {
    font-size: 50%;
}

h5 {
    font-size: 108%;
}

h4 {
    font-size: 115%;
}

h3 {
    font-size: 122%;
}

h2 {
    font-size: 130%;
}

h1 {
    font-size: 140%;
}

table.framed {
    border-collapse: collapse;
    border: 1px solid black !important;
}

table.framed th {
    padding: 2px;
    border: 1px solid black !important;
}

table.framed td {
    padding: 2px;
    border: 1px solid black !important;
}

table.boxed {
    border-collapse: collapse;
    border: 3px solid black !important;
}

table.boxed th {
    padding: 2px;
}

table.boxed td {
    padding: 2px;
}

table.padded {
    border-collapse: collapse;
    margin-left: -2px;
}

table.padded th {
    padding: 2px;
}

table.padded td {
    padding: 2px;
}

table.plain {
    border-collapse: collapse;
    border: 0px solid white !important;
}

table.plain th {
    border: 0px solid white !important;
    padding-top: 0px;
    padding-bottom: 0px;
}

table.plain td {
    border: 0px solid white !important;
    padding-top: 0px;
    padding-bottom: 0px;
}

table.plain th:first-child {
    padding-left: 0px;
}

table.plain td:first-child {
    padding-left: 0px;
}

table.alter {
    border-collapse: collapse;
    border: 0px solid white !important;
}

table.alter th {
    border: 0px solid white !important;
    padding-top: 0px;
    padding-bottom: 0px;
}

table.alter td {
    border: 0px solid white !important;
    padding-top: 0px;
    padding-bottom: 0px;
}

table.alter tr:nth-child(odd) {
    background-color: #DAE5F4;
}

table.alter tr:nth-child(even) {
    background-color: #E2E2E2;
}

table.alter th:first-child {
    padding-left: 0px;
}

table.alter td:first-child {
    padding-left: 0px;
}

/* CSS für Sponsoren-Links START  */
table.alterframed {
    border: 1px solid black !important;
    border-collapse: collapse;
}

table.alterframed th {
    border: 1px solid black !important;
    border-collapse: collapse;
    padding: 2px;
}

table.alterframed td {
    border: 1px solid black !important;
    border-collapse: collapse;
    padding: 2px;
}

table.alterframed tr:nth-child(odd) {
    background-color: #DAE5F4;
}

table.alterframed tr:nth-child(even) {
    background-color: #E2E2E2;
}

table.alterpadded {
    border: 0px solid black !important;
    border-collapse: collapse;
}

table.alterpadded th {
    padding: 2px;
    border: 0px solid black !important;
    border-collapse: collapse;
}

table.alterpadded td {
    padding: 2px;
    border: 0px solid black !important;
    border-collapse: collapse;
}

table.alterpadded tr:nth-child(odd) {
    background-color: #DAE5F4;
}

table.alterpadded tr:nth-child(even) {
    background-color: #E2E2E2;
}

input.likea {
    color: blue;
}

input.likea:hover {
    color: blue;
    text-decoration: underline;
}

input.h3likea {
    color: blue;
    font-size: 122%;
    margin: 0px 0px 8px 0px;
    font-weight: bold;
}

input.h3likea:hover {
    color: blue;
    text-decoration: underline;
}

input.button {
    background-color: #e0e0e0;
    color: #000000;
    border: 1px solid black;
    border-radius: 5px;
    text-align: center;
    padding: 2px 2px;
}

input.text {
    background-color: #ffffff;
    color: #000000;
    border: 1px solid black;
    text-align: left;
    padding: 2px 2px;
}

div.nocopy {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed: Chrome and Opera */
    color: transparent;
    text-shadow: 0 0 8px #000;
}

div.nocopy h1 {
    color: transparent;
    text-shadow: 0 0 8px #000;
}

div.nocopy h2 {
    color: transparent;
    text-shadow: 0 0 8px #000;
}

div.nocopy h3 {
    color: transparent;
    text-shadow: 0 0 8px #000;
}

div.nocopy h4 {
    color: transparent;
    text-shadow: 0 0 8px #000;
}

div.nocopy h5 {
    color: transparent;
    text-shadow: 0 0 8px #000;
}

div.nocopy h6 {
    color: transparent;
    text-shadow: 0 0 8px #000;
}

div.nocopy th {
    color: transparent !important;
    text-shadow: 0 0 8px #000;
}

div.nocopy td {
    color: transparent;
    text-shadow: 0 0 8px #000;
}

div.nocopy a:link {
    color: transparent !important;
    text-shadow: 0 0 8px #000;
}

div.nocopy a:visited {
    color: transparent !important;
    text-shadow: 0 0 8px #000;
}

div.nocopy img {
    -webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */
    filter: blur(5px);
}

/* CSS für Sponsoren-Links END  */


/* Weitere Anpassungen CSS auf Wunsch von Herrn Demuth START */
body, p, tr, div {
    line-height: 150%;
}

sub {
    font-size: 75%;
}

sup {
    font-size: 75%;
}

.supfraction {
    vertical-align: baseline;
    position: relative;
    top: -0.6em;
    font-size: 55%;
    font-weight: 600;
}

.subfraction {
    vertical-align: baseline;
    position: relative;
    bottom: -0.05em;
    font-size: 55%;
    font-weight: 600;
}

/* Weitere Anpassungen CSS auf Wunsch von Herrn Demuth STOP */

/* CSS Anpassungen übernommen aus paradox.css */


h6 {
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    margin-bottom: 0px;
    margin-top: 0px;
}

tr {
    line-height: 150% !important;
}

p {
    line-height: 150% !important;
}

div {
    line-height: 150% !important;
}

sup {
    font-size: 75%;
}

sub {
    font-size: 75%;
}

ins {
    text-decoration-line: none;
    border-bottom: 1px solid black;
}

kbd {
    border-style: none !important;
    padding: 0px !important;
    margin-right: 0px !important;
    font-size: 100% !important;
    font-weight: 500 !important;
    color: #000000 !important;
    background-color: #ffffff !important;
    box-shadow: none !important;
}

tt {
    font-family: Lucida Sans Typewriter, Lucida Console, monospace !important;
}

summary {
    font-size: 122%;
    font-weight: bold;
    color: blue;
    margin: 0px 0px 8px 0px;
    cursor: pointer;
}

summary:hover {
    text-decoration: underline;
}

.supfraction {
    vertical-align: baseline;
    position: relative;
    top: -0.6em;
    font-size: 55%;
    font-weight: 600;
}

.subfraction {
    vertical-align: baseline;
    position: relative;
    bottom: -0.05em;
    font-size: 55%;
    font-weight: 600;
}

.nobreak {
    white-space: nowrap;
}

.onlytopgap {
    margin-bottom: 0px;
    margin-top: 8px;
}

.onlybottomgap {
    margin-bottom: 8px;
    margin-top: 0px;
}

.bothgap {
    margin-bottom: 8px;
    margin-top: 8px;
}

.nogap {
    margin-bottom: 0px;
    margin-top: 0px;
}

.anchor {
    padding-top: 70px;
}

.likea {
    font-size: 100%;
}

/* CSS Anpassungen übernommen aus paradox.css STOP*/

/* CSS für AntiparasiticScout List Hierarchie*/

.parasitenreich {
    /* no further indent */
}
.parasitenklasse {
    margin-left: 20px;
}
.parasitenordnung {
    margin-left: 30px;
}
.parasitengruppe {
    margin-left: 40px;
}
.parasitenspezies {
    margin-left: 50px;
}

/* Layout Text mit Bullet-Lists */
.v-application p {
    margin-top: 12px;
    margin-bottom: 0px;
}

/* Layout für Toolbar Titel und Subtitel der generierten Seiten */

.toolbar-title {
    display: inline-block;
    vertical-align: middle;
    line-height: 130%;
}

.subtitle {
    line-height: 120%;
}

.subtitle-normal {
    font-weight: normal;
}

.mb-10-px {
    margin-bottom: 10px !important;
    margin-top: 0 !important;
}
/* Verbesserung des "Druck-Outputs" */

@media print {

    .v-app-bar, .v-app-bar * { position: relative !important; }

    .v-main, .v-main *  { position: relative !important; }

    .v-footer, .v-footer * { position: relative !important; }

    .v-menu, .v-menu * { position: fixed !important;}

    .text-center, .text-center  * { visibility: hidden !important; }

    .caption, .caption * { display: none !important; }

}