.dblclick {
	cursor: alias;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.clickable {
	cursor: pointer;
}
.clickable:hover {
	text-decoration: underline;
}
.disable {
	cursor: default!important;
	opacity: 0.6;
	pointer-events: none;
}
.highlight {
	background-color: #ffee00;
}

.table {
  width: unset!important;
}

th {
  text-align: center!important;
}

table.block-3 td:nth-child(3), table.block-3 td:nth-child(5), table.block-3 td:nth-child(7) {
  border-left: 1px solid black;
  padding-left: 20px!important;
  /* TODO: Rechts davon */
}

table.block-3 td:nth-child(2n+1) {
  width: 1cm;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

td.firstOfGroup:not(:first-child), th.firstOfGroup {
  border-left: 2px solid black!important;
}

tr.firstOfGroup {
  border-top: 2px solid black!important;
}

.highlight.panel {
	background-color: #ffe;
}

.odd {
	background-color: #eee;
}

.align-right {
	text-align: right;
}
.float-right {
	float: right;
}

.a4paper {
	width: calc(100vw-30px);
	height: 40.5vw;
	display: block;
	position: relative;
	background: url(../papier.svg) center top no-repeat;
	background-size: 100% 90%;
}

.a4paper .unten {
  position: absolute;
  bottom: 4px;
  left: 4px;
  right: 4px;
  font-size: 13px;
  display: flex;
  justify-content: space-between;
}

.a4paper .unten input {
  width: 16%;
}

.a4paper .unten span {
  width: 16%;
  padding-bottom: 5px;
}

.sort-parent {
  width: 12.1cm;
  margin: 0px;
  padding: 0px;
  cursor: normal;
}
.sort-item {
  display: inline-block;
  float: left;
  margin: 0px;
  padding: 0px;
  text-align: center;
}

.bereich {
	border: 1px dashed black;
	position: absolute;
}

.bereich.fertig {
  border: 1px solid lime;
}

.bereich:hover {
	background: #ffe;
}

.superscroll thead,
.superscroll tbody,
.superscroll thead tr {
	display: block;
	box-sizing: content-box;
}
.superscroll thead tr th {
	box-sizing: content-box;
}
.superscroll tbody {
	height: 400px;
	overflow-y: scroll;
}

.winner.tipp { /* Sieger */
	background: #af0!important;
	font-weight: bold;
}

.halfwinner.tipp { /* Teil-Sieger */
	background: repeating-linear-gradient(-45deg, #af0, #af0 4px, rgba(0,0,0,0) 4px, rgba(0,0,0,0) 8px)!important;
	font-weight: bold;
}

.tipp.finished:not(.winner):not(.halfwinner) { /*loser*/
	background: #faa!important;
}

.tipp:not(.finished) { /* getippt, nicht ausgewertet */
	background: #ccc!important;
}

.winner:not(.tipp) { /* Sieger, aber nicht wir */
	background: #ddf!important;
}

.halfwinner:not(.tipp) { /* Sieger, aber nicht wir */
	background: repeating-linear-gradient(-45deg, #ddf, #ddf 4px, rgba(0,0,0,0) 4px, rgba(0,0,0,0) 8px)!important;
}

.blaustrich {
  border-top: 2px solid blue;
}

.green {
	color: #0a0;
}

.red {
	color: #a00;
	background-color: #fee;
}

.updated {
	color: green;
	font-weight: bold;
	/*text-decoration: underline;*/
}

.updatedOwn {
	color: black;
	font-weight: bold;
	/*text-decoration: underline;*/
}

.updatedManual {
	background-color: yellow;
	color: black;
	font-weight: bold;
	/*text-decoration: underline;*/
}

.abschluss {
	color: red;
	font-weight: bold;
	/*text-decoration: underline;*/
}

.changePlan {
	color: orange;
	font-weight: bold;
	/*text-decoration: underline;*/
}

.gesucht {
	background-color: rgba(255, 177, 10, 0.81);
}

.stufe3 { background-color: rgba(249, 60, 17, 0.2); }
.stufe2 { background-color: rgba(255, 187, 2, 0.2); }
.stufe1 { background-color: rgba(  0, 165, 30, 0.2); }

.form-control {
	max-width: 500px;
}

.tot {
	text-decoration: line-through;
	color: #333;
}

td {
	vertical-align: middle !important;
}

body {
  padding-top: 50px;
  padding-bottom: 50px;
}

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}

.form-signin .checkbox {
  font-weight: normal;
}

.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}

.form-signin .form-control:focus {
  z-index: 2;
}

.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

.navbar-fixed-top {
  border: 0;
}

.sidebar {
  display: none;
  transition: 0.5s ease;
}

@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 51px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
  }
}

.nav-sidebar {
  margin-right: -11px; /* 10px padding + 1px border */
  margin-bottom: 10px;
  margin-left: -10px;
}

.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}

.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #fff;
  background-color: #428bca;
}

.eingeklappt .sidebar {
  background: #000!important;
  transition: 0.5s ease;
  width: 0px!important;
  border: 0px;
  padding: 0px;
  overflow: hidden;
}

.eingeklappt .main {
  transition: 0.5 ease;
  margin-left: 0px!important;
  width: 100%;
}

.main {
  padding: 20px;
  transition: 0.5 ease;
}

@media (min-width: 768px) {
  .main {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.main .page-header {
  margin-top: 0;
}

.form-control {
  display: inline;
}

.form-text {
  width: 200px;
}

.form-quote {
  width: 90px;
}

input[type=number] {
      -moz-appearance:textfield;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
      -webkit-appearance: none;
          margin: 0;
}

.compact {
  font-size: 110%;
}
.compact td {
  padding: 2px!important;
}
.compact td.kunde {
  font-weight: bold;
  padding-left: 4mm!important;
}
.compact td.kunde_e {
  text-align: right;
}

.kundeName {
  color: white;
  font-size: 130%;
  font-weight: bold;
}

.wettsuche ul {
	list-style: none;
	text-align: center;
	padding: 0;
	margin: 0;
	box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);
}

.wettsuche li {
	font-family: 'Oswald', sans-serif;
	line-height: 30px;
	text-align: left;
}

.wettsuche a {
	text-decoration: none;
	color: black;
	display: block;
	padding-left: 15px;
	border-bottom: 1px solid #888;
}

.wettsuche a:hover {
	/* background-color: #eaeaea; */
	background-color: orange;
}

.wettsucheActive {
	background-color: orange;
}

.btn-outline {
    background-color: transparent;
    color: inherit;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}