﻿/* Ab hier alter CSS Inhalt */

/* Sorgt dafür das Elemente nicht mehr markiert werden können */
.not-selectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Sorgt dafür, dass deaktivierte Elemente eine geringe Transparenz haben */
*:disabled {
    opacity: 0.3 !important;
}

/* Scrollbar width */
::-webkit-scrollbar {
    width: 1em;
}

/* Scrollbar Track */
::-webkit-scrollbar-track {
    background: #d7dce1;
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
    margin-top: 1em;
    margin-bottom: 1em;
}

/* Scrollbar Handle */
::-webkit-scrollbar-thumb {
    background: #646973;
    border-radius: 10px;
}

/* Anpassungen am Syncfusion-Tooltip */
.e-tooltip-wrap {
    border-radius: 4px;
    opacity: 1;
}

    .e-tooltip-wrap.e-popup {
        min-width: min-content;
        background-color: white;
    }

    .e-tooltip-wrap .e-tip-content {
        color: black;
        white-space: nowrap;
        font-size: 0.9rem;
    }

/* Korrekte Größenanpassung des Diagramms an Ausmaße des Containers */
.e-chart {
    width: inherit !important;
    height: inherit !important;
    overflow: visible !important;
    z-index: 500;
}

/* Breiterer Abstand zum linken Bildrand */
.px-custom {
    padding-left: 12rem !important;
    padding-right: 1.5rem !important;
}

/* Design für den Link der aktiven Seite */
.active-page:link, .active-page:visited, .active-page:active {
    text-decoration: underline solid #ec0016;
    text-decoration-thickness: 0.2em;
    text-underline-offset: 0.3rem;
    color: black;
}

/* Design für den Link der aktiven Seite */
.active-page:hover {
    text-decoration: underline solid #ec0016;
    text-decoration-thickness: 0.2em;
    text-underline-offset: 0.3rem;
    color: black;
}

/* Standardfarbe der Links */
.custom-link {
    text-decoration: none;
    color: black;
}

    /* Links färben sich beim Hovern in DB-Rot */
    .custom-link:hover {
        text-decoration: underline solid #ec0016;
        text-decoration-thickness: 0.2em;
        text-underline-offset: 0.3rem;
        color: black;
    }

/* Farbe des sich drehenden Kreises des Overlays beim Laden */
.e-spinner-pane .e-spinner-inner .e-spin-material {
    stroke: #ec0016;
}

/* Linie unter der Dropdown-Liste */
.e-ddl.e-input-group.e-control-wrapper.e-input-focus::before, .e-ddl.e-input-group.e-control-wrapper.e-input-focus::after {
    background-color: transparent;
}

/* Entfernt die Umarandung der Buttons */
button:focus, button:active {
    outline: none !important;
    box-shadow: none !important;
}
