.top-buffer-10 { margin-top: 10px !important }
.bottom-buffer-10 { margin-bottom: 10px !important }
.right-buffer-10 { margin-right: 10px !important }
.left-buffer-10 { margin-left: 10px !important }

.top-buffer-20 { margin-top: 20px !important }
.bottom-buffer-20 { margin-bottom: 20px !important }
.right-buffer-20 { margin-right: 20px !important }
.left-buffer-20 { margin-left: 20px !important }

.top-buffer-40 { margin-top: 40px !important }
.bottom-buffer-40 { margin-bottom: 40px !important }
.right-buffer-40 { margin-right: 40px !important }
.left-buffer-40 { margin-left: 40px !important }

.top-buffer-60 { margin-top: 60px !important }
.bottom-buffer-60 { margin-bottom: 60px !important }
.right-buffer-60 { margin-right: 60px !important }
.left-buffer-60 { margin-left: 60px !important }

.check {border: 1px solid red !important}

.top-buffer-login {margin-top: 200px}

.no-padding {
	padding: 0 !important	
}

body {
	touch-action: manipulation;
}

@media (max-width: 768px) {
.modal-dialog {
  width: 90% !important;
  max-width: 90% !important;
  margin: auto;
  padding: 0;
}
}

.modal-header {border-bottom: none !important}
.modal-footer {justify-content: flex-start !important}

.modal-footer > .row {
	width: 100%
}

.smaller-text {
	font-size: 10px !important
}

@media (min-width: 576px) {
	.tab-pane {
		height: 400px
	}
	.modal-body {
	height: auto !important;
	}
	.nav-item.col-12 {
		flex: 0 0 0;
	}	
}

.table-bordered.alert-danger td,
.table-bordered.alert-danger th{
	border: 1px solid rgba(114,28,36,.2)/* #721c24 !important */
}

.roter-text {
	color: red 
}

.gruener-text {
	color: #47C344
}

.z-nummer {
	font-size: 1em !important
}

@media (min-width: 576px) {
	.z-nummer {
	font-size: 2em !important
}	
}

.nav-item.col-12 {
	padding: 0 !important;
}

.tab-pane {
	padding: 0 20px
}

.save-button {
	font-size: 1.5em !important
}

#error {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	z-index: 666;
	top:0;
	left: 0
}

.error-div {
	position: absolute;
	width: 400px;
	margin: 200px auto 0 auto
}

span.error {
	color: red
}

.cursor-p {
	cursor: pointer !important
}

.hidden {
	display: none
}

.btn.zaehlernummerauswahl {
	padding: 20px !important;
	margin-right: 10px
}

.btn.zurueckButton,
.btn.weiterButton {
	width: 100%
}

.erledigt { background-color: greenyellow; }