.sort_ASC:after {
	content: url(../images/s_asc.png);
}
.sort_DESC:after {
	content: url(../images/s_desc.png);
}
.help-inline{
	/*background-color:red;*/
	border: 1px solid red;
}

 .viereck {
			  float: left;
			  width: 20px;
			  height: 20px;
			  margin: 0px;
			  border: 1px solid rgba(0, 0, 0, .2);
			}   

.viereck {
			  float: left;
			  width: 20px;
			  height: 20px;
			  margin: 0px;
			  border: 1px solid rgba(0, 0, 0, .2);
			}   
		
.ampel{
			width: 42px;
			border:1px solid black;
		
		}
.statebox1{
		 	  vertical-align:center;
			  width: 10px;
			  height: 20px;
			  margin: 0px;
			  border: 1px solid rgba(0, 0, 0, .2);
		}
.statebox2{
		 	  vertical-align:center;
			  width: 10px;
			  height: 20px;
			  margin: 0px;
			  border: 1px solid rgba(0, 0, 0, .2);
		}
		
.statebox3{
		 	  vertical-align:center;
			  width: 10px;
			  height: 20px;
			  margin-left: 10px;
			  border: 1px solid rgba(0, 0, 0, .2);
		}
		
.statebox4{
		 	  vertical-align:center;
			  width: 10px;
			  height: 20px;
			  margin-left: 20px;
			  border: 1px solid rgba(0, 0, 0, .2);
		}
	
.statebox5{
		 	  vertical-align:center;
			  width: 10px;
			  height: 20px;
			  margin-left: 30px;
			  border: 1px solid rgba(0, 0, 0, .2);
		}
		
.statebox6{
		 	  vertical-align:center;
			  width: 40px;
			  height: 20px;
			  /*margin-left: 30px;*/
			  border: 1px solid rgba(0, 0, 0, .2);
		}

#dropzone{
	align: center;
	height: 300px;
	background: white;
	border: 5px dashed cornflowerblue;
}

.dropzone{
	align: center;
	height: 300px;
	background: white;
	border: 5px dashed cornflowerblue;
}

.dropzone.dragover {
  background-color: rgba(0, 0, 0, .3);
}


.navbar-brand {
  display: flex;
  align-items: center;
  margin: 0px 5px;
}

.navbar-brand>img {
  margin-top: 0px;
  padding: 10px 10px;
}


.navbar-alignit .navbar-header {
    -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  height: 50px;
}

.navbar-alignit .navbar-brand {
  top: 50%;
  display: block;
  position: relative;
  height: auto;
  transform: translate(0,-50%);
  margin-right: 15px;
  margin-left: 15px;
}


.correctionPill{
	position:relative;
	margin-left:55px;
	margin-top: -20px;
		
}

.canceled {
	position:relative;
	margin-top:-100px;;
	z-index: 2;
	
}

.canceled-big {
	position:relative;
	margin-top:-500px;
	margin-left:50px;
	z-index: 2;
	
}


.badge {
  padding: 1px 9px 2px;
  font-size: 12.025px;
  font-weight: bold;
  white-space: nowrap;
  color: #ffffff;
  background-color: #70b9c5;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
.badge:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.badge-error {
  background-color: #b94a48;
}
.badge-error:hover {
  background-color: #953b39;
}
.badge-warning {
  background-color: #f89406;
}
.badge-warning:hover {
  background-color: #c67605;
}
.badge-success {
  background-color: #5cc45e;
}
.badge-success:hover {
  background-color: #356635;
}
.badge-info {
  background-color: #3a87ad;
}
.badge-info:hover {
  background-color: #2d6987;
}
.badge-inverse {
  background-color: #333333;
}
.badge-inverse:hover {
  background-color: #1a1a1a;
}

.thumbnail {
	min-height: 600px;
	/*position:fixed;*/
}

.lightTableCorrections{
vertical-align: center;
}

/**
	Ändern der Table Hovr Color, damit man in der Korrekturübersicht erkennen kann, welche Korrekur angezeigt wird
**/
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: #f89406;
}