/* Place all the styles related to the auslegungen controller here.
// They will automatically be included in application.css.
*/
/* _mf_ Farbdefinitionen mit CSS-Variablen */
:root {
  --color-funken-bg-light:  #f2f2f2;
  --color-funken-bg-middle: #e8e8e8;
  --color-funken-bg-dark:   #2c2c2e;
  --color-funken-blue:      #0572b7;
  --color-funken-grey:      #3d4045;
}


/* Werkzeugbereich Links ------------------------------------------------ */
#werkzeugbereich {
	overflow-x: hidden;
}

#werkzeugbereich select, 
#werkzeugbereich input[type=checkbox] {
	 cursor: pointer;
}

/* Tabs */
#Fav, 
#Param {
	background-color: transparent !important;
}

/* Auslegungsparameter Inputfelder */
.param {
	margin-top: 3%;
}

.param select, 
.param input, 
.param label {
	width: 100%;
	text-align: center;
	margin-bottom: 1%;
	font-size: 12px;
}

.param input,
.param select {
    height: 30px;
}

.param input:focus, 
.param select:focus,
.saveNotizen:focus {
    border-color: var(--color-funken-blue);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.param select:hover, 
.param option:hover, 
.param  input:hover,
.param input[type=checkbox]:hover,
.saveNotizen:hover {
    border-color: var(--color-funken-blue);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

/* Werkzeugbereich Rechts ------------------------------------------------ */
#werkzeugbereichRechts {
	background-color: transparent !important;
	font-size: 12px;
	z-index: 1;
	overflow: auto;
}

.anleitung {
	font-size: 14px;
	margin-top: 3%;
	margin-bottom: 3%;
	line-height: 20px;
	background-color: transparent !important;
}

.tab-content > .active  {
	background-color: transparent !important;
}

/* Infobereich (Mittelbereich) ------------------------------------------------ */
#infobereich {
	height: 100%;
	background: transparent;
	text-align: center;
}

#infobereich img {
    margin-top: 1%;
    margin-bottom: 1%;
}

/* Ergebnisbereich (Unten) ------------------------------------------------ */

#ergebnisbereich {
	top: 70%;
	padding: 10px;
	background-color: transparent;
	border-top: 1px solid white;
}

.ventiheader {
	font-size: 14px;
	font-weight: bold;
	color: white;
	background-color: var(--color-funken-blue);
}

.ventiheader.table-bordered,
.ventibody.table-bordered {
	border: 1px solid var(--color-funken-bg-dark);
}