/* CSS Document */

@import url("fonts/font-awesome/css/font-awesome.min.css");
@import url("fonts/material-design/material-icons.css");

/* google fonts
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i');
font-family: 'Source Sans Pro', sans-serif;
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
font-family: 'Roboto', sans-serif;
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');
font-family: 'Lato', sans-serif;
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i');
font-family: 'PT Sans', sans-serif;
@import url('https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700,900');
font-family: 'Maven Pro', sans-serif;

https://google.github.io/material-design-icons/
https://google.github.io/material-design-icons/
http://bootsnipp.com/iconsearch/ 

@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

*/

@import url('https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700,900');

div.content-wrapperXXX * { vertical-align: text-bottom; vertical-align: baseline; vertical-align: middle; }

div.content-wrapper * {	
	/* Trennzeichen bei langem Wort <article lang="de"> */ 
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;   
}

/*
div.content-wrapper td, div.content-wrapper th, div.content-wrapper a, div.content-wrapper span {
	white-space: -moz-pre-wrap;
	white-space: -hp-pre-wrap;
	white-space: -o-pre-wrap;
	white-space: -pre-wrap;
	white-space: pre-wrap;
	white-space: pre-line;
	word-wrap: break-word; 
}
*/

.material-icons { vertical-align: middle; }

.material-icons.md-10 { font-size: 10px; }
.material-icons.md-12 { font-size: 12px; }
.material-icons.md-14 { font-size: 14px; }
.material-icons.md-16 { font-size: 16px; }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

html, body {
	/* 
	height: auto !important; 
	height: 100%;
	*/
}
html {
	margin: 0 !important;
	padding: 0 !important;
}
body {
	margin: 0;
	padding: 0;
	color: #dfdfdf;	
	color: #efefef;

	/* height: 100vh; */
	

}

body, h1, h2, h3, h4, p, a, span, small, span a, th, td {

	font-family: 'Maven Pro', sans-serif;	

}

a {
	color: #9999cc;
}
a:hover {
	color: #FFF;
}

hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #333;
}


img {
	max-width: 100%;
	height: auto;
}
/* ////////// Admin LTE //////// */

body[class^="skin-"]  .sidebar-menu > li.header {
	color: #999;	
}

/**/
body[class^="skin-"] .sidebar a  {
    color: #CCC; 
	color: #888;	
}
body[class^="skin-"] .sidebar a:hover  {
    color: #dfdfdf; 

}
body[class^="skin-"] .sidebar .active > a  {
    color: #9999cc;
	color: #FFF;
}

.breadcrumb * {vertical-align: baseline !important;}

/* /////////////////// */

div.content-wrapper {
	background: red;
	background-color: #555;
	background: #1e282c;
	background: #3a4b53;
	background: #2e3f47;
	background: #2d3b41;
	font-size: 1.5rem;
}

.page-header {
	border-color: #444;
}

.box {
	background-color: rgba(0,0,0,0.2);
}
.box.box-solid.box-default {
	border: 0 none;
}

.content-header > .breadcrumb > li > a {
	color: #CCC;
}
.content-header > .breadcrumb > li > a:hover {
	color: #FFF;
}
.content-header > .breadcrumb > li.active {
	color: #777;
}

/* /////////////// */
.container {
	margin: 10px auto;
	padding: 5px;
	background-color: rgba(255,255,255,.3);
	background-color: rgba(0,0,0,.3);
}





/* /////////////////// */
.main-footer {
	color: #999;	
	background-color: #333;	
	background: #1e282c;
	background-color: #222d32;
	border-top: 0px solid #333;
	border-left: 3px solid #1e282c;
}


.websteil_bg {
	background-color: #9999cc !important;
	color: #333 !important;
}
.websteil_color {
	color: #9999cc !important;
}

span.label_first, span.label_second { margin: 0 1% 3px 0; padding-left: 5px;}
span.label_first {
    display: inline-block;
    width: 28%;
    background-color: rgba(0,0,0,0.2);
}
span.label_second {
    display: inline-block;
    width: 66%;
	margin-right: 0;
}

/* ////////////////////////////// bootstrap ////////////////////////////////// */

.btn span.glyphicon {    			
	opacity: 0;				
}
.btn.active span.glyphicon {				
	opacity: 1;				
}

button.btn-websteil {
	color: #333;
	background-color: #9999cc;
}
button.btn-websteil:hover {
	color: #FFF;
	background-color: #9999cc;
}


/* Tabellen */
table { margin: 10px auto; }
table.table tr th { font-weight: normal; vertical-align: middle;}

.borderless tr, .borderless td, .borderless th {
    border: none !important;
}
.table-striped tr, .table-hover tr {
	background: rgba(0,0,0,0.4);
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
	background: rgba(0,0,0,0.2);
}

.table-hover tr {
	background: transparent;
	background: rgba(0,0,0,0.2);
	border-bottom: 1px solid #444 !important;
}
.table-hover thead, .table-hover tr:hover {
	background: rgba(0,0,0,0.4)!important;
}


/* ROW gleiche Hoehe */

.row.row-height {

}

.row.row-height .col-top {
	vertical-align: top;
}
.row.row-height .col-middle {
	vertical-align: middle;
}
.row.row-height .col-bottom {
	vertical-align: bottom;
}

@media (min-width: 992px) {
	.row.row-height {
		display: table;
		table-layout: fixed;
		height: 100%;

		width: 100%;
	}
	.row.row-height > div {
		display: table-cell;
		float: none;
		height: 100%;
	}
}

.row.row-height .box {
	height: 100%;
}

.row.row-height .box .box-header, .row.row-height .box .box-header .box-title {

}

.row.row-height > div .box .box-body {
	height: 100%;
}




/* ////////////////////////////// INDEX - LogIn ////////////////////////////////// */

/* Admin LOGIN // index.php */

html.login, .login body {
	 height: auto !important; 
	/* height: 100%;*/
}

.login body {
	background-color: #1e282c;
	background-color: #222d32;
}

.login .background {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	background: url('../_images/img_bg/black_figure.jpg') no-repeat;
	background-size: cover;
	opacity: 0.5;

/*  display: none; */
}

.login a {
	color: #9999cc;
}
.login a:hover {
	color: #FFF;
}

.login-box-body a:hover {
	color: #333;

}

.login .login-box {
	position: relative;
	z-index: 2;
	background: transparent;
}

.login #footer {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	
	display: block;
	padding: 5px 10px 0 10px;
	background: #7a808a;
	background: #1e282c;

	line-height: 30px;
	vertical-align: middle;
	color: #dfdfdf;	
}

@media only screen and (max-width : 568px) {
	.login #footer {
		position: relative;
		margin: 40px auto 0 auto;
	}
}


/* ////////////////////////////// Thema ////////////////////////////////// */

/* ////////////////////////////// Thema ////////////////////////////////// */

/* ////////////////////////////// Thema ////////////////////////////////// */