.missingInput {
    border-color: var(--color-active);
}

.noDataField {
  background-color: #d3d3d3;
  cursor: default;
  pointer-events: none;
}

#Transaction{
  display: inline-flex;
  margin-top: -0.5vmin;
}
  
  #TransactionInput{
    border-radius: 0.5vmin;
    border-style: inherit;
    height: 2.5vmin;
    padding-left: 1vmin;
    font-size: 1em;
    background: var(--background-color);
    color: var(--circleLabel-color);
  }
  
  #TransactionLabel{
    color: var(--main-color);
    background: var( --color-configurable);
    font-weight: bold;
    margin-left: 1.5vmin;
    font-size: 2vmin;
    border: 2px solid var(--color-configurable);
    border-radius: 100%;
    height: 2.5vmin;
    width: 2.5vmin;
    cursor: pointer;
    text-align: center;
    line-height: 1.3;
  }
  
  #trenntLineT{
    border-left: 1px solid var(--main-color-light);
    height: 2.5vmin;
    margin-left: 2vmin;
  }
  
  #transactionInputContent {
    position: relative;
    border: 1px solid var(--second-color-light);
    padding: 1vmin;
    width: auto;
    border-radius: 1vmin;
    width: 88%;
    display: flex;
    flex-direction: column;
  }
  
  td.tsLabel {
    text-align: left;
    width: 29vmin;
    height: 3.5vmin;
    vertical-align: top;
  }
  
  #transaction_implButton{
    position: relative;
    text-align: end;
    width: 89%;
    margin-top: 2vmin;
  }
  
  #TCinputListresult{
    display:none;
      border: 1px solid var(--second-color-light);
      padding: 1vmin;
      border-radius: 1vmin;
      margin-bottom:1vmin;
  }

  .simulationInputFilter,
  .transactionInputFilter{
    font-style: inherit;
    font-size: 2.2vmin;
    height: 3vmin;
  }

.transactionInputFilterValue {
  display: inline-flex;
   /*margin-right: 51%; */
  padding-left: 1vmin;
  padding-top: 0.25vmin;
  padding-bottom: 1.25vmin;
  margin-bottom: 0.25vmin;
  padding-right: 1vmin;
  margin-top: 0.25vmin;
}

.transactionInputFilterValue .singleEntryRemove {
  margin-top: 1vmin;
  margin-left: 2vmin;
}

.transaction_ContentInput_ChoosenContent {
  display: block;
  max-height: 12vmin;
}

  .inputPflicht{
     font-style: inherit;
   }

  .inputMultiple{
    color: blue;
   }
  .transaction_chooseValue{
    border: 1px solid;
    position: absolute;
    z-index: 1;
    background-color: var(--background-color);
    max-height: 25em;
    width: 30.6vw;
    overflow: auto;
    border-color: var(--second-color-light);
    font-size: 2.2vmin;
  }

  #transaction_inputTable{
    text-align: left;
    padding: 1vmin;
    width: 100%;
    line-height: 1.8;
  }
  
  #TCinputLabel{
    text-align: left;
    padding: 1vmin;
    margin-bottom: 2vmin;
  }

  #TCinputLabelPflicht {
    padding-top: 2vmin;
    font-style: italic;
    /* bottom: 2vmin; */
    text-align: left;
    position: relative;
    font-size: 2vmin;
  }

  .transactionSearchTableIcon {
    padding: 0.4vmin;
    cursor: pointer;
    background-color: var(--color-configurable);
    border-radius: 100%;
    /* width: 4.5vmin; */
    text-align: left;
    /* margin-top: 21vmin; */
    margin-left: -22vmin;
    font-size: 3vmin;
  }

  .simulationInput,
  .transactionInput {
    /*display: inline-flex;*/
    height: 3.5vmin;
  }

  #transactionInputDiv {
    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;
  }

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

#tcodeContent{
  display: flex;
    flex-direction: column;
    width: 100%;
}

 #tcodeHeadIcon{
  font-size: 7vmin;
  /* color: var(--color-active); */
  font-weight: bold;
  display: none;
 }

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

  #TransactionPath{
    text-align: left;
    position: relative;
    font-size: 2vmin;
    margin-bottom: 2vmin;
    width: 70vw;
    line-height: 1.4;
    font-style: italic;
    margin-top: 0vmin;
  }

  #TransactionName{
    text-align: left;
    position: relative;
    font-size: 3vmin;
    margin-bottom: 2vmin;
    width: 75vw;
  }

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

  #transactionInputDivHeader{
    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;
  }

  .transactionlabelFrom, .transactionlabelTo{
    margin-right: 1vmin;
    margin-top: -0.2vmin;
    margin-left: 1vmin;
  }

  #transactionInputFilterLEVEL {
    /* width: 95%; */
  }

.transactionSuggestionList {
	margin-top: 2em;
	border: 1px solid;
	position: absolute;
	z-index: 1;
	background-color: var(--background-color);
	padding-left: 1vmin;
	max-height: 25em;
	width: auto;
	overflow: auto;
	border-color: var(--second-color-light);
	color: var(--text-color-sidePanel);
	font-size: 1em;
}

.transactionDropdown {
  border: 1px solid;
  width: 16vmin;
  position: absolute;
  background-color: var(--background-color);
  max-height: 25em;
  overflow: auto;
  border-color: var(--second-color-light);
  color: var(--text-color-sidePanel);
  font-size: 2.2vmin;
}

.transactionDropdown option {
  cursor: pointer;
}

.transactionDropdown option:hover {
  box-shadow: 0 0 10px 100px var(--second-color-light) inset;
}

#transactionInputFiltertimeRangeValue{
    width: 57vmin;
    height: 3vmin;
}

.tsLabelIntervall{
    text-align: center!important;
}

.deactivatedHeaderBackFunction {
  background-color: var(--circle-fill);
  pointer-events: none;
  cursor: default;
}

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