/* Version für Normal und Dark-Style */
/* Überarbeitet für Version 5.0 */
html, body, page, form{
  hyphens: manual; 
  word-break: normal;
}

.qrowclass1, .qrowclass2, .qrowclass3 {
  height: 30px;
  line-height: inherit;
  font-size: 14px;
  font-weight: normal;
}

.qrowclass1, .qrowclass2{
  background-color: transparent;
}

.qtable{
  border: 0px solid #ffffff;
  width: 100%;
}
.maintab{padding-bottom:80px;}

.content{
		margin: auto 5px; 
		padding: 8px 0px 0px 0px;}

.cancelbutton{
  top: initial;
  bottom: 70px;
} 
.sidebutton{
	height: 55px;
	bottom: 26px;
}  
#backbutton, #continuebutton{
  height: 35px;
  margin: 0px 10px;  
}

/***Fortschrittsbalken**/  
#fortschritt-balken {
	height: 20px;
	margin-bottom: 4px;
}
#fortschritt {
	height: 20px; 
	font-size: 12px;
}
#pBar {
	height: 20px;
}
.singleq .qlabeltextcell, .multiq .qlabeltextcell{
	display: table-cell;	
	height: auto;
	min-height: 28px;
}

/*Falls der Title wie ein Text formatiert wird*/
.qtitle .qtext{
  width: 100% !important;
  padding: 5px 0px 10px 0px !important; /* Abstand Oben-Rechts-Unten-Links */
  margin-left:   0px!important;
  margin-bottom: 0px!important;
}

/*Falls der Title wie ein Helptext formatiert wird*/
.qtitle .qhelptext{
  width:100% !important;
  margin-left: 0px;  
}

/*Falls der Text wie ein Helptext formatiert wird*/
.qtext .qhelptext{
  width:100% !important;
  margin-left: 0px;
}

.qtext{
  width: 100%;
  font-size: 16px;
  padding: 5px 0px 10px 0px; /* Abstand Oben-Rechts-Unten-Links */
  margin: auto 0px auto 0px; /* Abstand Oben-Rechts-Unten-Links */
  line-height: 20px;
}

.qtitle{
  width:100%;
}
.qerror{
	font-size: 14px;
	line-height: 14px;
}

.qhelptext{ 
  width: 100%; 
  font-size: 12px; 
  line-height: initial;
}
.qlabeltextcell, .qbuttoncell {
  font-size: 14px;
  height: auto; 
  line-height: normal; 
  padding-top: 5px;
  padding-bottom: 5px;
  min-width: auto!important;
}
.qrightlabeltextcell, .qleftlabeltextcell, .qunspecifytextcell{
	font-size: 14px;
}
.qbuttoncell {
  width: 30px!important;
}

.qlabelopen, .numinput, .qselect, .qselect option{
  height:22px!important;
  line-height: inherit;  
  font-size: 14px;
  font-weight: bold;
  font-family: 	"Source Sans 3",
				-apple-system,
				BlinkMacSystemFont,
				Segoe UI,
				Roboto,
				Helvetica,
				Arial,
				sans-serif;
}

.qopenfield{
 width:90%;
 font-size: 14px;
 font-weight: bold; 
 font-family: 	"Source Sans 3",
				-apple-system,
				BlinkMacSystemFont,
				Segoe UI,
				Roboto,
				Helvetica,
				Arial,
				sans-serif;
 }

.qlabelopen {
 width: 150px!important; /* Breite des offenen Textfeldes */
}

.qinputcell {
	padding-left: 3px;
	padding-right: 3px;
}
.qleftlabeltextcell { 
	padding-left: 0px;

}
.qrightlabeltextcell { 
	width: auto;
}
.qunspecifytextcell { 
	width: auto!important;
}

.qtextlabelcell, .qtextitemcell, .numqrow, .qgridheader, .sortable-number, .qerror, .qtitle{
  font-size:14px;
}
.qgridheader{
  font-weight: bold;
  border-color:#ffffff;
}
.qhighlight {
  background-color: var(--background-grid);
}
.singlegridq .qhighlight, .multigridq .qhighlight{
  background-color: var(--background-grid);
  font-weight: normal; /* original: bold (fett) */
}
.singlegridq .qlabeltextcell, .multigridq .qlabeltextcell {
	font-size: 12px;
}

.connectedSortable {
  min-width: 50px;
  min-height: 50px;
  width: 135px;
}
.connectedSortable li {
  margin: 2px;
  padding: 5px;
  padding-left:25px;
  font-size:12px;
  width: 100px;
  height: 15px;
}

.sortable-number{
  top:3px;
  width:initial;
}

.footnotes{
  padding:0px 10px; 
  height:16px; /* Höhe ändern falls Spachauswahl via @language angezeigt werden soll */
  line-height:inherit;
  font-size:12px;
}

.onDesktop, .header, #theTitle{ display: none; }      

/* Schieberegler */
.qsliderunspecifybuttoncell{width:30px; line-height: 0px; min-width: 26px;}  

.ui-slider-horizontal .ui-slider-handle {
	font-size: 12px; 		/* Beschriftung auf Regler */
	}
.ui-slider-horizontal {
	width: 100%!important;
}	
	
/*** Hilfetext ***/
#popup {
    display:none;
    z-index: 8001;
    position: fixed;
    width:80%;
    top: 20%;
    left: 5%;
    background: none repeat scroll 0 0 #57595b;
    border: 4px solid #999999;
    border-radius: 15px;
    font-size: 16px;
	font-weight: bold;
    color: #f8f9fa;
    padding: 10px 10px 10px 10px;
}	
	
/*** Studienspezifisch ***/