/* Placeholder
---------------------- */
::-webkit-input-placeholder { 	font-style: italic; color: #858e94 !important; }
:-moz-placeholder { 			font-style: italic; color: #858e94 !important; }
::-moz-placeholder { 			font-style: italic; color: #858e94 !important; }
:-ms-input-placeholder { 		font-style: italic; color: #858e94 !important; }

body{
	color: #01305E;
}

em {
	font-size: 0.8rem;
}

label{
	font-size: 0.95rem;
}

.form-control-file {
	font-size: 0.8rem;
}

input[type="checkbox"]:checked+span{ font-weight: bold; }

.form-control{
	margin-bottom: 0.25rem;
	padding: 0.25rem 0.5rem;
	font-size: 0.9rem;
}
.select2-selection__rendered{
	font-size: 0.9rem;
}

.col-form-label, .form-check-label {
	margin-bottom: 0;
	padding-bottom: 0.2rem;
	padding-top: 0.2rem;
}

.form-check-inline .form-check-label{
	padding-left: 0;
	padding-right: 1.25rem;
}

select.form-control:not([size]):not([multiple]){
	height: auto;
}

.form-check {
	margin-bottom: 0;
}

.bg-grau{
	background-color: #f7f7f9;
}

/* Panels
---------------------- */
.card-header {
	padding: 0.5rem 1.25rem;
}

.card-block {
	padding: 1rem 1.25rem;
}

.card-warning-light{
	background-color: #FCF4AE;
	border-color: #FCF4AE;
}

.card-warning {
	background-color: #F0D34E;
	border-color: #F0D34E;
}

/* Schrift Farben
---------------------- */
.red, .req{	color: #FF0000; }
.green{	color: #008000; }
.blue{	color: #0000FF; }


.adminItem{
	display: none;
}

.navbar{
	background-color: #D6DDDE;
}

.navbar-brand {
	margin-right: 2rem;
}

.navbar-light .navbar-brand, .navbar-light .navbar-toggler {
	color: rgba(1, 48, 94, 0.9);
}
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover, .navbar-light .navbar-toggler:focus, .navbar-light .navbar-toggler:hover {
	color: rgba(1, 48, 94, 0.9);
}
.navbar-light .navbar-nav .nav-link {
	color: rgba(1, 48, 94, 0.5);
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	color: rgba(1, 48, 94, 0.8);
}
.navbar-light .navbar-nav .nav-link.disabled {
	color: rgba(1, 48, 94, 0.3);
}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .open > .nav-link {
	color: rgba(1, 48, 94, 0.9);
	font-weight: 600;
}
.navbar-light .navbar-toggler {
	border-color: rgba(1, 48, 94, 0.1);
}
.navbar-light .navbar-text {
	color: rgba(1, 48, 94, 0.5);
}

.navbar-toggleable-md li.nav-item {
	margin-right: 0.75rem;
}
.navbar-toggleable-md li.nav-item:last-child {
	margin-right: 0;
}

#logoutHelpPassword{
	font-size: 0.85rem;
	background-color: #f5f5f5;
}

#onlineStatus{
	border-radius: 5px;
	color: #fff;
	font-size: 0.85rem
	font-weight: bold;
	padding: 1px 4px;
}
.onStatus{
	background-color: #00cc00;
}

.offStatus{
	background-color: #CC0000;
}

.addSeparator:after{
	content: "|";
	color: #000;
	margin: 0 0.25rem;
}

hr{
	border-width: 3px 0 0;
	margin-top: 0.5rem;
}

.btn, #searchField{
	cursor: pointer;
}

@media screen and (max-width: 576px) {
	.navbar-brand{
		font-size: 1rem;
	}
}


.fa {
	font-size: 0.8rem;
}

h1 .fa {
	font-size: 0.8em;
}

.fa-lock{
	color: #D00;
}
.fa-unlock{
	color: #080;
}
.fa-unlock-alt{
	color: #f0ad4e;
}

.fa.foto{
	font-size: 1.25em;
}

.input-group-addon{
	padding: 0.2rem 0.5rem;
}

.form-inline .row{
	width: 100%;
}

#uebersichtTafeln, #uebersichtAuftrag, table.simpleDataTable{
	margin-top: 10px;
}

#uebersichtProtokolle td{
	padding-left: 1em;
}

/* Data Tables
---------------------------- */
.dataTables_wrapper select{
	margin-right: 8px;
}

.dataTables_wrapper{
	margin-right: -15px;
	margin-left: -15px;
}

.dataTables_wrapper .row{
	margin-right: 0;
	margin-left: 0;
}

div.dt-buttons{
	margin-right: 0.25rem;
}
div.dt-buttons a.dt-button{
	padding: 0.25rem 0.5rem;
	font-size: 0.875em;
}

.dt-print-view p, .dt-print-view td{
	font-size: 0.9em;
}

.dt-print-view h2{
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: center;
}

.dataTables_wrapper .dataTables_paginate .paginate_button{
	padding: 0.2em 0.8em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.active,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
	color:#333 !important;
	border: 1px solid #979797;
	background-color:white;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#dcdcdc));
	background:-webkit-linear-gradient(top,#fff 0,#dcdcdc 100%);
	background:-moz-linear-gradient(top,#fff 0,#dcdcdc 100%);
	background:-ms-linear-gradient(top,#fff 0,#dcdcdc 100%);
	background:-o-linear-gradient(top,#fff 0,#dcdcdc 100%);
	background:linear-gradient(to bottom,#fff 0,#dcdcdc 100%)
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled a{
	cursor: not-allowed;
	color: #ccc;
}

.paginate_button a{
	text-decoration: none;
}

.buttons-columnVisibility span{
	color: #9e9e9e;
}
.buttons-columnVisibility.active span{
	color: #000;
}

/* Login page
---------------------------- */
.login-page {
  width: 360px;
  padding: 8% 0 0;
  margin: auto;
}

.input-group-addon{
	width: 36px;
}
.login-page .form-control{
	padding: .5rem .75rem;
}
.login-page .card-block{
	padding: 1.6rem 1.25rem;
}

body#login-form{
	background-color: #D6DDDE;
}

.login-page a, .login-page p{
	display: block;
	font-size: 0.91rem;
	line-height: 1.25em;
}

.login-page li{
	font-size: 0.91em;
	line-height: 1.25em;
}


.alert-dismissible .close{
	padding: 0.75rem 0.75rem 0.75rem 0;
}

.alert ul, .alert p{
	margin-bottom: 0.5rem;
}

.alert .fa{
	margin-right: 0.75rem;
}

p + ul{
	margin-top: -0.5em;
	padding-left: 20px;
}

/* Callouts
---------------------- */
.callout {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #f5f5f5;
	border-color: #eeeeee;
	border-image: none;
	border-radius: 0.25rem;
	border-style: solid;
	border-width: 1px 1px 1px 0.25rem;
	margin-bottom: 1.25rem;
	margin-top: 1.25rem;
	padding: 1rem 1rem 0.2rem;
}

.callout-success {
	border-left-color: #5cb85c;
}

.callout-info {
	border-left-color: #5bc0de;
}

.callout-primary {
	border-left-color: #0275d8;
}

.callout-warning {
	border-left-color: #f0ad4e;
}

.callout-danger {
	border-left-color: #d9534f;
}

.callout p {
    line-height: 1.15em;
}

.callout hr {
    border-width: 1px 0 0;
    margin-top: 1.5rem;
}

#sendOfflineData{ display: none; }

#protokolle{
	display: none;
}

.hidden{
	display: none;
}

button i.fa + span{
	margin-left: 5px;
}

#statusIcon{
	cursor: help;
}

form .form-group{
	margin-bottom: 0.5rem;
}

.border-1{
	border: 1px solid #000;
}

#manipulate{
	display: none;
}

#rotate, #delBild{
	display: block;
	margin: 0 0 8px 8px;
}

#gmapsNavi{
	float: right;
}

#gmapsNavi a{
	display: none;
	text-decoration: none;
}

/* Signature
--------------------------- */
canvas {
	border: 1px solid #999999 ;
	-webkit-touch-callout: none ;
	-webkit-user-select: none ;
	display: block;
	height: 200px;
}

.btn-xs {
    border-radius: 0.2rem;
    font-size: 0.7rem;
    padding: 0.1rem 0.5rem;
    display: block;
}

#clear{
	float: right;
}

#uebersichtTafeln span.text-danger{
	display: inline !important;
}