/*  */

.main_Tools{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

.position_Input_Tools{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
}

.input_Tools{
    width: 100%;
    border-radius: 3px;
    margin: 10px 0px 0px 0px;    /* top, right, bottom, left */
    background-color: light-dark(rgb(210, 210, 210),rgb(75, 75, 75));
    color: light-dark(var(--primary_text_color_light),var(--primary_text_color_dark));
    font-size: 18px;
    padding: 6px 4px;
}

.tool_Table{
    width: 100%;
    margin: 0px 0px 0px 0px;    /* top, right, bottom, left */
}

.Ergebnistabelle{
    min-width: min-content;
    margin: 0px 0px 0px 20px;    /* top, right, bottom, left */
}

.Line_Container{
    position: fixed; /* Positioniert das SVG relativ zum Browserfenster */
    top: 0;
    left: 0;
    width: 100vw; /* 100% der Viewport-Breite */
    height: 100vh; /* 100% der Viewport-Höhe */
    z-index: 10; /* Stellt sicher, dass das SVG über den anderen Inhalten liegt */
    pointer-events: none; /* Wichtig: Ermöglicht Klicks auf Elemente, die unter den Linien liegen */
}

.Hide_Header{
    display: none !important;
}

.tabulator-header{
    z-index: 13;
}

.tabulator-col-resize-handle{
    z-index: 13 !important;
}

.tabulator-row-handle{
  cursor: grab !important;
}

.tabulator-cell{
    cursor: default;
    z-index: 12;
}

.tabulator-cell[tabulator-field="art"] {
    cursor: pointer !important;
}

.tabulator-cell[tabulator-field="toleranz"] {
    cursor: pointer !important;
}

.tabulator-frozen{
    z-index: 13 !important;
}

.diagonale{
    cursor: default !important;
}

.tabulator-cell.tabulator-editable{
    vertical-align: middle;
    cursor: text;
}

.spalte_loeschen{
    vertical-align: middle;
    margin-left: 2px;
    margin-right: 7px;
}