@import url("/pi2-assets/cute-alert-master/style.css");

#maincontainer {
	background-size: 180px;
	background-position: 99% 5px;
}

/* Formatierungen für cute-alert */

.alert-message {
	font-size: 12px !important;	
}

.alert-frame {
	width: 500px;
}

.alert-header {
    height: 110px;
}

.alert-img {
    height: 60px;
}

.info-bg {
    background: #337ab7;
}

#recentOrders {
	width: 100%;
}

.pi2checkbox {
    padding-top: 0px;
}

div.ng-scope {
	margin-bottom: 15px;
	background-color: #f2f2f2;
}

.page-header h1 {
	text-align: left;
}

.footer {
	background-color: #00a7e8;
	#background-color: #003399;
}

.footer a {
	color: #fff;
}

.footer a:hover {
	color: #fff;
}

.footer a:visited {
	color: #fff;
}

.footer button {
	color: #fff;
}

.footer button:hover {
	color: #fff;
}

.footer button:focus, button:active {
	color: #fff;
	outline: none !important;
	box-shadow: none;
}

.footer {
	color: #fff;
}

.navbar-default .navbar-nav>li>a {
	color: #fff;
}

.navbar-default:hover .navbar-nav>li>a:hover {
	color: #fff;
}

.active>a {
	color: #00a7e8 !important;
	border: 2px solid #00a7e8;
    list-style-position: inside;
    background-color: #fff !important;
}

.navbar-brand {
	color: #fff  !important;
}

.page-header {
	color: #666;
	border-bottom-width: 0px;
}

.navbar {
    background-color: #00a7e8;
    border-color: #00a7e8;
    border: 1px;
    border-radius: 0px;
}

.btn-primary {
	background-color: #00a7e8;
	border-radius: 1px;
	border-color: #00a7e8;
}

.btn-default {
	background-color: #00a7e8;
	border-radius: 1px;
	border-color: #00a7e8;
	color: #fff;
}

.btn-primary:hover {
	background-color: #fff;
	border-radius: 1px;
	border-color: #00a7e8;
	color: #00a7e8;
}

.btn-default:hover, .btn-default:focus, .btn-default:active {
	background-color: #fff !important;
	border-radius: 1px;
	border-color: #00a7e8;
	color: #00a7e8 !important;
}

.btn-link:focus, .btn-link:active {
	background-color: transparent !important;
	outline: none !important;
	box-shadow: none;	
}


#section-new-order .btn-primary {
	width: 100%;
}

* {
	border-radius: 0px !important;
}

.modal-dialog {
	color: #000;
}

.modal-header {
	color: #666;
}

.input-group-addon {
	background-color: #00a7e8;
}

.input-group-addon .glyphicon {
	color: #fff !important;
}


.bs-callout-info {
	border-left-color: #00a7e8;
	border-left-width: 1px;
}

.bs-callout {
	border-width: 1px;
	border-color: lightgray;
}

.ol-control button, button:focus, button:active {
	background-color: #00a7e8 !important;
	outline: none !important;
	box-shadow: none;	
}

.ol-control button:hover {
	background-color: #fff !important;
	color: #00a7e8;

}

.ng-table th.sortable.sort-asc, .ng-table th.sortable.sort-desc {
	background-color: rgba(211,211,211,0.25) !important;
}

.zusatzInfoRot {
	color: red;
}

h1 {
	font-size: 26px;
	line-height: 32px;
	color: #444444;
	font-family: 'Oxygen', sans-serif;
}

h2 {
	font-size: 26px;
	color: #444444;
	font-family: 'Oxygen', sans-serif;
}

body {
	font-family: 'Oxygen', sans-serif;
	color: #666666;
	line-height: 26px;
	font-size: 16px;
	background-color: rgba(211,211,211,0.25) !important;
}

#headerDiv {
	background-color: #00a7e8;
	height: 44px;
}

#headerDivWhite {
	background-color: white;
	height: 181px;
	position: absolute;
	width: 100%;
	z-index: -100;
}

@media (min-width: 768px) {
	#headerDivWhite {
		height: 111px;
	}
}

.modal-body a {
	color: #0066cc !important;
	text-decoration: underline !important; 
}