#sidePanel {
    width: 80vmin;
    position: fixed;
    z-index: 2;
    top: 12vmin;
    bottom: 0px;
    right: 0px;
    background-color: var(--second-color-lightest);
    overflow-x: hidden;
    opacity: 1;
    overflow-y: auto;
    height: 92.7%;
    color: var(--text-color-sidePanel);
    max-width: 98%;
    display: flex;
    background-color: transparent;
    overflow: hidden;
}

.sidePanelContent {
    background-color: var(--second-color-lightest);
    color: var(--text-color-sidePanel);
    height: fit-content;
    /* overflow: hidden auto; */
    border-left: 1px solid;
    height: 88vh;
    width: 100%;
    margin-left: 4vmin;
    position: relative;
    border-width: 1px;
    border-color: var(--second-color-light);
    overflow-y: auto;
    overflow-x: hidden;
}

.tableSearchIcon {
    padding: 0.4vmin;
    margin-left: -0.5vmin;
    cursor: pointer;
    font-size: 0.8em;
}

.metricFilterButtons {
    position: inherit;
    float: right;
    font-size: 3.8vmin;
    margin-top: 0.5vmin;
    margin-right: 1vmin;
}

#tableSearchCloseButton {
    position: fixed;
    right: 6vmin;
    top: 4vmin;
    font-size: 2vmin;
    cursor: pointer;
}

#tableSearchSaveButton {
    position: fixed;
    right: 5vmin;
    bottom: 7vmin;
    z-index: 1;
    font-size: 2vmin;
}

#tableSearchClearSelected {
    position: fixed;
    right: 27vmin;
    bottom: 7vmin;
    z-index: 1;
    font-size: 2vmin;
}

#tableSearch_searchTable_filter {
    margin-right: 4vmin;
}

#sidePanelControlBar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /* background: #fbfbfb; */
    font-size: 3vmin;
    height: 6vh;
}

#sidePanelDragBar {
    height: 100%;
    top: 0;
    /* top: 5vmin; */
    /* top: calc((85%-var(--headerHeight))/2); */
    position: absolute;
    margin-right: -1vmin;
    width: 1vmin;
    cursor: ew-resize;
    z-index: 10;
    position: absolute;
    left: 1.5vmin;
}

#sidePanelDragBarArrrow {
    left: -1.7vmin;
    position: absolute;
    font-size: 8vmin;
    color: var(--balken-color);
    /* color: var(--color-configurable); */
    font-weight: bold;
    margin-top: 36vmin;
}

#sidePanelDragBarArrrow:hover {
    color: var(--color-active);
}

#sidePanelHeader {
    z-index: -1;
    font-size: inherit;
    height: 6vh;
    display: flex;
    flex-direction: column;
}

#sidePanelHeader_ButtonLegend {
    display: none;
}

#sidePanelMenu {
    background: var(--main-color);
    height: 4vmin;
    text-align: left;
    display: none;
}

.activSidePanelButtonIcon {
    color: var(--color-active) !important;
}

#sidePanelControlBar>span, #sidePanelControlBar>div, .sidePanelButtonIcon {
    font-size: 2.1vmin !important;
    margin: 2.3vmin 1vmin;
    cursor: pointer;
}

.sidePanelControl {
    flex: 1 1 auto;
}

.sidePanelControl + .sidePanelControl {
    border-left: 2px solid var(--circle-fill-geo);
    height: 2.7vh;
}

#sidePanelHeader_ButtonInfoConfig {
    display: none;
}

.sidePanel_sectionContent {
    text-align: left;
    color: var(--text-color-sidePanel);
    width: 100%;
    white-space: nowrap;
}

#metricPanelRadioGroupLineComplexDiv select {
    background-color: var(--background-color);
    border: 1px solid var(--second-color-light);
    padding-left: 0.5vmin;
    background: var(--input-background-sidePanel);
    border-radius: 1vmin;
    height: 3.5vmin;
}

.sidePanel_ContentSelect {
    margin-left: 60px;
    width: 160px;
    background: var(--second-color-lightest);
    font-size: 1.4vmin;
    padding-left: 0.4vmin;
    padding-right: 0.4vmin;
    border: none;
}

.sidePanel_sectionContentHeader {
    width: 100%;
    background: var(--main-color);
    text-align: left;
}

#metricPanel_CircleColorLabel, #metricPanel_CircleSizeLabel, #metricPanel_LineColorLabel, #metricPanel_LineWidthLabel, #metricPanel_TimeFrameLabel {
    display: none;
}

#metricPanel_LineComplexLabel, #metricPanel_percCalcMethod {
    float: left;
    margin-top: 1.3vmin;
    padding-bottom: 1vmin;
    font-weight: bold;
    white-space: pre;
    margin-left: 1vmin;
    font-size: 2.2vmin;
}

#metricPanelRadioGroupLineComplexDiv {
    float: right;
}

#metricPanelRadioGroupPercCalcMethodDiv {
    display: block;
    float: right;
}

#metricPanelRadioGroupPercCalcMethod {
    background: var(--input-background-sidePanel);
    padding-left: 0.5vmin;
    height: 3.5vmin;
    border-radius: 1vmin;
    border: 1px solid var(--second-color-light);
}

.sidePanel_sectionContentHeaderRight {
    width: 100%;
    background: var(--main-color);
    text-align: left;
}

.sidePanel_sectionContentHeaderSingle {
    width: 100%;
    padding-left: 1vmin;
    background: var(--main-color);
    text-align: left;
    margin-top: 1vmin;
}

.sidePanel_sectionContentHeaderSingle_InfoTable {
    height: 3vmin;
    padding-top: 0.5vmin;
    padding-bottom: 0.4vmin;  
    height: 5vmin;
}

#divAnfrageEinschraenken {
    display: none;
}

.sidePanelContent_LeftColumn, .sidePanelContent_RightColumn {
    background: var(--second-color-lightest);
}

.sidePanel_sectionContentHeaderLabel {
    color: var(--header-textColor);
    font-weight: bolder;
    font-size: 1.8vmin;
    margin-left: 5vmin;
    padding-top: 0.7vmin;
    padding-bottom: 0.7vmin;
    z-index: 1;
    width: max-content;
}

.sidePanel_sectionContentHeaderSpan {
    color: var(--header-textColor);
    font-size: 2.3vmin;
    font-weight: bold;
    margin-top: 1.5vmin;
    display: inline-block;
}

.rainbowFont {
    background: linear-gradient(to right, #010A2D, #B0DEED, #C01466);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sidePanel_sectionContentHeaderImage {
    max-height: 4vmin;
    float: left;
    margin-left: 2vmin;
    margin-right: 1vmin;
    margin-top: 1.7vmin;
    font-size: 2.5vmin;
    color: var(--main-color);
    opacity: 1;
}

.sidePanel_sectionContentHeaderSingleImage {
    max-height: 4vmin;
    float: left;
    margin-left: 1vmin;
    margin-right: 1.5vmin;
    margin-top: 1.5vmin;
    font-size: 2.5vmin;
    color: var(--header-textColor);
    opacity: 1;
}

.sidePanel_sectionContentHeaderDownloadLabel {
    float: right;
    color: var(--header-textColor);
    position: relative;
    font-size: 2.6vmin;
    margin-right: 2vmin;
    cursor: pointer;
    margin-top: 1.5vmin;
}

.sidePanel_sectionContentHeaderSettings {
    max-height: 20vmin;
    float: right;
    margin-top: 1.5vmin;
    font-weight: bold;
    margin-right: 1vmin;
    font-size: 2.5vmin;
    color: var(--header-textColor);
    /* background: var(--main-color); */
    cursor: pointer;
    margin-right: 3vmin;
}

.infoPanelKPIInfoHiddenInfo {
    display: inline;
    color: var(--color-active);
    margin-left: 0.25em;
    font-weight: bold;
}

.sidePanel_sectionContentHeaderImageSingle {
    font-size: 3vmin;
    float: left;
    margin-left: 0.5vmin;
}

.sidePanel_section {
    width: 100%;
}

.sidePanel_SlideSection {
    margin: 1vmin auto;
    width: 91%;
    border: 1px solid var(--second-color-light);
    border-radius: 1vmin;
    background: var(--background-color);
}

#sidePanel_baseDiv_requestFilterTimeRange {
    margin-top: 1vmin;
    width: -webkit-fill-available;
}

.sidePanel_ContentSelect option:checked {
    background: linear-gradient(0deg, #e8e8e8 100%, #e8e8e8 100%);
}

.sidePanel_ListDiv {
    margin-left: 20px;
    padding-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid;
    border-color: #e8e8e8;
}

.sidePanel_ListDivBorderLess {
    margin-left: 3px;
    padding-top: 20px;
    padding-bottom: 10px;
}

.sidePanel_ListDivHorizontal {
    float: left;
    margin-right: 1vmin;
    margin-top: 0.5vmin;
}

.sidePanel_ListDivLabel {
    margin-left: 40px;
    font-size: 14px;
}

.sidePanel_sectionContentRadios {
    float: left;
}

.sidePanel_sectionContentRadios_Label {
    float: left;
    margin-right: 10px;
    font-size: 14px;
}

#sidePanelContent_MetricThresholds, #sidePanelContent_MetricTable, #sidePanelContent_SliderTable, #sidePanelContent_Settings {
    width: -webkit-fill-available;
    border-spacing: 0px;
    border: none;
    margin-top: 1vmin;
    display: none;
}

#sidePanelContent_MetricThresholds {
    border-bottom: 1px solid var(--second-color-light);
    height: 6vmin;
}

#sidePanelContent_SliderTable {
    margin-left: 0vmin;
    display: none;
}

#sidePanelContent_InfoTable {
    border-spacing: 0px;
    white-space: nowrap;
    display: grid;
}

#sidePanelContent_MetricThresholds td, #sidePanelContent_MetricTable td, #sidePanelContent_SliderTable td, #sidePanelContent_Settings td {
    vertical-align: text-bottom;
    padding: 0px;
}

#sidePanelContent_MetricThresholds th, #sidePanelContent_MetricTable th {
    cursor: pointer !important;
    width: 100%;
    padding-left: 1vmin;
    background: var(--main-color);
    text-align: left;
    margin-top: 1vmin;
    height: 5vmin;
}

#sidePanelContent_Slider, #sidePanelContent_Info #sidePanelContent_Measure{
    display: none;
    border-left: none;
    border-bottom: none;
    border-left: none;
    border-bottom: none;
    height: 90%;
    overflow-y: auto;
    overflow-x: hidden;
}

.sidePanel_ContentSelectLabel {
    float: left;
    margin-left: 6px;
    margin-top: -0.3em;
    margin-bottom: 0.4em;
    font-weight: bold;
    margin-left: 2.5vmin;
    width: 56vmin;
    font-size: 1.8vmin;
    text-align: left;
}

.sidePanel_settingsDiv {
    width: -webkit-fill-available;
    border-bottom: 1px solid;
    border-color: var(--second-color-light);
    overflow: hidden;
    padding: 2vmin 1vmin 1vmin 0vmin;
}

.sidePanel_settingsDivCustomOptions {
    padding: 1vmin;
}

.sidePanel_settingsDivCustomOptions_HIDDEN{
    display: none !important;
}
.sidePanelContent_Info_Section_Table_Entry {
    text-align-last: left;
    text-align: left;
    white-space: pre-wrap;
}

.customFilters {
    display: grid;
}

.connectedInputDiv {
    float: right;
    display: flex;
}

.connectedInputDiv input  {
    float: none;
    margin-right: 1vw;
}

.sidePanel_ContentInput {
    float: left;
    width: 74%;
    border: none;
    background: var(--input-background-sidePanel);
    color: var(--text-color-sidepanel);
    /* font-size: inherit; */
    font-size: 1.8vmin;
    /* font-weight: bold; */
    outline: none;
    line-height: 4vmin;
    margin-left: 2vmin;
    padding-left: 1.5vmin;
    border-radius: 1vmin;
    border: 1.5px solid;
    border-color: var(--input-background-sidePanel);
}

.sidePanel_ContentInputMinMax_Min, .sidePanel_ContentInputMinMax_Max, .sidePanel_ContentInputMinMax_Value {
    float: left;
    background: var(--input-background-sidePanel);
    color: var(--text-color-sidepanel);
    border: none;
    font-size: inherit;
    width: 5em;
    line-height: 3vmin;
    border-radius: 1vmin;
    outline: none;
    text-align-last: center;
    margin-left: 2vmin;
}

.sidePanel_ContentInputMinMax_Date {
    width: 8em;
}

.sidePanel_ContentInputMinMax_Min::-webkit-inner-spin-button, .sidePanel_ContentInputMinMax_Max::-webkit-inner-spin-button, .sidePanel_ContentInputMinMax_Value::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.sidePanel_ContentInputMinMax_Max {
    margin-left: 2vmin !important;
}

.sidePanel_ContentInputMinMax_Value {
    float: right;
    margin-right: 3vmin;
}

.sidePanel_ContentInputMinMax_ValueArrow {
    cursor: pointer;
}

.sidePanel_ContentInputMinMax_ValueArrow_up {
    margin-left: 1em;
    margin-right: unset;
    transform: rotate(-90deg);
}

.sidePanel_ContentInputMinMax_ValueArrow_down {
    margin-left: unset;
    margin-right: 1em;
    transform: rotate(90deg);
}

.sidePanel_ContentInput_ChoosenContent {
    margin-top: 7px;
    float: right;
    text-align: left;
    width: 100%;
    color: gray;
    max-height: 80px;
    overflow: auto;
    border-color: var(--second-color-light);
    min-height: 0vmin;
    max-height: 21vmin;
}

.sidePanel_ContentInput_orderList {
    display: grid;
}

.sidePanel_ContentInput_orderList .sidePanel_ContentInput_ChoosenContent_Entry {
    cursor: pointer;
    counter-increment: posMarkup;
}

.sidePanel_ContentInput_orderList .sidePanel_ContentInput_ChoosenContent_Entry::before {
    content: counter(posMarkup);
    margin-right: 1em;
}

.sidePanel_ContentInput_ChoosenContent_Entry {
    margin-left: 2vmin;
    border-radius: 1vmin;
    margin-top: 1vmin;
    margin-right: 0.5vmin;
    padding-top: 1.5vmin;
    padding-left: 2vmin;
    padding-right: 1vmin;
    padding-bottom: 0.5vmin;
    margin-bottom: 1vmin;
    white-space: normal;
    word-break: break-word;
    height: 3vmin;
    background: var(--color-active);
    color: var(--header-textColor);
    font-weight: bold;
}

.sidePanel_ContentInput_ChoosenContent_EntryLabel {
    width: calc(100% - 2em);
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.sidePanel_ContentInput_ChoosenContent_EntryFavEnabled, .sidePanel_ContentInput_ChoosenContent_EntryFavDisabled {
    cursor: pointer;
    margin-right: 0.5vmin;
    margin-left: -1vmin;
    float: left;
}

.sidePanel_ContentInput_ChoosenContent_EntryFavEnabled {
    color: gold;
}

.sidePanel_ContentInput_ChoosenContent_EntryFavDisabled {
    color: inherit;
}

.resetFilterButtonPlaceholder, .resetFilterButton {
    float: right;
    color: var(--text-color-sidePanel);
    font-weight: bold;
    font-size: 1.8vmin;
    cursor: pointer;
    margin-right: 2vmin;
    margin-top: 0.3vmin;
    font-size: 0.8em;
}

.resetFilterButtonPlaceholder {
    opacity: 0;
    cursor: default;
}

.singleEntryRemove {
    float: right;
    cursor: pointer;
    margin-right: 0.5vmin;
    margin-top: 0.2vmin;
}

#sidePanel_filterListMenu {
    display: none;
    position: fixed;
    z-index: 4;
    background: var(--second-color);
    border: groove;
    color: var(--text-color-sidePanel);
    margin: 0.5vmin;
    left: 0;
    padding: 0.7vmin 0.6vmin;
    color: var(--text-color-sidePanel);
    background: var(--second-color-light);
    font-weight: bold;
}

#sidePanel_filterListMenu_acceptMultipleElements {
    cursor: pointer;
}

#sidePanel_filterListMenu_DeletePreDefEntry {
    cursor: pointer;
    margin-top: 1em;
}

#sidePanelContent_Settings {
    display: none;
    text-align: left;
}

.sidePanel_SettingsCheckboxDiv {
    display: -webkit-inline-box;
    margin-left: -4.6vmin;
    margin-top: -3.1vmin;
    margin-bottom: 0px;
    position: absolute;
}

.sidePanel_SettingsCheckboxLabel {
    margin-top: 0.2vmin;
    margin-right: 1.2vmin;
    font-weight: normal;
    margin-left: initial;
}

#sidePanel_CalendarResetViewOnChangeCheckbox {
    margin-top: 0.2vmin;
    margin-right: 1vmin;
}

.sidePanel_CalendarResetViewOnChangeCheckboxDiv {
    display: -webkit-inline-box;
    margin-left: -80px;
    display: none;
}

.sidePanel_ContentSelectRowList {
    float: right;
    margin-right: 155px;
    width: 240px;
}

.sidePanel_ContentSelectRowListSingle {
    float: left;
}

.sidePanel_ContentSelectRowListSingleCustom {
    display: block;
    float: right;
    margin-left: 2.5vmin;
}

#sidePanel_CalendarDivLeft {
    float: left;
    margin-left: 1.5vmin;
    display: contents;
}

#sidePanel_CalendarDivRight {
    float: right;
    margin-left: 2vmin;
    display: contents;
}

.sidePanel_CalendarLabel {
    text-align: left;
    float: left;
    margin-left: 1vmin;
    margin-top: 0.6vmin;
    font-weight: bold;
    font-size: 1.8vmin;
}

.sidePanelCalendar {
    height: 3vmin;
    width: 15vmin;
    margin-left: 1vmin;
    border: none;
    background: var(--input-background-sidePanel);
    color: var(--text-color-sidepanel);
    font-size: inherit;
    border-radius: 0.5vmin;
}

input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-clear-button {
    -webkit-appearance: none;
    margin: 0;
}

input:invalid, .sidePanelCalendar:invalid {
    border-color: var(--color-active);
    background-color: var(--color-active-transparent);
}

#sidePanelCalendarsContainer {
    float: left;
    display: flex;
    padding-left: 1vmin;
}

.sidePanelCalendarsContainerRangeDiv {
    margin-left: 1.5vmin;
    width: calc(100% - 1.5vmin);
    display: flex;
    margin-top: 6vh;
    margin-bottom: 1vmin;
    padding-left: 0.5vmin;
    line-height: 3vh;
    font-weight: bold;
    font-size: 1.8vmin;
}

.sidePanelCalendarsContainerRangeElement {
    color: var(--text-color-sidepanel);
    font-size: inherit;
    width: 14.5vmin;
    text-align-last: left;
    margin-left: 1vmin !important;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    padding: 0px 0.5vmin;
    border-radius: 0.7vmin;
}

#sidePanelCalendarsContainerRangeUnit,
.sidePanelCalendarsContainerRangeUnitAlt {
    cursor: pointer;
    background: var(--input-background-sidePanel);
}

#sidePanelMenuLabel {
    color: var(--header-textColor);
    font-size: 1.8vmin;
    padding-top: 1vmin;
    margin-left: 2vmin;
    border: none;
    font-weight: bolder;
}

.sidePanelSliderStatsInfo {
    text-align: center;
    margin-bottom: 2vmin;
    display: inline-flex;
}

.sidePanelSliderStatsInfoClickeable {
    cursor: pointer;
    font-weight: bold;
}

.sliderPanelChart {
    height: 7vmin;
    margin: 0vmin auto;
    margin-bottom: 7vmin;
    display: none;
}

.sliderPanelChartAxisHeadlines {
    font-size: 11px;
    line-height: 1em;
    white-space: nowrap;
    font-weight: bold;
}

.customRadioButton {
    display: block;
    position: relative;
    padding-left: 3vmin;
    margin-bottom: 0vmin;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
    line-height: 2.4vmin;
}

.customRadioButton label {
    cursor: pointer;
    margin-left: 2.5em;
}

.customRadioButton label .checkmark {
    top: 0px;
}

.sidePanel_sectionContentHeaderImage_Plus {
    height: 20px;
    float: right;
    margin-right: 20px;
    margin-top: -30px;
}

.customRadioButton input {
    position: absolute;
    opacity: 0;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 2vmin;
    width: 2vmin;
    background: var(--input-background-sidePanel);
    border-radius: 50%;
}

.customRadioButton:hover input~.checkmark {
    background-color: #ccc;
}

.customRadioButton input:checked~.checkmark {
    background-color: var(--second-color-alt);
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.customRadioButton input:checked~.checkmark:after {
    display: block;
}

.customRadioButton .checkmark:after {
    top: 0px;
    left: 0px;
    width: 1vmin;
    height: 1vmin;
    border-radius: 50%;
    background: white;
    transform: translate(50%, 50%);
}

.customRadioButton label .checkmark {
    height: 2vmin;
    width: 2vmin;
}

#metricPanelRadioGroupPlanTypes {
    margin-right: 2vmin;
    float: right;
    width: 3.7vmin;
}

#metricPanelRadioGroupDeliveryStates {
    margin-right: 2vmin;
    float: right;
    width: 37vmin;
}

#metricPanelRadioGroupLineArtDiv, #metricPanelRadioGroupDeliveryStateDiv, #metricPanelRadioGroupPlanTypeDiv, #metricPanelRadioGroupStorageLinesTypeDiv, #metricPanelRadioGroupWorkstationListSettingsDiv, #metricPanelRadioGroupCircleGroupDiv {
    margin-right: 2vmin;
    float: right;
    width: 31vmin;
}

.InfoExtraTableCell {
    height: 3vmin;
    padding-left: 0.4vmin;
    padding-right: 0.4vmin;
    text-align: left;
}

.InfoExtraTableCell:first-child {
    border-left: none;
}

.InfoExtraTableCellClickeable {
    cursor: pointer;
}

.InfoExtraTableCell:last-child {
    border-right: none;
}

.sidePanelSliderTitle {
    float: left;
}

.sidePanelDoubleSlider {
    margin-left: 2vmin;
    margin-right: 2vmin;
    margin-top: 4vmin;
    margin-bottom: 2vmin;
}

#sidePanelLoadingScreenDiv {
    display: none;
    position: absolute;
    width: -webkit-fill-available;
    height: 100%;
    z-index: 999;
    background-color: var(--background-color);
    margin-top: -8vmin;
}

#sidePanelLoadingScreen {
    width: 60%;
    max-width: 50vmin;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
}

#sidePanelLoadingScreenLogo {
    width: 30%;
    max-width: 15vmin;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    padding: 5vmin;
}

.InfoExtraTableHeader {
    height: 3vmin;
    font-weight: bold;
    background-color: var(--main-color-light);
    color: var(--text-color-sidePanel);
    border: none;
    padding-left: 0.4vmin;
    padding-right: 0.4vmin;
    text-align: left;
}

.metricPanel_ComplexSlider .noUi-base {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-left: -0.3vmin;
    margin-top: -0.5vmin;
}

.metricPanel_ContentValueRangeSlider .noUi-base {
    /* background-repeat: no-repeat; */
    /* background: var(--balken-color); */
    /* background-size: 100% 100%; */
}

.metricPanel_ContentValueRangeSlider .noUi-handle-lower,
.metricPanel_ContentValueRangeSlider .noUi-handle-upper {
    transform: scale(1.5);
}

.metricPanel_ContentValueRangeSlider .noUi-handle-upper {
    /* width: 1.5em;
    transform: translate(-25%, 0px); */
}

.sidePanel_sectionContentLabel {
    margin-left: 1vmin;
    font-weight: bold;
}

/* */

#sidePanelTestSlider {
    display: none;
}

#extraInfoTable {
    width: 93%;
    margin: 0 auto;
    padding-top: 2vmin;
    padding-bottom: 1vmin;
}

.extraInfoTableHolderDiv {
    /* padding: 3vmin; */
    overflow: auto;
}

#infoPanelTable_contextMenu {
    border: 1px solid;
    display: none;
    width: fit-content;
    height: 40vmin;
    position: absolute;
    z-index: 10;
    top: 0;
    background-color: var(--background-color);
    resize: auto;
    min-width: 31vmin;
}

#infoPanelTable_menuDiv {
    z-index: 1001;
    overflow: hidden;
}

.infoPanelTable_contextMenu_headerLabel {
    color: var(--text-color-sidePanel);
    font-size: 2vmin;
}

.infoPanelTable_contextMenu_table {
    color: var(--text-color-sidePanel);
    font-size: 1.4vmin;
    text-align: left;
    height: 30vmin;
    overflow: auto;
    display: block;
    margin-top: 1vmin;
    padding-top: 1vmin;
    padding-left: 1vmin;
    border-top: 1px solid var( --second-color-light);
}

.infoPanelTable_contextMenu_table th, .infoPanelTable_contextMenu_table td {
    color: var(--text-color-sidePanel);
    text-align: left;
}

.infoPanelTable_contextMenu_checkbox, .kennzahlen_infoPanelTable_contextMenu_checkbox {
    color: var(--text-color-sidePanel);
}

#extraInfoTableTable {
    border: none;
    text-align: left;
    font-size: inherit;
    margin-top: 5vmin;
    border-collapse: collapse;
    width: 100%;
    overflow: auto;
    white-space: nowrap;
    background-color: var(--second-color-lightest);
    display: table;
    line-height: 1.5;
}

.extraInfoTableTr {
    background-color: var(--second-color-lightest);
    text-align-last: left;
    white-space: nowrap;
}

.extraInfoTableTr td {
    text-align-last: left;
    padding: 0.5vmin;
    background-color: var(--second-color-lightest);
}

.extraInfoTableTr th {
    text-align-last: left;
    background-color: var(--second-color-lightest);
    cursor: pointer;
    font-size: inherit;
    padding-left: 0.4vmin;
    padding-right: 0.4vmin;
    position: relative;
}

.extraInfoTableTrDarkerModeDark, .extraInfoTableTrDarkMode {
    background-color: #2b2b2b;
    color: white;
    cursor: pointer;
}

.extraInfoTableTrDarkMode {
    color: white;
    background-color: #2b2b2b;
}

#sidePanelContent_InfoDetails {
    position: absolute;
    right: 5vmin;
    width: 58vmin;
    height: 80%;
    background: red;
    bottom: 0vmin;
    display: none;
}

.sliderTHMin {
    width: 33%;
    padding-left: 1.5vmin;
}

.sliderTHName {
    text-align: center;
    font-weight: bold;
    font-size: 1.8vmin;
}

.sliderTHMax {
    width: 33%;
    text-align: right;
    padding-right: 2vmin;
}

.skalaLabelLeft {
    text-align: left;
    margin-left: 2vmin;
}

.skalaLabelCenter, .skalaLabelRight {
    text-align: right;
    margin-right: 1vmin;
}

.sliderPanelCircleSizeValueRangeTable, .sliderPanelCircleColorValueRangeTable, .sliderPanelLineSizeValueRangeTable, .sliderPanelLineColorValueRangeTable {
    width: 100%;
    table-layout: fixed;
}

.valueRangeTableHeader {
    width: 50%;
}

#sidePanelContent_MetricTable tbody td, #sidePanelContent_IconsTable tbody td {
    width: 50%;
}

#sliderPanelLineWidthContentLabelMin, #sliderPanelLineWidthContentLabelMax, #sliderPanelLineColorContentLabelMin, #sliderPanelLineColorContentLabelMax, #sliderPanelCircleSizeContentLabelMin, #sliderPanelCircleSizeContentLabelMax, #sliderPanelCircleColorContentLabelMin, #sliderPanelCircleColorContentLabelMax {
    display: block;
}

.track {
    stroke: rgb(255, 0, 0);
    stroke-opacity: 0.3;
    stroke-width: 1vmin;
}

.track-inset {
    stroke: rgb(221, 221, 221);
    stroke-width: 0.8vmin;
}

.ticks {
    font: 1vmin sans-serif;
}

.track, .track-inset, .track-overlay {
    stroke-linecap: round;
}

.track {
    stroke: white;
    stroke-opacity: 0.3;
    stroke-width: 1vmin;
}

.track-inset {
    fill: url(#svgGradient);
    stroke-width: 0.8vmin;
}

.track-overlay {
    pointer-events: stroke;
    stroke-width: 5vmin;
    stroke: transparent;
    cursor: crosshair;
}

.handle {
    fill: #fff;
    stroke: #000;
    stroke-opacity: 0.5;
    stroke-width: 1.25px;
}

.customSelect {
    width: 30vmin;
    outline: none;
    margin-left: 0px;
    font-weight: bolder;
    font-size: 1.4vmin;
    z-index: 1;
    color: var(--text-color-sidePanel);
    font-family: inherit;
    cursor: pointer;
    -webkit-appearance: none;
    text-indent: 1px;
}

.customSelect::-ms-expand {
    display: none;
}

.customSelect option {
    border: 1px solid;
}

.sidePanel_sliderStatus {
    position: relative;
    background: var(--balken-color);
    color: var( --header-textColor);
    font-weight: bold;
    height: 1.7vmin;
    width: auto;
    margin-left: 2vmin;
    font-size: 1.4vmin;
    padding-left: 1vmin;
    padding-right: 1vmin;
    cursor: pointer;
    border-radius: 0.5vmin;
}

#sidePanel_SettingsSortCirclesSelectPrimary, #sidePanel_SettingsSortCirclesSelectSecondary, #sidePanel_SettingsSortCirclesSelectTertiary {
    background: var(--second-color-lightest);
}

#sidePanelContent_Report_Select {
    border: none;
    outline: none;
    background: none;
    width: 95%;
    margin-left: 1vmin;
    margin-right: 1vmin;
    margin-top: 1vmin;
    margin-bottom: 1vmin;
}

#sliderPanelLineComplexContentSlider {
    /* min-height: 2.5vmin; */
    /* width: 1em; */
    /* width: 54%; */
    width: 1.6vmin;
    height: 12vmin;
    background: var(--color-configurable);
    margin-top: 2.3vmin;
    /* margin-left: 7.5vmin; */
    /* margin-bottom: 3.5vmin; */
    /* margin-right: 2em; */
    margin-left: 1vmin;
}

#lineComplexTitle {
    font-size: 1.8vmin;
    margin-top: 0.4vmin;
    cursor: pointer;
    /* font-weight: bold; */
}

#sliderPanelLineComplexContentSlider .noUi-handle {
    /* width: 3.5vmin;
    height: 1.2vmin; */
    background: #010A2D;
    transform: scale(1.5);
    left: 0.1vw;
}

#complexSliderLabelValueMax {

}

#complexSliderLabelValueMin {

}

#sidePanel_baseDiv_metric_lineComplex, #sidePanel_baseDiv_metric_percCalcMethod {
    display: none;
    width: 96%;
    float: left;
    text-align: left;
    padding: 1vmin;
}

.sidePanelContent_Info_Clickeable {
    cursor: pointer;
    color: blue;
}

.dataTables_filter label {
    color: var(--text-color-sidePanel);
}

table.dataTable tbody tr {
    background-color: var(--background-color);
}

#notificationPanelBar {
    display: none;
}

#notificationPanelBarIcon {
    margin-top: -0.15em;
}

.contextMenuCopyValue {
    display: block;
    position: absolute;
    border: 1px solid;
    padding: 0.4em;
    margin-top: 1em;
    background: var(--second-color-lightest);
    color: var(--text-color-sidePanel);
    font-size: inherit;
    cursor: pointer;
}

#metricOthersHeadlineLabel, #timeRangeLabel {
    font-weight: bold;
    font-size: inherit;
    text-align: left;
    margin-left: 2vmin;
}

#metricOthersHeadlineLabel {
    display: none;
}

#extraInfoTableTable_filter {
    margin-top: 1vmin;
    /* margin-bottom: 1vmin; */
    /* margin-right: 2vmin; */
    position: relative;
}

.sidePanel_sectionContentHeaderSingle_SlideSection {
    font-size: 1.5vmin;
    color: var(--text-color-sidePanel);
    height: 5vmin;
    text-align: left;
    margin-top: 2vmin;
    margin-left: 2vmin;
    height: 2vmin;
    display: flex;
}

.sidePanel_sectionContentHeaderSingleImage_SlideSection {
    color: var(--text-color-sidePanel);
}

#sliderPanelCircleSizeDiv, #sliderPanelCircleColorDiv, #sliderPanelLineWidthDiv, #sliderPanelLineColorDiv {
    width: 93%;
    margin: 0vmin auto;
    position: relative;
    border-top: 1px solid;
    border-radius: 0.5vmin;
    border-color: var(--second-color-light);
    margin-bottom: 3vmin;
}

.sliderNoDataInfo {
    display: none;
    white-space: nowrap;
}

#sliderPanelCircleSizeContentSlider, #sliderPanelCircleColorContentSlider, #sliderPanelLineWidthContentSlider, #sliderPanelLineColorContentSlider {
    font-size: 1.4vmin;
    margin: 0;
    padding: 0;
    /* margin-top: 1vh; */
    /* width: 4vw; */
    height: calc(12vmin + 8px);
    flex-direction: row;
    /* display: flex; */
    margin-left: 0.25vw;
    margin-top: 6.5vmin;
    position: fixed;
    /* display: none; */
    width: 0;
    border: none;
}

#sliderPanel_Tooltips {
    font-family: Roboto;
    margin: 5vmin auto;
    background: var(--background-color);
    text-align: left;
    height: 7vmin;
    padding: 0.5vmin 1vmin 0vmin 1vmin;
    border: 1px;
    border-style: solid;
    border-radius: 0.5vmin;
    border-color: var(--second-color-light);
    pointer-events: none;
    min-width: 8em;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    box-shadow: 0 1px 0.8vmin rgba(0, 0, 0, 0.5);
}

.sliderValue {
    font-weight: bold;
}

.sidePanel_sectionContentHeaderSingle_SlideSectionEinheit {
    position: relative;
    text-align: right;
    margin-right: 6vmin;
    font-size: 1.4vmin;
    color: var(--text-color-sidePanel);
    margin-bottom: 1vmin;
}

#sidePanel_baseDiv_requestFilter {
    width: -webkit-fill-available;
}

.tree_no_checkbox>i.jstree-checkbox {
    display: none
}

#jstree_demo_div {
    width: 45%;
    overflow: auto;
    text-align: left;
    padding: 0.5em;
    margin-right: 0.2em;
    border: 1px solid var(--second-color-light);
    border-radius: 1vmin;
}

#wfDescriptionDiv {
    width: 55%;
    overflow: auto;
    border: 1px solid var(--second-color-light);
    display: block;
    position: relative;
    background: var(--background-color);
    border-radius: 1vmin;
    padding: 0.5em;
}

#wf_favoritenModeDiv {
    float: left;
    font-weight: bold;
    color: var(--sidePanel-textColor);
    font-size: 1.5em;
}

#sidePanelContent_NoteInput {
    font-family: 'Ubuntu', sans-serif;
    font-size: 2.2vmin;
    width: calc(100% - 8vmin);
    height: 15%;
    margin-left: 1vmin;
    margin-right: 1vmin;
    padding: 1.5vmin;
    margin-bottom: 1vmin;
    border: 1px solid;
    border-radius: 1vmin;
    border-color: var(--line-color);
}

#txtNoteEditInput {
    width: calc(100%);
    height: 16vmin;
    margin-bottom: 1vmin;
    border-color: var(--circle-fill);
}

#sidePanelContent_Notes {
    display: none;
    background: var(--background-color-darker);
    /* height: 100%; */
    border-left: none;
    border-bottom: none;
    height: 90%;
    overflow-y: auto;
    overflow-x: hidden;
    font-size: 2.2vmin;
}

#sidePanelContent_NoteHolder {
    height: 60%;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 3vmin 0vmin 1.5vmin 0vmin;
    resize: none;
}

.sidePanelContent_NoteHead {
    width: -webkit-fill-available;
    text-align: left;
    padding-top: 1.1vmin;
    padding-bottom: 0.2vmin;
    padding-left: 1.5vmin;
    padding-right: 0vmin;
    display: inline-flex;
    color: var(--color-active);
    font-weight: bold;
    font-family: "Ubuntu";
    font-size: 1.3vmin;
}

.sidePanelContent_NoteContent {
    width: -webkit-fill-available;
    text-align: left;
    padding: 1vmin;
    min-height: 2vmin;
    line-height: 150%;
    padding: 1.5vmin;
}

.sidePanelContent_NoteNote {
    margin-top: 1.5vmin;
    border-radius: 0.5vmin;
    background-color: var(--second-color-lightest);
    width: 80%;
    border: 1px solid var(--line-color);
}

#sidePanelHeader_ButtonNotes {
    display: none;
}

.sidePanelContent_NoteHeadUser {
    width: -webkit-fill-available;
}

.sidePanelContent_NoteHeadDate {
    white-space: nowrap;
}

#favoritesChatLabel {
    text-align: left;
    margin-left: 2vmin;
    width: fit-content;
    border-radius: 0.5vmin 0.5vmin 0.5vmin 0.5vmin;
    padding: 0.3vmin;
    /* font-weight: bold; */
    background-color: var(--background-color-darker);
    font-size: 2.2vmin;
    font-size: 2.2;
}

#sidePanelContent_NoteButtons {
    position: absolute;
    bottom: 2vmin;
    left: 33%;
}

.NoteHeadTime {
    color: var(--second-color-alt);
}

.greenRow {
    background-color: #66eb50;
}

.redRow {
    background-color: red;
}

.yellowRow {
    background-color: rgb(251 238 90);
}

#complexSliderMaxMin{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* width: 30%; */
    margin-top: 2.3vmin;
    position: relative;
    font-size: 1.6vmin;
    float: right;
    text-align: right;
}

#sidePanelContent_Legend{
    flex-direction: column;
    height: 74vmin;
    overflow-y: auto;
}

#sidePanelContent_Doc{
    display: none;
    background: var(--background-color);
    /* z-index: 100; */
    text-align: left;
    /* left: var(--menuBarWidth); */
    overflow-y: scroll;
    overflow-x: hidden;
    height: 95%;
    font-size: 2vmin;
    padding: 3vmin;
    word-break: break-word;
    line-height: 1.5;
    width: 95%;
  }

  .SkalaDivHeader{
    display: flex;
    flex-direction: column;
    font-size: 2vmin;
    text-align: left;
  }

  .sidePanelButtonIconHolder {
      display: flex;
      height: fit-content;
      align-items: center;
      justify-content: center;
  }
  
  .sidePanelButtonIconLabel {
      padding-left: 1vmin;
      font-family: 'Ubuntu', sans-serif;
  }

  #sidePanelContent_Measure{
    display: none;
    background: var(--background-color);
    text-align: left;
    overflow: hidden scroll;
    height: 80%;
    font-size: 2vmin;
    word-break: break-word;
    line-height: 1.8;
    display: block;
    padding: 4vmin;
}

#measure_title{
    border-bottom: 1px solid var(--circle-fill);
    width: 31%;
    font-size: 2.5vmin;
    font-weight: bold;
    margin-bottom: 2vmin;
}

.measureTextLabel{
    font-weight: bold;
}

.measureTextDiv{
    margin-bottom: 2vmin;
    border-bottom: 1px solid var(--circle-fill);
    padding-bottom: 1vmin;
}

.measure_subHeader{
    font-weight: bold;
}

.measureTextVariable{
    font-weight: bold;
}