@font-face{
		font-family: BridgestoneType;
		src: url(../common/inc/BridgestoneType-Regular.woff);
	}
	
:root {
	--gruen: #70ad47;
	--dunkelgruen: #4f8c27;
	--rot: red;
	--dunkelrot: darkred;
	--gelb: yellow;
	--gold: gold;
}
html{
	height:100%;
}
body {
	height:100%;
	font-family: BridgestoneType;
	font-size: 1.1rem;
	margin:0px;
	background-color: rgb(211,211,211);
	/*color: #333333;*/
}
header{
	box-sizing: border-box;
	width: 100%;
	height: 80px;
	padding: 5px 20px;
	position:fixed;
	z-index: 10;
    left:0;
	top: 0;
	vertical-align: middle; 
	white-space: nowrap;
	border-style: none none solid none;
	border-collapse: collapse;
	border-color: #bbbbbb;
	border-width: 1px;
	background-color: white;
	background-image: url("img/bslogo.png");
    background-repeat: no-repeat;
    background-position: right top;
    background-attachment: fixed;
	
}
div.langchange{
	box-sizing: border-box;
	display:table-cell;
	position: fixed;
	margin-top: -1rem;
	/*margin-right: 1rem;*/
	padding-top: 0.4rem; 
	padding-bottom: 0.3rem; 
	padding-left: 0.8rem;
	padding-right: 0.8rem;
	border-bottom: 5px solid #ed1c24;
	border-left: 5px solid #ed1c24;
	border-radius: 0px 0px 0px 15px;
	right: 0;
	background-color: white;
	z-index: 7;
}
div.user_head{
	height: 3rem;
	box-sizing: border-box;
	display:table-cell;
	position: fixed;
	margin-top: -1rem;
	padding-top: 0.7rem; 
	padding-bottom: 0.3rem; 
	padding-left: 0.8rem;
	padding-right: 0.8rem;
	border-bottom: 1px solid #bbbbbb;
	border-left: 1px solid #bbbbbb;
	border-radius: 0px 0px 0px 5px;
	right: 0;
	z-index: 7;
	background-color: white;
}

div.user_nav{
	height: 3rem;
	box-sizing: border-box;
	display:table-cell;
	position: fixed;
	margin-top: -1rem;
	padding-top: 0.7rem; 
	padding-bottom: 0.3rem; 
	padding-left: 0.8rem;
	padding-right: 0.8rem;
	border-bottom: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	border-radius: 0px 0px 5px 0px;
	left:0;
	z-index: 6;
	background-color: white;
}
img.flagge{
	margin-top:5px;
	margin-right:2px;
	margin-left:2px;
	border: 1px solid black;
	border-radius: 5px;
	cursor: pointer;
}
main{
	box-sizing: border-box; 
	padding-left: 20px;
	padding-right: 20px;
	height: 100%;
	margin: 0px;
	width:100%;
	padding-bottom: 3rem;
	padding-top: 90px;
	/*position: relative;*/
		
}
footer{
	box-sizing: border-box;
	position:fixed;
	padding: 5px 20px;
	z-index: 3;
	height: 2.5rem;
    bottom:0;
    right:0;
	left:0;
	background-color: white;
	width: 100%;
	color: auto;
	white-space: nowrap;
	vertical-align: middle;
	border-style: solid none none none;
	border-collapse: collapse;
	/*border-collapse: separate;*/
	border-color: #bbbbbb;
	border-width: 1px;
}


.EingabeTab{
	background-color: white;/*lightgrey; /*211, 211, 211*/
	border-color: #808080;
	border-style: solid;
	padding: 0.2rem;
	border-collapse: collapse;
}

.overview th{
	vertical-align: middle;
	text-align: left;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
}
.overview td{
	padding-left: 0.2rem;
	padding-right: 0.2rem;
}
table.overview{
	background-color: white;
	border: 1px solid #bbbbbb;
	/*width: 100%;*/
	max-width: 95%;
	padding: 0.2rem;
	border-collapse: collapse;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.34);
}
.overview td, .overview th{
	padding:0.3rem;
	border: 1px solid #bbbbbb;
}

.overview .ecke_rechts_oben{
	background-color: none;
	border-style: solid;
	border-color: #ed1c24;
}


h1{
	font-size: 1.8rem;
	
}

div.loginbtn{
	background-color: #ed1c24;
	border-color: black;
	border-style: solid;
	padding: 20px;
	max-width: 100px;
	color: black;
	text-align: center;
}
.loginbtn:hover{
	background-color: #484848;
	color: white;
}

a.loginbtn{
	color: black;
	font-style: normal;
	font-family: Sans-serif;
	font-size: 1.5em;
	text-decoration: none;
}
.eingabeblock{
	width: 30em;
}
.eingabeblock label{ /*Labels innerhalb des Eingabeblocks*/
	width: 10em;
	float: left;
	text-align: right;
	vertical-align: middle;
	padding-right: 0.5em;
	margin-top: 0.422em;
}
.horizontal_group {
	width: 100%;
	margin-bottom: 0.5em;
	
}
.horizontal_group label{ /*Labels innerhalb des Eingabeblocks*/
	width: 8.35em;
	text-align: left;
}
.horizontal_group_grp {
	width: 100%;
	margin-bottom: 0.5em;
	
}
.horizontal_group_grp label{ /*Labels innerhalb des Eingabeblocks*/
	width: 5.75em;
	text-align: left;
}
.eingabeblock input{ /*eingabem im Eingabeblock*/
	width: 15em;
	float: left;
	text-align: left;
}

.background_good {
	background-image: linear-gradient(to bottom right, var(--gruen), var(--dunkelgruen));
}
.background_bad {
	background-image: linear-gradient(to bottom right, var(--rot), var(--dunkelrot));	
}
.background_mid {
	background-image: linear-gradient(to bottom right, var(--gelb), var(--gold));	
}
.background_neutral {
	background-image: linear-gradient(to bottom right, white, lightgrey);	
}
.tire_already_assigned {
	background-image: linear-gradient(to bottom right, var(--gelb), var(--gold));
}
.txt_input{
	padding: .422em 0;
}
/*.ui-selectmenu {
  display:-moz-inline-stack;
  display:inline-block;
  zoom:1;
  *display:inline; /* To make IE7 happy  
} ​​​​​​*/
.select2-container .select2-selection--single{
	/*Originalwerte überschreiben*/
	height: 2.122em !important;
	/*padding: .422em 0;*/
}
.select2-selection__rendered {
	line-height: 2.122em !important;
}
.select2-selection__arrow{
	height: 2.1em !important;
}
.ui-tooltip {
    white-space: pre-line;
}
.ui-state-disabled{
	opacity: .70;
}
.button-float-right{
	float: right;
}

.inactive_row{
	background-color: lightgrey;
}

#tbxSection{
	margin-bottom: 50px;
}
#remaining_credits{
	margin-right: 50px;
}
#welcome_sapcer{
	margin-left: 20px;
}
.tt_serial .tbx_detail{
	height: 1rem;
}
.tt_serial{
	float: left;
	margin-right: 30px;
	height: 2rem;
	line-height: 2rem;
}
.tt_status{
	float: right;
	height: 2rem;
	line-height: 2rem;
}
.tt_line{
	display:block;
}