@charset "utf-8";

/************************************************************************************
 *	Header																			*
 ***********************************************************************************/

body > div > #header.row{
	padding: 20px;
	padding-bottom: 10px;
}

body > div > #header.row img{
	height: 40px;
}

body > div > #header.row h3{
	position: relative;
	font-size: 20px;
	margin-bottom: 2px;
}

body > div > #header.row h3::before{
	font-family: fontawesome;
	content: "\f007";
	position: absolute;
	left: -20px;
	bottom: -2px;
}

body > div > #header.row h3 + a{
	clear: both;
	color: #000;
	position: relative;
	font-size: 13px;
	text-decoration: none;
}

body > div > #header.row h3 + a::before{
	font-family: fontawesome;
	content: "\f011";
	position: absolute;
	left: -20px;
	color: red;
	bottom: -2px;
}

body > div > #header.row .fa-power-off{
	color: red;
	text-decoration: none;
}


/************************************************************************************
 *	Menü																			*
 ***********************************************************************************/

body > div > .row:first-child + .row{
	padding: 20px;
	padding-bottom: 10px;
	padding-top: 0px;
}

.nav-justified {
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.nav-justified > li > a {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 0;
	font-weight: bold;
	color: #777;
	text-align: center;
	background-color: #e5e5e5; /* Old browsers */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e5e5e5));
	background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
	background-image:      -o-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
	background-image:         linear-gradient(to bottom, #f5f5f5 0%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	background-repeat: repeat-x; /* Repeat the gradient */
	border-bottom: 1px solid #d5d5d5;
}

.nav-justified a.active,
.nav-justified a:hover{
	background-color: #ddd;
	-webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
	box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
}

.nav-justified > li:first-child > a{
	border-radius: 5px 5px 0 0;
}
.nav-justified > li:last-child > a{
	border-bottom: 0;
	border-radius: 0 0 5px 5px;
}

@media (min-width: 768px) {
	.nav-justified {
		max-height: 52px;
	}
	
	.nav-justified > li > a {
		border-right: 1px solid #d5d5d5;
		border-left: 1px solid #fff;
	}
	
	.nav-justified > li:first-child > a {
		border-left: 0;
		border-radius: 5px 0 0 5px;
	}
	
	.nav-justified > li:last-child > a {
		border-right: 0;
		border-radius: 0 5px 5px 0;
	}
}
 

/************************************************************************************
 *	Login																			*
 ***********************************************************************************/
 
 [data-page='login'] form{
	max-width: 330px;
	padding: 15px;
	margin: 100px auto 0;
}
 
[data-page='login'] img{
	text-align: center;
	width: 265px;
	height: 65px;
	margin-bottom: 10px;
	margin-left: 5px;
	display: inline-block;
}

[data-page='login'] .input-group-text{
	width: 42px;
}

[data-page='login'] [type='text']{
	width: 233px;
}

[data-page='login'] [type='checkbox']{
	display: none;
}

[data-page='login'] .fa-user{
	margin-left: 1px;
	margin-right: 2px;
}

[data-page='login'] .fa-check-square,
[data-page='login'] .fa-square-o{
	cursor: pointer;
	margin-left: 2px;
}

[data-page='login'] .fa-square-o{
	margin-right: 1px;
}

[data-page='login'] [type='checkbox']:checked + .fa{
	display: none;
}

[data-page='login'] [type='checkbox']:not(:checked) + .fa + .fa{
	display: none;
}

[data-page='login'] button{
	width: 270px;
}

[data-page='login'] .alert{
	width: 270px;
}


/************************************************************************************
 *	Content-Zeilen																	*
 ***********************************************************************************/

.row[data-action]{
	padding: 20px;
}


/************************************************************************************
 *	Pagination																		*
 ***********************************************************************************/

.pagination{
	text-align: center;
	clear: both;
}

.pagination > ul{
	margin: 0px auto;
	padding: 0px;
	display: inline-block;
}

.pagination > ul > li{
	display: inline;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
	
	color: #777;
	cursor: not-allowed;
	background-color: #fff; 
	border-color: #ddd;
	
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #337ab7;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
	cursor: pointer;
}

.pagination > ul > li.conn, li.active{
	cursor: default;
}

.pagination > ul > li:first-child{
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.pagination > ul > li:last-child{
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.pagination > ul > li.blocked{
	/*color: rgb(51,122,183,0.5);*/
	cursor: not-allowed;
}

.pagination > ul > li.page.active{
	color: #fff;
	cursor: default;
	background-color: #337ab7;
	border-color: #337ab7;
}