#leadIn {
    display: none; /* normally: flex */
    flex-direction: column;
    width: 100vw;
    bottom: 0px;
    position: fixed;
    top: 6vmin;
    margin-top: 5.8vh;
    color: var(--circleLabel-color);
    z-index: 13;
    background: var(--background-color);
    overflow-y: scroll;
    overflow-x: hidden;
}

#toggleLeadIn {
    color: var(--cockpit-logo);
    margin-left: 2vmin;
    cursor: pointer;
    font-size: 3.3vmin;
}

#leadInHeader {
    width: 100vw;
    /* height: 10vh; */
    margin-top: 3vh;
    padding-bottom: 0vh;
}

#leadInFooter {
    display: none;
    width: 100vw;
    /* height: 10vh; */
    position: absolute;
    line-height: 6vh;
    bottom: 0;
    background-color: var(--input-background-sidePanel);
}

#leadInContent {
    width: 100vw;
    height: 75vh;
}

#leadInCompanyIcon {
    display: none;
    width: 20vw;
    height: 8vh;
    position: absolute;
    margin-left: 4vw;
    margin-top: 1vh;
    background-size: contain;
    background-repeat: no-repeat
}

#leadInETSearch,
#leadInFav,
#leadInPP,
#leadInET {
    float: right;
    margin-top: 2vh;
    margin-right: 2vw;
    font-size: 2em;
    cursor: pointer;
    color: var(--main-color);
}

#leadInFav {
    color: gold;
}

#leadInUserSearch,
#leadInUser {
    float: right;
    margin-top: 1.8vh;
    margin-right: 5vw;
    font-size: 2em;
    cursor: pointer;
    color: white;
    font-weight: bold;
}

#leadInUser {
    width: 3.8vmin;
    height: 3.8vmin;
    border-radius: 100%;
    border: 1px solid var(--circleLabel-color);
    background: var(--main-color);
}

#leadInSearchClose,
#leadInClose {
    position: fixed;
    right: 2vw;
    top: 7vw;
    cursor: pointer;
    font-size: 1em;
    display: none;
    z-index: 1;
}

#leadInClose {
    /* display: none; */
}

#leadInProductLogo {
    font-size: 5em;
    float: right;
    margin-top: 1vh;
    margin-right: 5vw;
}

#leadInProductLogoText {
    float: right;
    /* margin-top: 7vh; */
    padding-right: 2vw;
}

#leadInSearchContainer {
    display: inline-block;
    width: 100vw;
    height: 38vh;
    margin-top: 9vh;
}

#leadInSearchContainerText {
    font-size: 4em;
    font-family: 'Ubuntu', sans-serif;
    cursor: default;
    white-space: nowrap;
}

#barContainer{
    font-family: 'Ubuntu', sans-serif;
}

.leadInSpeciInfo_buttonHolder {
    position:absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
}

#leadInSearchQuickStartContainer {
    position: relative;
    margin-top: 4vh;
    display: inline-block;
    width: auto;
}

#leadInSearchQuickStartIconContainer {
    position: relative;
    display: block;
}

#leadInSearchQuickStartIconContainer button {
    position: absolute;
    background: var(--color-configurable);
    width: 30px;

    border: 2px solid rgba(0,0,0,0.1);
    font-size: 100%;
    height: 100%;
    top: 0;
    margin: 0;
    padding: 0;
    overflow: visible;
}

#leadInSearchQuickStartIconContainer ul {
    overflow-x: scroll;
    max-width: 50vw;
    scrollbar-width: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 16px;
}

#leadInSearchQuickStartIconContainer ul li[data-selected] {
    background: var(--color-configurable);
}
#leadInSearchQuickStartIconContainer ul li {

    /*width: 20vmin;*/

    -ms-word-break: break-all;
    word-break: break-all;

    /* Non standard for WebKit */
    word-break: break-word;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
#leadInSearchQuickStartIconContainer .quickStartIcon {
    font-size: 4vmin;
    margin: 10px 20px
}
#leadInSearchQuickStartIconContainer .quickStartIcon-label {
    overflow-y: hidden;
    max-height: 2.3em;
    text-overflow: ellipsis;
}

input.leadInSearchQuickStartInput {
    background: white;
    font-family: 'Ubuntu', sans-serif;
}

#leadInSearchQuickStartContainerRight {
    position: absolute;
    left: 100%;
    margin-inline: 16px;
    top: 0;
    width: max-content;
    max-width: 35vw;
    display: flex;
    flex-direction: row;
    gap: 16px;
}

#leadInSearchQuickStartSubmitTeaser {
    border-radius: 10px;
    border: 1px solid #eee;
    padding: 4px;
    align-self: end;
}

#leadInSearchQuickStartInputContainer .dropdownSelect {
    border: 1px solid;
    position: absolute;
    z-index: 11;
    background-color: var(--background-color);
    max-height: 25em;
    width: max-content !important;
    min-width: 25vw; /* same as input.inputFieldWide */
    overflow: auto;
    border-color: var(--second-color-light);
    font-size: 2.2vmin;
}

#leadInSearchQuickStartInputContainer ul.dropdownSelect {
    list-style-type: none;
    margin: 0;
}

#leadInSearchQuickStartInputContainer ul.dropdownSelect li {
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}


#leadInSearchQuickStartInputContainer [data-option-icon],
#leadInSearchQuickStartInputContainer .icon-close {
    position: absolute;
    /*left: 0;*/
    font-size: 2.2vmin;
    /* height: 3vmin; */
    padding-block: 2px;
    /*margin-top: 8px;*/
    /* vertical-align: top; */
}
#leadInSearchQuickStartInputContainer [data-option-icon] {
    padding-left: 1vmin;
    pointer-events: none;
}
#leadInSearchQuickStartInputContainer .icon-close {
    padding-right: 1vmin;
}
#leadInSearchQuickStartInputContainer [data-option-icon]::before,
#leadInSearchQuickStartInputContainer .icon-close::before {
    height: 3vmin;
    vertical-align: -webkit-baseline-middle;
}
#leadInSearchQuickStartInputContainer {
    gap: 8px;
    width: auto;
}

#leadInSearchContainerSearch,
#leadInSearchContentSearch {
    border-radius: 1em;
    font-size: 1.5em;
    padding: 1vh 2vw 1vh 4.5vw;
    font-family: 'Ubuntu', sans-serif;
    width: 50vw;
    color: var( --circleLabel-color);
    background: var(--background-color);
    pointer-events: all !important;
    box-shadow: var(--input-box-shadow);
    border: 1px solid transparent;
}
#leadInSearchContainerSearch {
    width: 50vw;
}

#leadInSearchContentSearch:hover,
#leadInSearchContainerSearch:hover {
    box-shadow: var(--input-box-shadow-wide);
}

/* .searchMode #leadInSearchContainerSearch {
    border-radius: 1em 1em 0 0;
    font-size: 2em;
    margin-top: 4vh;
    padding: 1vh 2vw 1vh 2.5vw;
    font-family: 'Ubuntu', sans-serif;
    width: 34vw;
    border: 1px solid var(--second-color-alt);
    color: var( --circleLabel-color);
    background: var(--background-color);
    pointer-events: all !important;
    border-bottom: none;
} */

.leadInSpeciInfo_FKPITable_Dashboard.expanded {
    position: absolute;
    left: 0;
    top: 0;
    width: 90vw;
    height: 88vh;
    z-index: 10;
    background-color: var(--background-color);
    padding: 2vh 5vw;
}

.leadInSuggestionList_search,
.leadInSuggestionList {
    width: 50vw !important;
    /* margin-left: 33vw; */
    border: none !important;
    /* padding: 1vh 4vw 1vh 2.5vw !important; */
    font-family: 'Ubuntu', sans-serif;
    pointer-events: all;
    /* border: 1px solid; */
    /* margin-top: -3vh; */
    box-shadow: var(--input-box-shadow) !important;
    border-radius: 0 0 2em 2em !important;
    max-height: 50vh !important;
    /* top: 0 !important; */
    /* position: relative !important; */
    /* margin-top: 0 !important; */
    padding-top: 1vh !important;
    padding-bottom: 1.7vh !important;
    background: var(--background-color) !important;

    /* always on top, placed above introduce */
    z-index: 1000;
}


.leadInSuggestionList_search {
    width: 50vw !important;
}

.leadInSuggestionList_search {
    /* position: absolute !important; */
    /* top: 8.6vh !important; */
    /* left: 10.6vw !important; */
    /* margin: 0; */
    overflow-x: hidden;
}

.leadInSuggestionList_search li {
    margin: 0.3rem !important;
    padding: 0.3rem 0.5rem;
    list-style: none;
    text-align: left;
    font-size: 1.5em !important;
    /* color: #212121; */
    color: var( --circleLabel-color);
    transition: all 0.1s ease-in-out;
    /* border-radius: 0.35rem; */
    /* background-color: rgba(255, 255, 255, 1); */
    background-color: var(--background-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.2s ease;
    padding-left: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 1vw;
    padding-right: 4vw;
}

.leadInSuggestionList_search li:hover {
    background-color: var(--circle-fill);
}


.leadInHeadSuggestionList_search,
.leadInHeadSuggestionList {
    width: 31vw !important;
    /* margin-left: 33vw; */
    border: none !important;
    /* padding: 1vh 4vw 1vh 2.5vw !important; */
    font-family: 'Ubuntu', sans-serif;
    pointer-events: all;
    /* border: 1px solid; */
    /* margin-top: -3vh; */
    box-shadow: var(--input-box-shadow) !important;
    border-radius: 0 0 0.2vw 0.2vw !important;
    max-height: 50vh !important;
    /* top: 0 !important; */
    /* position: relative !important; */
    /* margin-top: 0 !important; */
    padding-top: 1vh !important;
    padding-bottom: 1.7vh !important;
    background: var(--background-color) !important;

    /* always on top, placed above introduce */
    z-index: 1000;
}

.leadInHeadSuggestionList_search {
    /* position: absolute !important; */
    /* top: 8.6vh !important; */
    /* left: 10.6vw !important; */
    /* margin: 0; */
    overflow-x: hidden;
}

.leadInHeadSuggestionList_search li {
    margin: 0.3rem !important;
    padding: 0.3rem 0.5rem;
    list-style: none;
    text-align: left;
    font-size: 1.5em !important;
    /* color: #212121; */
    color: var( --circleLabel-color);
    transition: all 0.1s ease-in-out;
    /* border-radius: 0.35rem; */
    /* background-color: rgba(255, 255, 255, 1); */
    background-color: var(--background-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.2s ease;
    padding-left: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 1vw;
    padding-right: 4vw;
}

.leadInHeadSuggestionList_search li:hover {
    background-color: var(--circle-fill);
}


.leadInSuggestionHighlight {
    font-weight: bold;
}

/* .searchMode #leadInSearchContainerSearchSelect {
    width: 34vw;
    margin-left: 33vw;
    border: none;
    font-size: 1.5em;
    padding: 1vh 2vw 3vh 2vw;
    font-family: 'Ubuntu', sans-serif;
    pointer-events: all;
    border: 1px solid var(--second-color-alt);
    border-radius: 0 0 1em 1em;
    border-top: none;
} */

#leadInSearchContainerSearchSelect::-webkit-scrollbar {
    width: 0px;
}

#leadInSearchContainerSearchSelect option {
    margin-bottom: 0.6vh;
}

#leadInSearchContainerSearchStartIcon,
#leadInSearchContainerSearchHelpIcon {
    position: absolute;
    top: 0;
    margin: 10px;
    font-size: 1.5em;
    color: var(--circleLabel-color);
    cursor: pointer;
}

#leadInSearchContainerSearchInputContainer {
    position: relative;
    width: 50vw;
    display: block;
    margin-left: 25vw;
    margin-top: 16px;
}

#leadInSearchContentSearchStartIcon,
#leadInSearchContentSearchHelpIcon {
    position: absolute;
    margin-left: 26vw;
    font-size: 1.5em;
    color: var(--circleLabel-color);
    margin-top: 5.3vh;
    cursor: pointer;
}

#leadInSearchContentSearchRecord {
    align-self: center;
    font-size: 1.5em;
    position: relative;
    margin-left: -5vw;
    border-left: 1px solid var(--circle-fill);
    line-height: 1.5;
    padding-left: 0.7vw;
    cursor: pointer;
    display: none;
}

#leadInSearchContentSearch{
    padding-left: 1.2vw;
    margin-left: 3.6vw;
    padding-right: 3.5vw;
    margin-top: 0;
}

#leadInSearchRecentContainer {
    display: grid;
    grid-template-rows: 11vmin 11vmin;
    grid-gap: 2.5vmin;
    grid-template-columns: repeat(5, 11vmin);
    width: max-content;
    padding-block: 5vmin;
    margin: auto;
}

.leadIn_recentItemHolder:hover {
    background-color: #f6f3f3;
}
.leadIn_recentItemHolder {
    font-family: 'UbuntuLight', sans-serif;
    padding: 1vmin;
    cursor: pointer;
    }

.leadInSpeciInfo_FKPITable_Dashboard .dashboard_ChartCanvas {
    position: relative;
}

.pinnedCircle{
    position: relative;
    left: 2vmin;
    top: 1vmin;
    color: var(--color-active) !important;
    /* padding-top: 2vmin; */
}

.historyCircleMenuIcon{
    position: relative;
    left: 4vmin;
    top: -12vmin;
}

.pinMenu{
    margin-top: -7.2em !important;
    padding: 1vmin 0.5vmin 1vmin 0.5vmin;
}

.pinMenuChart{
    padding: 1vmin 0.5vmin 1vmin 0.5vmin;
}

.leadIn_recentItemImage {
    height: 5vmin;
    width: 5vmin;
    border: 1px solid;
    border-radius: 100%;
    margin: auto;
    background-color: var(--color-configurable);
    background-position: center;
    background-size: 2em;
    background-repeat: no-repeat;
    box-shadow: 2px 2px 2px #00000059;
    font-size: 3.5vmin;
    line-height: 5vmin;
    color: var(--main-color);
    }

.leadIn_recentItemLabel {
    padding-top: 1.5vmin;
    font-size: 0.8em;
    text-overflow: ellipsis;
    white-space: pre-line;
    max-width: 10vmin;
    overflow: hidden;
    max-height: 2em;
    line-height: 1em;
}

#leadInSearchContent {
    margin-top: 2vmin;
    overflow-y: auto;
}

#leadInSearchHeadTopHolder {
    display: block;
}

#leadInSearchContainerSearchRecord {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 1.5em;
    color: var(--circleLabel-color);
    margin: 10px;
    cursor: pointer;
    display: none;
}

#leadInPageImage {
    position: fixed;
    transform: translate(20vw,0vh) scaleX(-1) rotate(180deg);
    width: 69vw;
    top: 11vh;
    right: -20%;
    pointer-events: none;
    z-index: -1;
    opacity: 66%;
}

.searchMode #leadInSearchContainer {
    margin-top: 1.5vh;
    margin-left: -45vw;
    height: fit-content;
}

.searchMode {
    top: 0;
    margin-top: 0;
    position: absolute;
    height: fit-content !important;
    pointer-events: none;
}

#leadInInterpretationListHolder {
    text-align: left;
    margin-top: 10px;
    margin-bottom: 5px;
    padding-left: 9%;
}

#leadInInterpretationListHolder *::-webkit-scrollbar {
    height: 1vmin;
    width: 1vmin;
}

#interpretationList {
    display: flex;
    overflow-x: auto;
    gap: 10px;
    padding: 10px 0;
    margin: 0;
}

#interpretationList li {
    list-style: none;
    padding: 10px;
    background-color: var(--color-configurable);
    border-radius: 10px;
    cursor: pointer;
    text-wrap: nowrap;
}

#interpretationList summary {
    margin-left: -4ch;
}

#interpretationList .selected {
    font-weight: bold;
}

#leadInOptionPreHolder {
    display: flex;
    padding: 1.5vh 3.5vw;
    border-bottom: 1px solid var(--circle-fill);
    padding-bottom: 0;
    padding-left: 9vw;
    left: 0vw;
    width: 78vw;
    padding-right: 11vw;
    row-gap: 10px;
    flex-wrap: wrap;
    position: relative;
}

.leadInOption {
    /* padding: 0 1vw; */
    font-family: 'Ubuntu', sans-serif;
    font-size: 1.08em;
    cursor: pointer;
    padding-left: 0.4vw;
    white-space: nowrap;
}

.leadInOption:hover {
    color: var(--cockpit-logo);
}

#leadInSearchResultHolder {
    padding-left: 9vw;
    overflow-y: auto;
    /*height: 68vh;*/
}

.leadInSearchResult {
    padding-top: 2.5vmin;
    /* padding-left: 2vmin; */
}

.leadInSearchResultTitle {
    margin-left: 1vmin;
    font-size: 1.5em;
    cursor: pointer;
    color: var(--balken-color);
    padding-top: 0.4vmin;
}

.leadInSearchResultTitle:hover {
    color: var(--color-active);
}

.leadSearchResultShortText {
    font-family: 'Ubuntu', sans-serif;
    font-size: 1.1em;
    padding-left: 1.5em;
    line-height: 1.3;
}

.leadSearchResultSimpleSection{
    margin: 25px 0 30px 0;
    border: 1px solid gray;
    overflow-x: auto;
    border-radius: 10px;
    padding: 15px 0;
}

.leadInSearchResultIcon {
    line-height: 1.25em;
    align-self: center;
    width: 1.5em;
    cursor: pointer;
    height: 1.7em;
}

.leadInSearchResultHeader {
    display: grid;
    position: relative;
    grid-template-columns: 2vw 29vw 10vw 5vw;
}

.leadInSearchResultLink {
    font-family: 'Ubuntu', sans-serif;
    padding-bottom: 0.5em;
}

#leadInStatusHolder {
    padding: 1em 0;
    font-size: 1.1em;
    color: var(--circle-fill-geo);
    display: flex;
    gap: 1em;
}

#leadInAlternateSearch {
    padding: 1em 0;
    font-size: 1.1em;
    color: var(--circle-fill-geo);
    display: flex;
}

#leadInAlternateSearch div {
    color: var(--balken-color);
    font-weight: bold;
    cursor: pointer;
    margin-left: 0.5em;
    margin-right: 0.5em;
}
#leadInAlternateSearch div:hover{
    color: var(--color-active);
}

#leadInShowFieldContextMenu {
    white-space: -webkit-nowrap;
    z-index: 1;font-size: 2vmin;
    line-height: 1.5;
    display: flex;
    text-align: left;
    box-shadow: var(--input-box-shadow);
    border: transparent;
    position: absolute;
    padding: 2vmin 2vmin;
    /* margin-right: 24vmin; */right: 44%;
    /* top: 0vh; */
    max-height: 50vh;
    overflow-y: auto;
    overflow-x: hidden;/* width: 40vmin; */width: fit-content;
    background: var(--background-color-darker);
    flex-direction: column;
}


#leadInExportContextMenu,
#leadInContextMenu {
    text-align: left;
    padding: 1vmin;
    box-shadow: var(--input-box-shadow);
    border: transparent;
    position: absolute;
    right: 11.5vw;
    top: 4vh;
    max-height: 86vh;
    overflow-y: auto;
    width: fit-content;
}

#leadInExportContextMenu {
    left: -8.5em;
    white-space: nowrap;
    background-color: var(--background-color);
    top: 1.1em;
    z-index: 10;
}

#leadInExportContextMenu th,
#leadInContextMenu th {
    padding-left: 0 !important;
    padding-bottom: 0.5vmin;
}

#leadInExportContextMenu td,
#leadInContextMenu td{
    font-weight: normal;
    font-family: 'Ubuntu', sans-serif;
    padding-left: 0.25vw;
    padding-right: 0.25vw;
}

#leadInExportContextMenu table {
    padding-bottom: unset !important;
}

#leadInExportContextMenu table,
#leadInContextMenu table {
    width: 100%;
    padding-bottom: 2vmin;
    line-height: 1.5;
}

#leadInExportContextMenu table tr:hover {
    background: var(--color-active);
    color: white;
}

.leadInContentSection {
    /*background-color: var(--background-color);*/
    text-align: left;
    max-width: 53%;
    padding-top: 1vmin;
    padding-left: 0;
    padding-bottom: 8vmin;
}

.leadInContentSectionHead {
    display: flex;
    cursor: pointer;
}

.leadInContentSectionToggle {
    align-self: center;
    width: 0.6em;
}

.leadInContentSectionTitle {
    font-size: 1.5em;
    padding-left: 1vmin;
}

.leadIn_disabled {
    pointer-events: none !important;
    color: var(--circle-fill-geo);
    cursor: default !important;
}

.leadInContentSection_hidden {
    padding-bottom: 0;
    padding-top: 1vh;
}

.leadIn_disabled .leadInContentSectionToggle {
    visibility: hidden;
}

.leadInContentSectionCounter {
    font-size: 1.1em;
    padding-left: 0.5vmin;
    align-self: center;
}

.leadInContentSection:first-of-type {
}

.leadInContentSection .leadInSearchResult:first-of-type {
    padding-top: 0;
}

#leadInContextMenu button {
    display: block;
    margin: 1vh auto;
}

.leadInOptionHolder {
    display: flex;
    margin-right: 2vmin;
    cursor: pointer;
    pointer-events: all;
    height: 1.6em;
}

.leadInOptionHolder:hover {
    color: var(--cockpit-logo) !important;
}

.leadInOptionHolder.leadIn_active {
    border-bottom: 4px solid var(--balken-color);
    color: var(--balken-color);
}

.leadInOptionIcon {
}

#leadInOptionHolder_search  {
    display:none;
    position: absolute;
    right: 4.5vw;
    bottom: 3px;
}

#leadInSearchCompanyIcon {
    cursor: pointer;
    width: auto;
    height: 5vh !important;
    margin-left: 2vw;
    background-position: center;
    pointer-events: all !important;
    background-size: contain;
    background-repeat: no-repeat;
    float: left;
}

#leadInSearchContainerText {
    background-size: contain;
    margin: auto;
    background-repeat: no-repeat;
    background-position-x: center;
    max-width: 20vw;
    max-height: 10vh;
    background-position-y: bottom;
}

.leadSearchResultShortText td {
    background-color: var(--background-color);
}

#leadInProductContact {
    display:none;
    float: left;
    padding-left: 2vw;
    color: var(--main-color);
}

.leadIn_kpiValue {
    background-color: var(--background-color);
    font-size: 1.5em;
    font-family: 'UbuntuLight', sans-serif;
    font-weight: bold;
}

.leadIn_kpiTrend {
    font-size: 1.5em;
    font-family: 'UbuntuLight', sans-serif;
    font-weight: bold;
}

#leadInSearchContentSearchHolder {
    display: flex;
    align-items: center;
}

#leadInSearchContentSearchStartIcon,
#leadInSearchContentSearchHelpIcon {
    margin-top: 0;
    margin-left: -3vw;
    position: relative;
    padding-left: 0.85vw;
}

#leadInSearchHeader {
    padding-top: 3vh;
    position: relative;
}

#leadInETSearch {margin-top: 0;font-size: 2em;padding-top: 1.5vh;}

#leadInUserSearch {
    margin-top: 0;
    font-size: 2em;
    padding-top: 1.5vh;
}

.leadInSuggestionListActive {
    border-radius: 1em 1em 0 0 !important;
}

.leadInSuggestionListHeadActive {
    border-radius: 0.2vw 0.2vw 0 0 !important;
}

.leadInSearchElementIcon {
    font-size: 0.8em;
    padding-right: 1vw;
    padding-left: 0.1vw;
    padding-bottom: 0.17em;
    padding-top: 0.23em;
}

.ui-menu-item-wrapper {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.leadInSearchResultTabIcon {
    height: 1.5em;
    width: 1.5em;
    margin-top: 0.4vmin;
    margin-left: 1vmin;
    padding-right: 0;
    font-size: 1.5em;
}

#leadInContentSection_all .leadInSearchResultHeader {
    grid-template-columns: 1vw 2em 28vw 10vw 5vw;
}

#leadInLoadScreen {width: 20vw;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}

#leadInLoadScreenDiv {
    height: 94vh;
    width: 100vw;
    background-color: var(--background-color);
    position: absolute;
    left: 0;
    top: 0vh;
    z-index: 1;
}

#leadInLoadScreenLogo {
    display: none;
    width: 5vw;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.leadInInfoLink {
    font-weight: bold;
    cursor: pointer;
    color: var(--balken-color);
}

.leadInInfoLink:hover {
    color: var(--color-active);
}

.leadInNoResultHead {
    display: block !important;
    text-align: left !important;
    line-height: 1.6 !important;
}

#cockpitHelp,
#leadInHelp {
    display: none;
    border-radius: 100%;
    background-color: var(--main-color);
    font-family: 'Ubuntu', sans-serif;
    color: var(--background-color);
    cursor: pointer;
    position: absolute;
    left: 2vw;
    bottom: 9.5vh;
    font-size: 3vmin;
    font-weight: bold;
    width: 4.5vmin;
    height: 4.5vmin;
    line-height: 4.5vmin;
    text-align: center;
    font-size: calc(var(--menuBarWidth) * 0.5);
}

#cockpitHelp:hover,
#leadInHelp:hover {
    background-color: var(--color-active);
}

#cockpitHelp {
    bottom: 2vw;
}

#helpContextMenu {
    position: absolute;
    border: 1px solid transparent;
    width: 10vw;
    opacity: 1;
    z-index: 1000;
    top: 6.5vmin;
    right: 4vw;
}

#helpContextMenu::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -1.2vmin;
    right: 8%;
    border: 6px solid transparent;
    border-top: 0.6vmin solid white;
    transform: rotate(180deg);
}

#helpContextMenuTable tr {
    width: 100%;
    text-align: left;
}

#helpContextMenuTable tr:hover {
    background-color: var(--color-configurable);
    cursor: pointer;
}

#helpContextMenuTable {
    width: 100%;
    font-family: 'Ubuntu', sans-serif;
    font-size: 1.5vmin;
}

#helpContextMenuTable td {
    padding: 0.5vmin 1vmin;
}

#leadInSearchContainerSearchHead {
    font-size: 2vmin;
    padding: 0.5vh 2.5vw 0.5vh 2.5vw;
    font-family: 'Ubuntu', sans-serif;
    height: 3.5vh;
    /* margin-left: 19.5vw; */
    /* margin-top: -0.7vh; */
    border-radius: 2.2vw;
    width: 31vw;
    color: var( --circleLabel-color);
    background: var(--background-color);
    pointer-events: all !important;
    border: 1px solid transparent;
    left: 50vw;
    position: absolute;
    transform: translate(-50%, 0.5vmin);
    text-align: center;
}

#leadInSearchContainerSearchHead::-webkit-input-placeholder {
    font-weight: bold;
}

#leadInSearchContainerSearchHead::-webkit-search-cancel-button {
    margin-right: 2em;
}

#leadInSpeciInfo{
    position: absolute;
    background: var(--background-color);
    width: 35vw;
    max-height: 62vh;
    /* height: 73vh; */
    /* background: red; */
    /* z-index: 7; */
    border-radius: 1vmin;
    border: 1px solid var(--colorStyleBlue-line-color);
    /* overflow-y: auto; */
    top: 19vh;
    right: 9vw;
    padding-bottom: 3vh;
}

#leadInSpeciInfoDiv{
    overflow-y: auto;
    /* height: 60vh; */
    margin: 2vmin 0;
    width: 100%;
}

#leadInSpeciInfo_Header_Bild{
    height: 8vh;
    font-size: 8vh;
    margin-top: 3vh;
    padding-bottom: 2vh;
    border-bottom: 1px solid var(--circle-fill);
}

#leadInSpeciInfo_Header{
    margin-top: 2vh;
    padding: 0.5vh 3vh;
    font-size: 2vh;
    text-align: left;
    font-weight: bold;
}

#leadInSpeciInfo_subHeader{
    font-family: 'Ubuntu', sans-serif;
    text-align: left;
    padding: 0px 3vh;
    font-size: 1.8vh;
    margin-bottom: 2vh;
}

#leadInSpeciInfo_KPI{
    padding: 2vh 3vh;
    text-align: left;
    font-size: 1.9vh;
    line-height: 160%;
    font-family: 'Ubuntu', sans-serif;
}

#leadInSpeciInfo_Time{
    padding: 1vh 3vh;
    text-align: left;
    font-size: 1.7vh;
    line-height: 170%;
    font-family: 'Ubuntu', sans-serif;
    border-top: 1px solid;
    border-color: var(--circle-fill);
}

#leadInSpeciInfo_LIST, #leadInSpeciInfo_LINK{
    border-top: 1px solid var(--circle-fill);
    padding: 2vh 3vh;
    text-align: left;
    font-family: 'Ubuntu', sans-serif;
    font-size: 1.8vh;
    margin-top: 1vh;
}

.leadInSpeciInfo_LISTHeader, .leadInSpeciInfo_LINKHeader{
    font-weight: bold;
}

.leadInSpeciInfo_LISTTABLE, .leadInSpeciInfo_LINKTABLE{
    margin-top: 1vh;
    line-height: 1.5;
    width: 100%;
}

.leadInSpeciInfo_LINKTABLE {
    color: var(--balken-color);
    font-weight: bold;
    cursor: pointer;
}

.leadInSpeciInfo_LINKTABLE:hover{
    color: var(--color-active);
}

.leadInSpeInfo_KPI{
    font-weight: bold;
    margin-bottom: 0vh;
}

.leadInContextMenuTableTime_Tr{
    display: flex;
    justify-content: space-between;
}

#leadInSpeciInfoLoadScreen{
    position: absolute;
    top: 19vh;
    height: 76vh;
    border: 1px solid var(--circle-fill);
    background: var(--background-color-darker);

    

    width: 35vw;
    right: 9vw;
    padding-bottom: 3vh;
}

#leadInSpeInfoLoadScreen{
    margin-top: 15vh;
    width: 72%;
}

#leadInSpeInfoLoadScreenLogo{
    width: 20%;
    position: absolute;
    right: 12vw;
    top: 31vh;
}

.leadInSpeciInfo_LISTTABLE td{
    border-bottom: 1px solid;
    line-height: 1.5;
    padding: 1vh 0;
    border-color: var(--circle-fill);
}

#leadInAudionBanner{
    display: flex;
    visibility: hidden; 
    top: 0;
    position: absolute;
    flex-direction: row;
    height: 15vh;
    width: -webkit-fill-available;
    z-index: 12;
    border-bottom: 1px solid var(--circle-fill);
    background: var(--background-color);
}

#leadInAudioBanner_Header{
    padding: 4vh;
    font-size: 3vh;
    margin-left: 14vh;
    font-family: 'Ubuntu', sans-serif;
    /* font-weight: bold; */
    margin-top: 2vh;
}

#leadInAudioBanner_ICON{
    /* width: 40vh; */
    font-size: 5vh;
    padding: 3vh;
    /* margin: 0 0; */
    margin: 1vw auto;
    cursor: pointer;
    position: fixed;
    right: 10vw;
}

#leadInAudioClose{
    position: absolute;
    right: 2vw;
    top: 2vw;
}

#leandInSuchFilterContainerLimitValue{
    width: 100%;
}

.leadInSpeciInfo_LISTTABLE_label {
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 2vw;
    width: 12vw;
    overflow: hidden;
}

.leadInSpeciInfo_LISTTABLE_LINK {
    cursor: pointer;
    color: var(--balken-color);
    font-weight: bold;
}

#leadInSpeciInfo_DOC {
    line-height: 1.5;
    text-align: left;
    padding: 3vmin;
    white-space: normal;
    word-break: break-word;
}

.leadInSearchResult .cockpitOnePageConfiguratorListWarning {
    padding-left: 3vmin;
    font-size: 1.8vmin;
    padding-bottom: 1vmin;
}

#leandInSuchFilterContainerRangeValue,
#leandInSuchFilterContainerRangeUnit,
#leandInSuchFilterContainerLimitValue {
    font-size: 1.4vmin;
    width: 20%;
    margin-right: 1vmin;
}

#seachHelpPopupTimeFilterUnit,
#leandInSuchFilterContainerRangeUnit {
    height: 2em;
    width: 7em;
}

.leadInSpeciInfo_FKPI {/* border-bottom: 1px solid var(--circle-fill); */margin-bottom: 2vmin;}

.leadInSpeciInfo_FKPIHead {color: var(--balken-color);font-size: 3vmin;margin-bottom: 1vmin;}

.leadInSpeciInfo_FKPIsubHead {

}

.leadInSpeciInfo_FKPIHeadTime{
    margin-top: 0.5vmin;
    color: var(--circle-fill-geo);
}

.leadInSpeciInfo_FKPITable{
    /* display: table; */
    border-collapse: collapse;
    margin-bottom: 2vmin;
    width: 100%;
    line-height: 1.5;
    /* overflow-y: auto; */
    border-top:  1px solid var(--circle-fill);
    padding-top: 2vmin;
    table-layout: auto;
    /* width: 100%; */
    /* max-height: 50vmin; */
    /* background: white; */
    font-size: 0.9em;
    }

.leadInSpeciInfo_infoFKPIContent {
    color: var(--cockpit-red);
    font-size: 3vmin;
    margin: 2vmin auto;
}

.leadInSpeciInfo_FKPITable_Head {
    color: var(--circle-fill-geo);
    background: rgba(255, 255, 255, 0.8);
    font-weight: normal;
    height: 5vmin;
    padding-top: -15vmin;/* margin-top: 18vmin; *//* white-space: nowrap; */
    /* text-overflow: inherit; */
    /* width: 100%; */
    padding: none;
}

.leadInSpeciInfo_FKPITable_Head th {
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.8);
    position: sticky;
    z-index: 0;
    top: -8px;
    white-space: nowrap;
}

.leadInSpeciInfo_FKPITable_Head th.ascending::after {
    content: "\25B2";
    margin-left: 0.2vw;
    color: var(--color-active);
} 

.leadInSpeciInfo_FKPITable_Head th.descending::after {
    content: "\25BC";
    margin-left: 0.2vw;
    color: var(--color-active);
}

.leadInSpeciInfo_FKPITable_Head th.unsorted::after {
    content: "\29EB";
    margin-left: 0.2vw;
}

.leadInSpeciInfo_FKPITable_Tr {
    line-height: 1.75;
    /* width: 129%; */
}


.leadInSpeciInfo_FKPITable_Tr td {
    margin-left: 1vmin;
    padding-right: 1vmin;
    white-space: nowrap;
}

.leadInSpeciInfo_FKPITable_Tr:nth-child(even){
    width: -webkit-fill-available;
    background: var(--second-color-light);
}

.leadInSpeciInfo_FKPITable_Detail {
    color: var(--balken-color);
    /* font-weight: bold; */
    cursor: pointer;
    padding-right: 1vmin;
    position: sticky;
    right: 0;
    /*background: var(--background-color);*/
}

.leadInSpeciInfo_FKPIHeadContent{
   display: flex;
   flex-direction: row;
    justify-content: space-between;
}

.leadInSpeciInfo_FKPIHeadContentFlex {
    display: flex;
    flex-direction: row;
}

.leadInSpeciInfo_FKPIHeadInfo{
    padding-left: 1vmin;
    padding-top: 0.5vmin;
    font-size: 2vmin;
    cursor: help;
    height: 2vmin;
}

.leadInSpeciInfo_FKPITable_MI{
    color: var(--balken-color);
    /* margin: 0 auto; */
    margin: 0vmin auto;
    margin-top: -2vmin;
    /* margin-left: 20vmin; */
    transform: (0, 50%);
    width: 42%;
    border: 1px solid var(--circle-fill);
    /* width: 100%; */
    padding: 1vmin;
    background: var(--background-color-darker);
    border-radius: 1vmin;
    /* padding-top: 2vmin; */
    /* margin-top: 0vmin; */
    text-align: center;
    /* font-weight: bold; */
    /* padding-bottom: 1vmin; */
    cursor: pointer;
}

.leadInSpeciInfo_FKPITable_Dashboard{
    height: 48vmin;
    border: 1px solid var(--circle-fill);
    overflow: hidden;
    position: relative;
}

.leadInSpeciInfo_infoFKPIContentChange{
    display: flex;
    flex-direction: row;
    justify-content: end;
    margin-bottom: 2vmin;
    margin-top: -4vmin;
    font-size: 2vmin;
}

.leadInSpeciInfo_infoFKPIIcon {/* margin-right: 2vmin; */margin-left: 1vmin;cursor: pointer;position: relative;}

.aktiveleadInFKPIIcon{
    color:var(--color-active);
}

.leadInSpeciInfo_FKPITTRENN {
    border-top: 1px solid var(--circle-fill);
    margin-top: 3vmin;
}

.aktivLeadInSpeInfo{
    background: var(--color-active) !important;
    color: white !important;
}

.aktivLeadInSpeInfoDetail{
    color: white;
    background: var(--color-active);
}

.leadInSpeciInfo_FUNKTableName{
    cursor:pointer;
}

.leadInSpeciInfo_FUNKTable {
    padding: 2vmin 2vmin;
    border: 1px solid var(--circle-fill);
    border-radius: 1vmin;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.leadInSpeciInfo_FUNKHeadContent{
    margin: auto 0;
}

.leadInSpeciInfo_FUNKHeadInfo{
    background-color: var(--main-color);
    width: 13vmin;
    height: 12vmin;
    background-position: center;
    border-radius: 1vmin;
    background-size: contain;
    margin-right: 1vmin;
    border: 1px solid var(--circle-fill);
    overflow: hidden;
}

.leadInSpeciInfo_FUNKHeadInfoImage {
    color: var(--background-color);
    font-size: 10vmin;
    line-height: 12vmin;
    text-align-last: center;
    background-color: rgba(0,0,0,0.4);
}

.leadInSpeciInfo_FKPIHeadTcode{
    margin-top: 0.5vmin;
    cursor: pointer;
    color: var(--balken-color);
}

.lenseLink{
    cursor:pointer;
    text-decoration-line: underline;/* color:var(--balken-color); */
}

.infoFKPIContentText{
    margin-bottom:2vmin;
}

#leadInSpeciInfo_MI{
    display: flex;
    flex-direction: row;
    width: 69%;
    margin: 0 auto;
}

#leadInFilterTitle{
    width: 60%;
    margin: 1vmin auto;
    font-size: 2vmin;
    text-align: left;
}

#leadInSetting,
#leadInFilter,
#leadInHistory{
    display: none;
    flex-direction: column;
    width: 100%;
    height: 100%;
    top: 0vmin;
    position: absolute;
    color: var(--circleLabel-color);
    background: var(--background-color);
}

#leadInSetting input[type=text],
#leadInSetting input[type=number] {
    color: var( --circleLabel-color);
    width: 35vmin;
    font-family: inherit;
    font-size: inherit;
    padding: 0.5vh 0.5vw 0.5vh 0.5vw;
    margin: 1vh 1vw 1vh 1vw;
    place-self: center;
    display: block;
}


#leadInSetting select {
    font-family: inherit;
    font-size: inherit;
    place-self: center;
}

#leadInFilterContent,
#leadInSettingContent,
#leadInHistoryContent{
    width: 60%;
    margin: 2vmin auto;
    overflow-y: auto;
    height: 58vmin;
    font-size: 2vmin;
    line-height: 1.6;
    border-bottom: 1px solid var(--circle-fill);
}

#leadInFilterHeadText,
#leadInSettingHeadText,
#leadInHistoryHeadText{
    font-size: 5vmin;
    margin-top: 4vmin;
    margin-bottom: 2vmin;
}

.leadInHistoryEinstellung{
    display: flex;
    cursor: pointer;
    justify-content: end;
}

#leadInSettingCloseButton {
    width: 6em;
}

#leadInFilterButtonHolder,
#leadInSettingButtonHolder,
#leadInHistoryButtonHolder{
    display: flex;
    flex-direction: row-reverse;
    width: 30%;
    width: 60%;
    /* float: right; */
    width: 20%;
    margin: 0 auto;
    line-height: 4vmin;
    min-width: 11vmin;
    /* margin-top: 2vh; */
    /* margin-left: 1vw; */
    float: right;
}

#leadInFilterHead,
#leadInSettingHead,
#leadInHistoryHead{
    width: 60%;
    margin: 0 auto;
    border-bottom: 1px solid var(--circle-fill);
    padding-bottom: 2vmin;
}

.leadIn_SettingHead{
    text-align: left;
    font-size: 2vmin;
    width: fit-content;
    padding-bottom: 0.5vmin;
    /* border-bottom: 1px solid var(--circle-fill); */
    margin-bottom: 2vmin;
    text-decoration: underline;
}

.leadIn_SettingDiv{
    margin-bottom: 2vmin;
    border-bottom: 1px solid var(--circle-fill);
    padding-bottom: 3vmin;
/* width: 60%; *//* margin: 0 auto; */}

#leadIn_fullnumberSetting{
    border-bottom: none;
}

#leadInHistoryContentTable{
    width: 100%;
}

#leadInOptionContainer{
    display: flex;
    flex-direction: row;
    width: 20%;
    font-size: 2vmin;
    justify-content: space-evenly;
    margin: 0 auto;
    text-decoration-line: underline;
    margin-top: 2vmin;
    color: var(--circle-fill-geo);
}

#leadInSeaSaveIcon,
#leadInOptionsIcon,
#leadInSeaHistoryIcon,
#leadInOptionContainerOption,
#leadInOptionContainerHilfe,
#leadInSeaHelpIcon,
#leadInOptionContainerVerlauf{
    cursor:pointer;
}

#leadInOptionIconContainer{
    /* margin-top: 2vmin; */
    padding-top: 2vmin;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    width: 30%;
    font-size: 2vmin;
    text-decoration-line: underline;
    color: var(--circle-fill-geo);
    margin-left: 14vmin;
}



#leadInContextMenuTableDefault,
#leadInContextMenuTableTime,
#leadInContextMenuTableLimit{
    width: 95%;
    padding: 1vmin 2vmin;
    border: 1px solid var(--circle-fill);border-radius: 1vmin;margin: 0 auto;
}

#leadInContextMenuTableShowFullNumbersDiv {
    display: flex;
}

#leadInContextMenuTableShowFullNumbers {
    zoom: normal;
}

#leadInOptionShowFullNumbersDiv{
    display: flex;
    border: 1px solid var(--circle-fill);
    padding: 1vmin 2vmin;
    border-radius: 1vmin;
    width: 92%;
    margin: 0 auto;
}

#leadInOptionShowFullNumbersDiv label {
    line-height: 3em;
}

#leadInShowFieldTable{
    margin-bottom: 2vmin;
    /* border-bottom: 1px solid var(--circle-fill); */
    /* padding-bottom: 2vmin; */
    max-height: 55vmin;
    overflow-y: auto;
    /* overflow-x: hidden; */
    }

#leadInShowFieldTableButton{
    margin: 0 auto;
}

#leadInShowFieldTableTable th {
    top: 0;
    background: var(--background-color);
    position: sticky;
}

.leadIn_History_timeHeader {

}

.leadIn_History_timeHeader td {
    border-bottom: 1px solid var(--circle-fill);
    padding-top: 0.5em !important;
    font-weight: bold;
}

.leadIn_SettingChooseValue{

}

@media screen and (max-width: 992px) {
    #leadInOptionContainer {
      column-gap: 10px;
      width: 40%;
    }

    #leadInSearchContainerSearchHead::-webkit-search-cancel-button {
        margin-right: 4em;
    }
  
    #leadInSearchContainerSearch {
      width: 80vw;
      padding: 1vh 2vw 1vh 6vw;
    }
  
    /* #leadInSearchContentSearch{
          padding: 1vh 2vw 1vh 6vw;
      } */
  
    #helpBarMain {
      margin-right: 1vw;
    }

    #toggleValuestore {
        margin-right: 2vw;
      }
  
    #userQuickAccess {
      top: 2vmin;
    }
  
    #leadInSearchContainerSearchHead {
      height: 3.5vmin;
    }
  
    #HeadleadInSearchContentSearchHilfe {
      margin-left: -5.8vw;
      margin-top: -0.9vmin;
    }

    #analyseSave {
        margin-left: -8.3vw;
    }  
  
    #leadInSettingContent {
      width: 90%;
    }
  
    #leadInSettingButtonHolder {
      column-gap: 10px;
    }
  
    #leadInHistoryContent {
      width: 90%;
    }
  
    .cockpitSearchField {
      font-size: 1.5em;
    }
  
    .cockpitSearchFieldInput {
      font-size: 1.1em;
      height: 4vmin;
    }
  
    #flumenSubHeader {
      top: 6vmin;
      height: 6vmin;
    }
  
    #leadIn {
      margin-top: 5.8vmin;
    }
  
    #leadInHistoryBackButton {
      min-width: 15vmin;
    }
  
    #leadInHistoryCloseButton {
      min-width: 15vmin;
    }
  
    #leadInHistoryButtonHolder {
      column-gap: 10px;
    }
  
    #searchHelpContainer {
      width: 90vw !important;
      left: 5vw !important;
    }
  
    #leadInSettingContent {
      height: fit-content;
    }

    #leadInSearchContentSearchStartIcon {
      margin-left: -5vmin;
    }

    #leadInSearchContentSearchAddSynonym{
        margin-left: 3vmin;
        cursor: pointer;
    }
  
    #leadInOptionIconContainer {
      width: 60%;
      column-gap: 10px;
      font-size: 2.3vmin;
    }
  
    .viewSwitchItemSpan {
      font-size: 2.6vmin;
    }
  
    #leadInPageImage {
      width: 85vmin;
      top: 35vmin;
    }
  
    #helpContextMenu {
      width: 18vw;
    }
  
    #helpContextMenuTable {
      font-size: 2vmin;
    }
  
    html,
    body {
      font-size: 1.9vmin;
    }
  }

  @media screen and (max-width: 576px) {
    html,
    body {
      font-size: 2.5vmin;
    }

    #leadInSearchContainerSearchHead::-webkit-search-cancel-button {
        margin-right: 6em;
    }
  
    #leadInOptionIconContainer {
      width: 70%;
      font-size: 2.6vmin;
    }
  
    #leadInSettingContent {
      font-size: 3vmin;
    }
  
    .leadIn_SettingHead {
      font-size: 3vmin;
    }
  
    .selectButton {
      font-size: 3vmin;
    }
  
    #leadInOptionContainer {
      font-size: 3vmin;
    }
  
    #leadInHistoryBackButton {
      min-width: 18vmin;
    }
  
    #leadInHistoryCloseButton {
      min-width: 18vmin;
    }
  
    #leadInHistoryContent {
      font-size: 3vmin;
    }
  
    .searchHelpRowFilter {
      height: 5vmin;
    }
  
    #searchHelpContainerHeaderTitel {
      font-size: 3vmin !important;
    }
  
    #toggleLandingPage {
      font-size: 5.8vmin;
    }

    #moreCustomIconsBtn {
        font-size: 5.8vmin !important;
      }
  
    #toggleCockpit, #toggleMAH {
      font-size: 5.8vmin;
      padding-top: 3vmin;
    }
  
    #menuBar {
      line-height: 7vmin;
    }
  
    #favBar {
      font-size: 5.8vmin !important;
    }
  
    #leadInSearchContainerSearchHead {
      height: 7vmin;
      border-radius: 2.5vmin;
    }
  
    #helpBarMain {
      width: 6vmin;
      height: 6vmin;
      margin-right: 6vw;
      font-size: 4.7vmin;
      line-height: 7.75vmin;
    }

    #toggleValuestore {
        width: 6vmin;
        height: 6vmin;
        margin-right: 11vw;
        font-size: 4.7vmin;
        line-height: 7.75vmin;
      }
  
    #userQuickAccess label {
      width: 4.85vmin;
      height: 4.85vmin;
      font-size: 4vmin;
      line-height: 4.7vmin !important;
    }
  
    #HeadleadInSearchContentSearchHilfe {
      margin-left: -7.8vw;
      margin-top: 2.1vmin;
      height: 4.5vmin;
      width: 4.5vmin;
      font-size: 4vmin;
      line-height: 4vmin;
    }
  
    .header {
      height: 10vmin;
    }
  
    #flumenSubHeader {
      top: 10vmin;
      height: auto;
    }
  
    
  
    #leadInPageImage {
      width: 132vmin;
      top: 44vmin;
      margin-left: -36vmin;
    }
  
    .leadIn_recentItemImage {
      height: 8vmin;
      width: 8vmin;
      font-size: 5.5vmin;
      line-height: 8vmin;
    }
  
    .leadIn_recentItemLabel {
      font-size: 1.1em;
    }
  
    .viewSwitchItem{
      padding-top: 0;
      padding-bottom: 2vmin;
    }
  
    #viewSwitch {
      margin-top: 2vmin;
    }
  
    #viewSwitch {
      flex-wrap: wrap;
      /* margin-top: -2vmin; */
      align-items: center;
      justify-content: center;
    }
  
    .viewSwitchItem {
      /* padding-top: 4vmin;
      padding-bottom: 4vmin; */
      font-size: 4vmin;
    }
  
    .viewSwitchItemSpan {
      font-size: 4vmin;
    }
  
    #leadInContent {
      margin-top: 10vmin;
    }
  
    .locationLabelHolder {
      font-size: 3vmin;
    }
  
    #helpContextMenu {
      width: 26vw;
      top: 8.5vmin;
    }
  
    #helpContextMenuTable {
      font-size: 3vmin;
    }
  
    #leadInSetting {
      top: 14vmin;
    }
  
    #leadInHistory {
      top: 14vmin;
    }
  
    #leadInSearchHeader {
      padding-top: 2vmin;
    }
  
    #sidePanelHeader {
      margin-top: 21vmin;
    }
  
    #sidePanelControlBar > div,
    .sidePanelButtonIcon {
      font-size: 3vmin !important;
    }
  
    .leadInContentSection {
      max-width: 90%;
    }
  
    #leadInSearchContentSearch {
      width: 80vw;
    }
  
    #leadIn{
      margin-top: 28vmin;
      overflow-y: auto;
      width: 103vw
  ;
  
    }
  
    #leadInSetting, #leadInFilter, #leadInHistory{
      height: auto;
      top: 0;
    }
  
    #leadInContent{
      margin-top: 0;
    }
  
    #leadInFilterContent, #leadInSettingContent, #leadInHistoryContent{
      height: 90vmin;
    }
  
    .leadInSpeciInfo_infoFKPIContentChange{
      font-size: 3.5vmin;
    }
  
    .leadInSpeciInfo_FKPITable{
  
    }
  
    #leadInSpeciInfo_FKPITableWACO2{
      table-layout: fixed !important;
      width: 170% !important;
    }
  
    #leadInSpeciInfo_FKPITableWACO2 th{
      width: 20% !important;
    }
  
    #leadInSpeciInfo_FKPITableWACO2 th:nth-child(2) {
      width: 20% !important;
    }
  
    #leadInSpeciInfo_FKPITableWACO2 th:nth-child(1) {
      width: 2% !important;
    }
  
    /* #leadInSpeciInfo_FKPITableWACO2 td:nth-child(2) {
      width: 40% !important;
    } */
  
    #leadInSpeciInfo_FKPITable_MI_MI{
      padding: 10px 0;
    }
  }