kern/superx/style/sx_field_dialogue.css

/*dateispezifische Basics*/
body, .label, .searchresult, .placeholder {	/*Schrift für Kopf, Suchform.Teile, Suchergebnisse*/
   font-family: sans serif;
   font-weight: normal; 
   font-size: 12px; 		/*20241102 geändert BF von 0.9rem;*/ 
}

input[type="checkbox"] {
  vertical-align: bottom; 
  line-height: 1.25; }

.combodiv {
   display: flex;
   justify-content: left; }
   
ul { list-style: none; }
   
hr {
  background-color: whitesmoke;
  margin-top: -1rem;
  margin-bottom: 0.5rem; }

/* Standarddarstellung für größere Viewports */  
.input-container {
    display: flex;
    flex-direction: row; 	/* Ordnet Felder horizontal*/
    margin-top: 0.2rem;}
    
.input-container > .label {           
    margin-bottom: 0;
    margin-right: 1.2rem;}

.field is-grouped is-grouped-multiline {
  display: flex;
  flex-direction: row;  
  flex-wrap: wrap;
  gap: 1rem; }
    
.field.is-grouped {
  display: flex;
  flex-direction: row;  
  flex-wrap: nowrap;
  margin-left: 0.5rem;
  gap: 1rem; }

.field {align-items: flex-start;}	/*für gleiche vertik. Feldausrichtung*/  
.label {
  margin-top: 5px; 
  width: 2em; }  

.select select, .input {            	/*für Auswahlfeldstyle*/
   border: thin solid hsl(0, 0%, 71%);  /*hellgrau*/ 
   border-radius: 0.3em; 
   padding-left: 5px;} 

/*Anpassungen für Viewports bis 768px=tablet-Hochformat */
@media screen and (min-width: 585px) and (max-width: 768px) { 
  .input-container {
    flex-direction: row;  	
    gap: 1px; 		/* Fügt Abstand zwischen den Feldern hinzu */
  }

 .field.is-grouped { flex-direction: row; }
 .field {align-items: flex-start;}

}

/*Anpassung für kleine Viewports */
@media screen and (max-width: 584px) {
.input-container {
    flex-direction: column;  	/* Stapelt Felder*/
    margin-top: 1rem;
  }
  .field.is-grouped {
    flex-direction: row;    
    column-gap: 5px;            /* Abstand label und Input/Select-Felder */
    row-gap: 1px;		/* Höhneabstand zwischen Feldern; ohne Angabe wird Abstand zu groß*/ 
  }
  
  .label {width: 3em;}
}  

/*** style-Abschnitt von maske_combo_laden.jsp und html-Datei***/
/* so. Zeile 16
ul {
  list-style-type: none;  
}*/

#sichtentreeUL {
  list-style-type: none;
  margin-left: 2em;
  padding: 0;
}

.sichtentreeCaret {
  cursor: pointer;
  -webkit-user-select: none; /* Safari 3.1 */
  -moz-user-select: none; /* Firefox 2 */
  -ms-user-select: none; /* IE 10 */
  user-select: none;
}

.sichtentreeCaret::before {
  content: "\25B6";
  color: #014A7B;
  display: inline-block;
  margin-right: 0px;
}

.sichtentreeCaret-down::before {
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Safari */'
  transform: rotate(90deg);  
}

.sichtentreePlaceholder {
  margin-left: 16px; 
}

.sichtentreeNested {
  display: none;
  margin-right: 0px;
  padding-left: 13px;
}

.sichtentreeActive {
  display: block;
  margin-right: 0px;
  padding-left: 13px;
}

.sichtentreeSpacer {
  padding-left: 10px;  /*wofür nötig?*/
}

.sichtentreeLink {
text-decoration: none; /* keine Unterstreichung für links */
}

.sichtentreeLinkWithSpace {
 text-decoration: none; /* keine Unterstreichung für links */
 margin-left:10px;
 box-decoration-break: clone;
 -webkit-box-decoration-break: clone;
}

ul.sichtentreeChildUL {
margin: 0px;
padding-left: 10px;
list-style-type: none;
list-style-position: inside;
list-style-image: none; 
}
/* cells entfernt
.cell {
    position: sticky;
    top: 0;
    z-index: 10;
    
} */

/*so. Zeile 43
.label {
   font-size: 14px; }*/
   
/*so. Zeile 24
.input-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}*/

/*.input-container > .label {
    margin-bottom: 0.25rem; 
}*/

/*so. Zeile 52
@media (min-width: 768px) { 
	.input-container {
	    flex-direction: row;
	    align-items: center;
	}
	
	.input-container > .label {
	    margin-bottom: 0;
	    margin-right: 1rem; 
	}
}*/