#tableSearchHolder{
    flex-direction: row;
    display: none;
    background: var(--background-color);
    color: var(--text-color-sidePanel);
    height: 1000vmin;
    z-index: 4;
    width: -webkit-fill-available;
    bottom: 0px;
    position: fixed;
    top: 6vmin;
    font-size: 2.2vmin;
}

.tableSearchContentHeaderButtonHolder{
    margin-right: 2vmin;
}

#tableResultTable th {
    cursor: pointer;
}

#tableSearchHolder thead{
    background: white;
    white-space: normal;
    border-bottom: 1px solid var(--circleLabel-color);
}
#tableSearchHolder thead input{
    display: grid;
    margin: auto;
    font-size: inherit;
    line-height: inherit;
    background-color: transparent;
    border: 1px solid;
    color: var(--text-color-sidepanel);
}

#tableSearchHolder thead input[type=date]{
    display: block;
}

.tsLabel {
    width: 18vmin;
}

.tsInput {
    width: 34.8vmin;
    height: 3.5vmin;
    display: inline-flex !important;
}

#tableSearchHolder td {
    text-align: left;
    vertical-align: middle;
    display: inline-table;
    line-height: 1.5;
    padding-bottom: 1vmin;
}

#tableSearchHolder th {
    text-align:normal;
    position: relative;
    padding-left: 0.5vmin;
    padding-right: 1vmin;
}
table.dataTable.fixedHeader-floating {
    display: none !important;
}


.dataTables_scrollHeadInner{
   margin-left: 0px;
   /* width: 100% !important; */
   display: block;
   overflow: hidden;
   margin-right: 30px;
   z-index: 1000;
}

.dataTables_scrollBody{
   border-bottom: 1px solid var(--second-color-light);
}
.even{
    background-color: var(--second-color-light);
}

#tableSearchSiteInfo{
    margin: 3px;
    margin-left: -0.6vmin;
    margin-right: -0.6vmin;
    display: -webkit-inline-box;
}

#tableSearchButtonBar{
    position: relative;
    display: block;
    width: 100%;
    height: 5vmin;
    margin-top: 2vmin;
}

#tablePopupMenu_saveBTN,
#tableSearchButtonBar button{
    width: 18vmin;
}

/* #tablePopupMenu_saveBTN:hover,
.floatLeft:hover,
.floatRight:hover,
#tableSearchButtonBar button:hover {
   background: var(--color-configurable);
   color: var(--main-color);
} */

#tablePopupMenu_saveBTN{
    margin-top:2vmin;
    margin-right: 0vmin;
}

.floatLeft{
    float:left;
    margin-left: 7vmin;
    margin-top: -1vmin;
}


.floatRight{
    float: right;
    margin-top: -1vmin;
}


#buttonNavBar{
    margin-top: 4vmin;
    /* margin-right: 3vmin; */
    width: 75%;
}    

#tableSearchInfoDiv{
    position:absolute;
}

.dt-button-collection{
    left: 0 !important;
    width: 170vmin !important;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(24vmin, 26vmin));
}

.tableSearch_addEntry{
    color: green;
}

.tableSearch_removeEntry{
    color: red;
}

#tableSearch_selectedHeader{
    font-size: 2vmin;
    padding:1vmin;
}

.labelTo{
    float:left;
    padding-left: 2vmin;
}


#tablePopupMenu{
    display: none;
    border: 1px solid var(--second-color-light);
    z-index: 5;
    width: 30%;
    height: 70%;
    margin-top: 8vmin;
    position: fixed;
    background-color: white;
    right: 13vmin;
    top: 0;
    border-radius: 1vmin;
}

#tablePopupMenu_closeBTN{
    font-size: large;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 0.5em;
}

.infoPanelTable_contextMenu_close {
    float: right;
    cursor:pointer;
    margin-right: 1vmin;
    margin-top: 0.1vmin;
}


#tableSearchHeaderDivG {
    float: left;
    /* font-size: 1.8vmin; */
    /* padding-bottom: 1vmin; */
    width: 100%;
    /* font-weight: bold; */
    /* display: grid; */
    /* grid-template-rows: 2vmin 2vmin; */
    /* grid-template-columns: 82% 18%; */
    /* row-gap: 2vmin; */
    text-align: left;
    margin-bottom: 1vmin;
}

#tableSearchHeaderDiv {
    text-align: left;
    font-size: 2.2vmin;
    margin-bottom: 2vmin;
}

#tableSearch_languageSelect {
    width: -webkit-fill-available;
    margin-left: 1vmin;
}

#optionLanguageInfo {
    width: -webkit-fill-available;
    text-align: end;
    font-size: 2vmin;
}

#tableSearch_languageDiv {
    width: 100%;
    font-size: 1.7vmin;
    display: flex;
    line-height: 2vmin;
    font-weight: normal;
}

#tableSearchHeaderDivGroup{
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 1vmin;
}

#tableSearchResultHeaderDiv {
    margin-top: 3vmin;
    margin-bottom: 3vmin;
    width: 92%;
    text-align: left;
    display: flex;
}

#searchTableContent {
    overflow-y: auto;
    padding: 1vmin;
    margin-top: 1vmin;
    margin-left: 0vmin;
    /* font-size: 1.4vmin; */
    min-height: 28vmin;
    max-height: 40vmin;
    border: 1px solid var(--second-color-light);
    border-radius: 1vmin;
    color: var(--text-color-sidePanel);
}

.tableSearchCloseTd,
.tableSearchAutoGroupCheckboxTd {
    vertical-align: middle;
}

.tableSearchCloseTd {
    cursor: pointer;
    padding-left: 1vmin;
}

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

#tableSearch_searchTable {
    line-height: 180%;
    width: 100%;
}

span.labelTo {
    margin-right: 0.5em;
}

#tableSearchClose {
    right: -4vmin;
    top: -3vmin;
    position: absolute;
    cursor: pointer;
}

.tsOperationSelectorHolder {
    width: 6vmin;
    padding: 0;
    text-align: right !important;
}

.tableSearchSideIcon {
    display: inline-block;
    font-size: 2.2vmin;
    border-radius: 100%;
    background: var(--color-configurable);
    color: var(--main-color);
    height: 4vmin;
    margin-left: 1vmin;
    width: 4vmin;
    cursor: pointer;
    line-height: 1.65 !important;
    text-align: center;
}

#tSConfigureTableDiv_chooseTable,
#tSConfigureTableDiv{
    flex-direction: column;
    margin-top: 3vmin;
    margin-left: 1vmin;
    width: -webkit-fill-available;
    height: -webkit-fill-available;
}

#tSConfigureTableDiv{
    width: 91%;
}

#tSConfigureTableDiv_chooseTable span{
    /* margin: auto; */
    color: var(--text-color-sidePanel);
    /* font-size: 1.7vmin; */
    height: 3vmin;
}

#tSConfigureTableDiv_chooseTable button{
    width: 21vmin;
    margin-left: 3vmin;
}


#tableSearch_ListInput {
    display: none;
    margin-top: 3vmin;
    margin-left: 1vmin;
    flex-direction: column;
    width: -webkit-fill-available;
    height: -webkit-fill-available;
}


#tableSearch_switchButton{
    width: fit-content !important;
    height: fit-content !important;
    font-size: 4.5vmin;
    cursor: pointer;
}

#tableSearch_ListInput button {
    width: 25vmin;
    margin: 2.5vmin auto;
    display: block;
}

#tSConfigureTableDiv div {
    position: relative;
    width: 100%;
    margin-top: 1vmin;
    margin-left: -0.5vmin;
    height: 45vmin;
    display: flex;
    line-height: 1.4;
}

#tSConfigureTableDiv button {
    width: 20vmin;
    margin: 1.5vmin auto;
}

.tableSearch_FieldSelect_Label {

}

#tableSearch_SaveFields {
    position: absolute;
    top: 73vmin;
    right: 2vmin;
    width: 100%;
    right: 13vmin;
    width: fit-content;
}

.inputStringNumer {
    height: 2vmin;
    width: 30vmin;
    margin-left: 4vmin;
}

#tableSearchTS {
    display: none;
}

.tableSearchInputSelect{
    position: absolute;
    width: 28%;
    margin-top: 2.2vmin;
    z-index: 21;
}

.tableSearchFilterSearch {
    position: fixed;
    margin-top: -5vmin;
    right: 11vmin;
    height: 3vmin;
    width: 26vmin;
    display: inline-flex;
}

.tableSearchFilter {
 /*   width: 29vmin !important;*/
 font-style: inherit;
}

.activatedLoadList {
    color: var(--color-active);
    pointer-events: none;
}

#autoGroupingButton,
#dynGroupingButton {
    float: right;
    display: none;
}
#tableSearchRequestButton{
    float: right;
}

#tablePopupMenuHeadDivClose {
    cursor: pointer;
    position: relative;
    float: right;
    margin-right: 2vmin;
    margin-top: -5vmin;
}

#tablePopupMenuHeadDiv {
    text-align: left;
    margin-left: -1vmin;
}

#tablePopupMenuH2Label {
    position: relative;
    text-align: left;
    margin-left: -1vmin;
    /* font-size: 1.3vmin; */
    margin-bottom: 2vmin;
}

#tablePopupMenu_listINPUT {
    resize: none;
    height: 49vmin;
    width: 91%;
    margin-left: -1vmin;
    background: var(--background-color);
    color: var(--text-color-sidePanel);
    border: 1px solid var(--second-color-light);
    border-radius: 1vmin;
    padding: 1vmin;
    font-size: 2.2vmin;
    font-family: 'Ubuntu', sans-serif;
}

#tableSearchResult {
    position: relative;
    overflow: auto;
    overflow-x: auto;
    width: 75%;
    height: 54vmin;
    /* margin: 11vmin auto; */
    /* margin-bottom: 2vmin; */
    /* padding: 1.3vmin; */
    /* border-radius: 1vmin; */
    font-size: 2vmin;
    padding: 0 1vmin 1vmin 1vmin;
    border: 1px solid var(--circle-fill);
}

#tableSearchOptionBar {
    position: relative;
    padding-top: 1.5vmin;
    height: 2vmin;
    padding-bottom: 2vmin;
    width: 100%;
}

#sharedGlobalGroupingInput,
#sharedGroupingInput {
    margin-left: 2vmin;
}

#optionFilterHolder {
    display: inline-flex;
    float: left;
    width: 100%;
    align-items: center;
}

#optionbarLabel {
    white-space: nowrap;
    font-size: 2vmin;
}

#optionbarInput{
    margin-left: 1vmin;
    padding-left: 0.5vmin;
    width: 9vmin !important;
}

#searchFilter {
    position: fixed;
    margin-top: -5vmin;
    right: 10vmin;
    height: 3vmin;
    width: 26vmin;
    margin-right: 50vmin;
    display: inline-flex;
}

#searchFilterSearch {
    height: 3vmin;
    width: 26vmin;
    display: flex;
    margin-right: 50vmin;
}



#searchFilterInput {
    width: 40vmin;
    margin-left: 2vmin;
}

#tableRsult{
    position: fixed;
    width: 100%;
    top: 12vmin;
    display: block;
}

#tableResultTable {
    text-align: left;
    table-layout: auto;
    padding: 1vmin;
    width: 100%;
    /* width: 142%; */
}

#tableResultTable td {
    word-break: break-word;
    white-space: initial;
    padding: 0.5vmin;
    cursor: pointer;
    display: table-cell!important;
    line-height: 2;
    border-bottom: 1px solid var(--circle-fill);
}

#tableResultTable tr {
    width: 100%;
}

#tableResultTableThead {
    position: sticky;
    top: 0px;
    border: none ! important;
    background: white;
    /* background: var(--main-color); */
    /* color: var(--header-textColor); */
    height: 5vmin;
}

#tableResultTableTbody {
    width: 100%;
}

#tableResultTable .absorbing-column {
    width: 100%;
}

#tableResultTable tr:nth-child(even) .tableSearchResultSelectedEntry{
    background: var(--second-color-light);
}

#tableResultTable tr:hover{
    background: var(--color-configurable);
    color: var(--main-color);
    font-weight:bold;
}

.tableSearchResultSelectedEntry {
    background: var(--logo-color) !important;
    color: var(--header-textColor);
    font-weight:bold;
}

.tableSearchResultHeadSubText {
    font-size: 1.4vmin;
    margin-left: 4vmin;
    font-weight: bold;
}

.tableSearchResultHeadSubRightText {
    right: 2.9vmin;
    color: red;
    font-weight: bold;
    margin-left: 2vmin;
    display: none;
}

#tableSearchTS {
    width: 91%;
    /* font-size: 2.2vmin; */
}

#tableSearch_tableResultHolder{
    height: 95%;
    width: 91%;
    /* z-index: 9997; */
    top: 15vmin;
    /* background: var(--background-color); */
    position: absolute;
}

#selectAllButton {
    float: left;
    margin-left: 8vmin;
    width: 15vmin;
}

#cancelButton {
    float: right;
    margin-right: 2vmin;
    width: 15vmin;
}

#assumeButton {
    float: right;
}

.tsOperationSelector {
    width: 7.5vmin;
    height: 3.5vmin;
    border: 1px solid var(--second-color-light);
    border-radius: 0.5vmin;
    color: var(--text-color-sidePanel);
    background: var(--input-background-sidePanel);
}

.inputBis,
.inputVon,
.tableSearchInputInterval {
    height: 2.4vmin;
    border: 1px solid;
    padding-left: 1.5vmin;
    padding-right: 1.5vmin;
    border-radius: 0.5vmin;
    color: var(--text-color-sidePanel);
    background: var(--input-background-sidePanel);
    border-color: var(--second-color-light);
    width: 33%;
    float: left;
    align-self: center;
    min-width: 8em;
}

.tableSearchIconHolder {
    width: 8vmin;
    height: 100%;
}

#ms-tableSearch_FieldSelect{
    margin: 1vmin auto;
    width: inherit;
}

#tableSearch_TableSelect {
    height: 5vmin;
    width: 50vmin;
    font-family: 'Ubuntu', sans-serif;
    padding: 1vmin;
    font-size: 2.2vmin;
    margin-left: 2vmin;
}

#tableSearchHeader{
    width: 20%;
    flex-direction: column;
    text-align: left;
    margin-top: 5vmin;
    margin-left: 8vmin;
    width: 30%;
    flex-direction: column;
    text-align: left;
    margin-top: 2vmin;
    margin-left: 7vmin;
    padding-top: 13vh;
}

#tableSearchHeadIcon{
    font-size: 10.2vmin;
    color: var(--main-color);
    display: none;
}

#tableSearchHeadLabel{
    font-size: 7.5vmin;
    margin-top: 1vmin;
    margin-left: 1vmin;
    font-size: 7.5vmin;
    margin-top: 1vmin;
    margin-left: 1vmin;
    font-family: 'Ubuntu', sans-serif;
    font-size: 4vw;
    /* margin-top: -0.35em; */
    /* line-height: 4.4vw; */
    text-align: left;
    font-family: 'Ubuntu Thin';
}

#tableSearchContentHeader{
    height: 9vmin;
    display: flex;
    flex-direction: row;
    /* margin-left: 9vmin; */
    margin-bottom: 5vmin;
    padding-top: 5vmin;
    font-size: 2.2vmin;
    height: 9vmin;
    display: flex;
    flex-direction: row;
    /* margin-left: 9vmin; */
    margin-bottom: 4vmin;
    padding-top: 5vmin;
    font-size: 2.2vmin;
    border-bottom: 1px solid var(--circle-fill);
    width: 30vmin;
}    

#searchInTableClose{
    position: absolute;
    right: 2vw;
    top: 2vw;
    cursor: pointer;
}

#tableSearchHeaderButton{
    display: flex;
    flex-direction: row;
    /* border-bottom: 1px solid var(--circle-fill); */
    display: flex;
    width: 15%;
    flex-direction: row;
    justify-content: space-between;
}

#tableSearchContentHeaderTitleFunctionLeft{
    height: 5vmin;
    font-size: 4vmin;
    cursor: pointer;
    margin-right: 4vmin;
    height: 5vmin;
    font-size: 4vmin;
    cursor: pointer;
}

#tableSearchContentHeaderTitleFunctionConf{
    height: 5vmin;
    font-size: 4vmin;
    cursor: pointer;
    margin-right: 4vmin;
}

#tableSearchContentHeaderTitleFunctionAll{
    height: 5vmin;
    font-size: 4vmin;
    cursor: pointer;
    margin-right: 4vmin;
}

#tableSearchContentHeaderTitleFunction_ALL,
#tableSearchContentHeaderTitleFunction_Back,
#tableSearchContentHeaderTitleFunction_Conf {
    margin-right: 2vmin;
}

#tableSearchContent{
    width: 100%;
}

#loadScreenTableSearch{
    display: none;
    background: var(--background-color);
    height: 1000vmin;
    z-index: 13;
    width: -webkit-fill-available;
    bottom: 0px;
    position: fixed;
    top: 6vmin;
}

#tableSearchLoadScreen{
    position: fixed;
    top: 6vmin;
    width: 100%;
    background: var(--background-color);
    height: 100%;
}

#tableSearch_tableResult{
    display: flex;
    flex-direction: column;
}

#tSConfigureTableDiv_cdiv{
    text-align: left;
    margin-top: 2vmin;
    margin-left: -1vmin;
}

.tableSearchContentHeaderTitleFunctionLabel{
    font-size: 2vmin;
    font-weight: normal;
    padding-right: 1.6vw;
    font-family: 'Ubuntu', sans-serif;
}