﻿.tag-chip {
    display: inline-block;
    background: #e0e0e0;
    border-radius: 10px;
    padding: 2px 8px;
    margin: 2px;
    font-size: 12px;
}

.tag-x {
    margin-left: 6px;
    cursor: pointer;
    color: #666;
}

    .tag-x:hover {
        color: #c00;
    }

.ntd-tag-chip-close {
    border-radius: 50% !important;
    transition: background-color 120ms ease, color 120ms ease, box-shadow 120ms ease;
}

    .ntd-tag-chip-close:hover {
        background: rgba(0, 0, 0, .12) !important;
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08) !important;
    }


.phone-scroll-host {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    touch-action: pan-y pinch-zoom;
    overscroll-behavior: contain;
}

    .phone-scroll-host::-webkit-scrollbar,
    .phone-scroll-host *::-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important;
        display: none !important;
        background: transparent !important;
    }

.phone-splitter-grip {
    touch-action: none;
    -ms-touch-action: none;
    user-select: none;
    -webkit-user-select: none;
    cursor: ns-resize;
}

.ntd-phone-portrait-splitter-grip {
    touch-action: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
    cursor: ns-resize !important;
    background-color: transparent !important;
    box-shadow: none !important;
    background-image:
        radial-gradient(circle, rgba(0, 0, 0, .42) 0 2px, transparent 2.5px),
        radial-gradient(circle, rgba(0, 0, 0, .42) 0 2px, transparent 2.5px),
        radial-gradient(circle, rgba(0, 0, 0, .42) 0 2px, transparent 2.5px) !important;
    background-repeat: no-repeat !important;
    background-size: 5px 5px, 5px 5px, 5px 5px !important;
    background-position: calc(50% - 10px) 50%, 50% 50%, calc(50% + 10px) 50% !important;
}

html.ntd-phone-splitter-dragging,
html.ntd-phone-splitter-dragging * {
    -webkit-user-select: none !important;
    user-select: none !important;
}

html.ntd-phone-splitter-dragging .ntd-shell-scroll {
    overflow: hidden !important;
    touch-action: none !important;
}

.ntd-main-area-frame {
    box-sizing: border-box !important;
    border-radius: .8em !important;
    overflow: hidden !important;
    box-shadow: none !important;
}

    .ntd-main-area-frame > *,
    .ntd-main-area-frame [name="pane"],
    .ntd-main-area-frame .ntd-section-header,
    .ntd-main-area-frame .ntd-tabbar,
    .ntd-main-area-frame .ntd-toolbar,
    .phone-scroll-host .ntd-shell-portrait-section > *,
    .phone-scroll-host .ntd-shell-portrait-section [name="pane"],
    .phone-scroll-host .ntd-shell-portrait-section .ntd-section-header,
    .phone-scroll-host .ntd-shell-portrait-section .ntd-tabbar,
    .phone-scroll-host .ntd-shell-portrait-section .ntd-toolbar {
        border-radius: 0 !important;
    }

.ntd-center-frame,
.ntd-desktop-chart-section,
.ntd-desktop-info-section,
.ntd-phone-chart-section,
.ntd-phone-info-section {
    box-sizing: border-box !important;
    border: 0 !important;
    border-radius: .8em !important;
    overflow: hidden !important;
}

    .ntd-center-frame > [name="pane"],
    .ntd-desktop-chart-section > [name="pane"],
    .ntd-desktop-info-section > [name="pane"],
    .ntd-phone-chart-section > [name="pane"],
    .ntd-phone-info-section > [name="pane"] {
        box-sizing: border-box !important;
        border: 1px solid #b0008a !important;
        border-radius: .8em !important;
        overflow: hidden !important;
        background: inherit !important;
    }

    .ntd-center-frame .ntd-section-header,
    .ntd-desktop-chart-section .ntd-section-header,
    .ntd-desktop-info-section .ntd-section-header,
    .ntd-phone-chart-section .ntd-section-header,
    .ntd-phone-info-section .ntd-section-header {
        border-radius: .8em .8em 0 0 !important;
        overflow: hidden !important;
    }

    .phone-scroll-host .ntd-center-frame > [name="pane"],
    .ntd-shell-scroll .ntd-center-frame > [name="pane"] {
        border-radius: .8em !important;
        overflow: hidden !important;
    }

    .phone-scroll-host .ntd-center-frame .ntd-section-header,
    .ntd-shell-scroll .ntd-center-frame .ntd-section-header {
        border-radius: .8em .8em 0 0 !important;
        overflow: hidden !important;
    }

    .phone-scroll-host .ntd-phone-chart-section > [name="pane"],
    .ntd-shell-scroll .ntd-phone-chart-section > [name="pane"] {
        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
    }

.phone-scroll-host .ntd-shell-portrait-section {
    box-sizing: border-box !important;
    margin: 0 !important;
}

.phone-scroll-host .ntd-shell-portrait-chartinfo {
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
}

.ntd-shell-scroll .ntd-phone-library-section,
.ntd-shell-scroll .ntd-phone-library-section *,
.ntd-shell-scroll .ntd-chartinfo-scroll,
.ntd-shell-scroll .ntd-chartinfo-scroll * {
    touch-action: pan-y pinch-zoom !important;
    overscroll-behavior: auto !important;
}

.ntd-shell-scroll .ntd-chart-library-list-host,
.ntd-shell-scroll .ntd-chart-library-list-host *,
.ntd-shell-scroll .ntd-chart-library-scroll-scope,
.ntd-shell-scroll .ntd-chart-library-scroll-scope * {
    overscroll-behavior: contain !important;
    overscroll-behavior-y: contain !important;
}

.ntd-desktop-chartinfo-scroll,
.ntd-desktop-chartinfo-scroll *,
.ntd-desktop-chart-section,
.ntd-desktop-info-section {
    overscroll-behavior: contain !important;
    overscroll-behavior-y: contain !important;
}

#ntd-phone-jump-top {
    position: fixed;
    right: 18px;
    bottom: 18px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 0;
    background: #8b2d78;
    color: #fff;
    font: 700 22px/46px Arial, sans-serif;
    text-align: center;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .28);
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;
    z-index: 2147483647;
    transition: opacity .18s ease, transform .18s ease;
}

#ntd-phone-jump-top.is-visible {
    opacity: .62;
    transform: translateY(0);
    pointer-events: auto;
}

/* iOS zoom guard: keep editable DOM inputs at >=16px without enlarging Wisej labels. */
.ntd-ios-input-zoom input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]),
.ntd-ios-input-zoom textarea,
.ntd-ios-input-zoom select,
.ntd-ios-input-zoom [contenteditable="true"],
.ntd-ios-input-zoom [role="textbox"] {
    font-size: max(16px, 1em) !important;
}

@media (hover: none) and (pointer: coarse) {
    input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]),
    textarea,
    select,
    [contenteditable="true"],
    [role="textbox"] {
        font-size: max(16px, 1em) !important;
    }
}

[title],
[data-tooltip],
[data-ntd-tooltip],
.tooltip-source {
    cursor: inherit;
}

.tooltip {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2147483000;
    max-width: min(27.5em, calc(100vw - 1.5em));
    padding: .7em .9em;
    border: .08em solid #5f6368;
    border-radius: .45em;
    background: #f5f6f7;
    color: #202428;
    box-shadow: 0 0 0 .08em rgba(255, 255, 255, .75) inset, 0 .75em 2.4em rgba(31, 35, 40, .18), 0 0 1.8em rgba(255, 255, 255, .88);
    font: .75rem/1.45 Arial, sans-serif;
    white-space: pre-line;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, .25em, 0);
    transition: opacity 120ms ease, transform 120ms ease, visibility 120ms ease;
}

.tooltip.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
}

.tooltip-tail {
    position: absolute;
    width: .8em;
    height: .8em;
    background: #f5f6f7;
    border: .08em solid #5f6368;
    transform: rotate(45deg);
    box-shadow: -.15em -.15em .65em rgba(255, 255, 255, .45);
}

.tooltip[data-placement="below"] .tooltip-tail {
    left: var(--tooltip-tail-left, 1.2em);
    top: -.48em;
    border-right: 0;
    border-bottom: 0;
}

.tooltip[data-placement="above"] .tooltip-tail {
    left: var(--tooltip-tail-left, 1.2em);
    bottom: -.48em;
    border-left: 0;
    border-top: 0;
}

.ntd-command-menu-overlay {
    overflow: visible !important;
    touch-action: pan-y pinch-zoom;
    overscroll-behavior: contain;
}

html.ntd-command-menu-open .ntd-shell-scroll,
html.ntd-command-menu-open .phone-scroll-host {
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    touch-action: pinch-zoom !important;
    -webkit-overflow-scrolling: auto !important;
}

html.ntd-dialog-open .ntd-shell-scroll,
html.ntd-dialog-open .phone-scroll-host {
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    touch-action: none !important;
    -webkit-overflow-scrolling: auto !important;
}

html.ntd-dialog-open,
html.ntd-dialog-open body {
    overflow: hidden !important;
    overscroll-behavior: contain;
}

.ntd-command-menu-surface {
    overflow: hidden !important;
    touch-action: pan-y pinch-zoom;
    overscroll-behavior: contain;
    contain: layout paint;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .26);
}

.ntd-command-menu-scroll {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y pinch-zoom;
    overscroll-behavior: contain;
    overscroll-behavior-y: contain;
}

.ntd-command-menu-row:hover {
    background: rgba(0, 0, 0, .06) !important;
}

.ntd-command-menu-row-disabled:hover {
    background: #fff !important;
}

.ntd-toolbar {
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.ntd-toolbar-button {
    position: absolute !important;
    box-sizing: border-box !important;
}

    .ntd-toolbar-button [name="label"],
    .ntd-toolbar-button .qx-button-label,
    .ntd-toolbar-button .wisej-button-label {
        left: var(--ntd-toolbar-label-left, 24px) !important;
        right: var(--ntd-toolbar-label-right, 4px) !important;
        width: calc(100% - var(--ntd-toolbar-label-left, 24px) - var(--ntd-toolbar-label-right, 4px)) !important;
        text-align: left !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

.ntd-toolbar-button-combo [name="label"],
.ntd-toolbar-button-combo .qx-button-label,
.ntd-toolbar-button-combo .wisej-button-label {
    right: var(--ntd-toolbar-label-right, 22px) !important;
    width: calc(100% - var(--ntd-toolbar-label-left, 24px) - var(--ntd-toolbar-label-right, 22px)) !important;
}

.ntd-toolbar-button-combo-dropdown {
    border-left: 1px dotted rgba(0, 0, 0, .34) !important;
}

    .ntd-toolbar-button-combo-dropdown [name="label"],
    .ntd-toolbar-button-combo-dropdown .qx-button-label,
    .ntd-toolbar-button-combo-dropdown .wisej-button-label {
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
        padding: 0 !important;
        margin: 0 !important;
        font-size: 22px !important;
        line-height: 1 !important;
    }

.ntd-toolbar-button-has-menu:not(.ntd-toolbar-button-combo)::after {
    content: "";
    position: absolute !important;
    left: 50% !important;
    top: 2px !important;
    transform: translateX(-50%) !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 4px solid transparent !important;
    border-right: 4px solid transparent !important;
    border-top: 5px solid var(--ntd-highlight, #9b167f) !important;
    z-index: 5 !important;
    pointer-events: none !important;
}

.ntd-toolbar-button-combo::after {
    content: "\25BE";
    position: absolute !important;
    right: calc(var(--ntd-toolbar-dropdown-width, 20px) / 2 - .35em) !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 1.3em !important;
    line-height: 1 !important;
    color: var(--ntd-highlight, #9b167f) !important;
    z-index: 4 !important;
    pointer-events: none !important;
}

.ntd-dialog.ntd-welcome-dialog {
    border-radius: .8em !important;
    overflow: hidden !important;
}

    .ntd-dialog.ntd-welcome-dialog [name="pane"],
    .ntd-dialog.ntd-welcome-dialog .qx-window-pane,
    .ntd-dialog.ntd-welcome-dialog .qx-window-captionbar {
        border-radius: .8em .8em 0 0 !important;
    }




/*aus Newsunware.com*/
a {
    color: darkblue;
}

    a:hover {
        color: #f00000;
    }

    a.announcer {
        color: var(--link, darkblue);
        text-decoration: underline
    }

    a.sat {
        color: var(--link, darkblue);
        text-decoration: underline
    }

        a.sat:hover {
            color: #f00000
        }

    a.white {
        font-weight: bold;
        color: #ffffff;
        text-decoration: none
    }

        a.white:hover {
            font-weight: bold;
            color: #ffffff;
            text-decoration: underline
        }


.blocklink {
    background-color: transparent;
    text-decoration: none;
    transition: all .15s linear;
}

    .blocklink:hover {
        color: #f00;
        background-color: var(--gold, #FCCC3D);
        padding: 0.5em;
    }

    .blocklink:active {
        color: #fff;
        background-color: #888;
    }

.mblocklink {
    background-color: transparent;
    text-decoration: none;
    transition: all .15s linear;
}

    .mblocklink:hover {
        color: #f00;
        background-color: var(--gold, #FCCC3D);
        padding: 0.25em;
    }

    .mblocklink:active {
        color: #fff;
        background-color: #888;
    }

.iblocklink {
    margin-left: 16px;
    padding-top: .5em;
    padding-bottom: .5em;
    /*text-indent: -17px;*/
}
.qx-table-scroller-focus-indicator {
    border-width: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
