body {
	margin:0;
	padding:0;
	font-family: 'Source Sans Pro';
	font-weight:300;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background:#ececec; }

#application-container{
	position:relative;
	width:100%!important;
	height:100%!important;
}

#application-container .mainwindow{
	width:100%!important;
	background-color:transparent!important;
}

.clearfix{
	clear:both;
}

/* HEADER */
.nav-top {
	height:70px;
	background:#FFF;
	border-radius:0;
	box-shadow:0 2px 0 rgba(0,0,0,0.15);
	border:none;
	z-index:999; }

.nav-top .userImg {
	margin-top:9px;
	width:50px;
	height:50px;
	border-radius:200px;
	background-size:cover;
	background-position:center center;
	border:2px solid #959595;
}

.nav-top .navbar-collapse li a {
	line-height:70px;
	padding:0 20px;
	font-size:16px;
	-webkit-transition: all 0.5s;
    transition: all 0.5s; }
.nav-top .navbar-collapse .active a, .nav-top .navbar-collapse .active a:hover {
	background:#FFF;
	color:#3985ad;
	border-top:2px solid #3985ad;
	padding-top:2px;
	line-height:62px; }
.nav-top .navbar-collapse li a:hover {
	background:#FFF;
	color:#3985ad; }
	
.navbar {
	border-radius:0;
}	
.nav-main {
	position:relative;
	height:90px;
	background:url(../img/bg-login.jpg) no-repeat #3d9ed1;
	background-size:cover !important;
	box-shadow:0 2px 0 rgba(0,0,0,0.15);
	border:none;
	margin:-20px 0 0 0;
	padding:0;
	z-index:998; }
	
.nav-main-fixed {
	position:fixed;
	top:10px;
	width:100%;
}

.nav-main li a {
	padding:0;
	line-height:90px;
	font-size:26px;
	color:#FFF;
	background-position:15% center;
	background-repeat:no-repeat;
	background-color:transparent !important;
	-webkit-transition: all 0.5s;
    transition: all 0.5s; }
.nav-main li a:hover {
	color:#1b5e81;
	background-position:10% center; }
	
.nav-main li .navDashboard {
	background-image:url("../img/icn-dashboard.png");
	background-position:10% center; }	
.nav-main li .navDashboard:hover, .nav-main .active .navDashboard, .nav-main .active .navDashboard:hover  {
	background-image:url("../img/icn-dashboard-hover.png") !important; 
	background-color:none !important;
	background-position:10% center; }
	
.nav-main li .navClient {
	background-image:url("../img/icn-client.png");
	background-position:10% center; }	
.nav-main li .navClient:hover, .nav-main .active .navClient, .nav-main .active .navClient:hover  {
	background-image:url("../img/icn-client-hover.png") !important; 
	background-color:none !important;
	background-position:10% center; }
	
.nav-main li .navSite {
	background-image:url("../img/icn-site.png");
	background-position:10% center; }	
.nav-main li .navSite:hover, .nav-main .active .navSite, .nav-main .active .navSite:hover  {
	background-image:url("../img/icn-site-hover.png") !important; 
	background-color:none !important;
	background-position:10% center; }
	
.nav-main li .navWorker {
	background-image:url("../img/icn-worker.png");
	background-position:10% center; }	
.nav-main li .navWorker:hover, .nav-main .active .navWorker, .nav-main .active .navWorker:hover  {
	background-image:url("../img/icn-worker-hover.png") !important; 
	background-color:none !important;
	background-position:10% center; }
	
.nav-main li .navTime {
	background-image:url("../img/icn-time.png");
	background-position:15% center; }	
.nav-main li .navTime:hover, .nav-main .active .navTime, .nav-main .active .navTime:hover  {
	background-image:url("../img/icn-time-hover.png") !important; 
	background-color:none !important;
	background-position:15% center; }
	
@media(max-width:screen-sm)  {
	.nav-main li .navDashboard {
	background-image:none; }	
	.nav-main li .navDashboard:hover, .nav-main .active .navDashboard, .nav-main .active .navDashboard:hover  {
		background-image:none; }
		
	.nav-main li .navClient {
		background-image:none; }	
	.nav-main li .navClient:hover, .nav-main .active .navClient, .nav-main .active .navClient:hover  {
		background-image:none; }
		
	.nav-main li .navSite {
		background-image:none; }
	.nav-main li .navSite:hover, .nav-main .active .navSite, .nav-main .active .navSite:hover  {
		background-image:none; }
		
	.nav-main li .navWorker {
		background-image:none; }
	.nav-main li .navWorker:hover, .nav-main .active .navWorker, .nav-main .active .navWorker:hover  {
		background-image:none; }
		
	.nav-main li .navTime {
		background-image:none; }
	.nav-main li .navTime:hover, .nav-main .active .navTime, .nav-main .active .navTime:hover  {
		background-image:none; }
}
	
.nav-main li a .navPointer {
	position:absolute;
	bottom:0px;
	width:25px;
	height:12px;
	left:50%;
	margin:0 0 0 -25px;
	opacity:0;
	background:url("../img/img-navpointer.png") no-repeat;
	-webkit-transition: all 0.5s;
    transition: all 0.5s; }
.nav-main li a:hover .navPointer {
	opacity:1;
	bottom:-12px; }	

.nav-main .active a, .nav-main .active a:hover {
	background-position:15% center;
	background-color:none !important;
	color:#1b5e81; }	
.nav-main .active .navPointer, .nav-main .active:hover .navPointer {
	opacity:1;
	bottom:-12px; }
	
	
.wrapper {
	position:relative;
	margin-top:40px; }
	
.container {
	margin-bottom:100px;
}


/* SUBMENÜ */

.subnav ul {
	list-style-type: none;
	margin-left:0;
	padding-left:0;
	font-size:16px; }
.subnav li {
	float:left;
	margin:0 20px 0 0; }
.subnav .active {
	color:#1a5c7f;
	font-weight:400;
}



/* BASICS */


.trenner {
	border-bottom:1px solid #d6d4db;
	box-shadow:0px 1px 0px #fff;
	margin-bottom:20px; }

.spacer {
	margin-top:20px;
	margin-bottom:20px; }


.boxDesign {
	padding:15px;
	border-radius:10px;
	background:#ddd; }


.topPos {
	top:-15px; }

.myList {
	margin-top:20px;
}

.listItem {
	background:#FFF;
	box-shadow:2px 2px 0px rgba(0,0,0,0.2);
	padding:10px;
	margin:0 0 5px 0;
	font-size:18px;
	color:#666 !important; }
.listItem:hover {
	background:#f6f6f6;
}


.alignRight {
	text-align: right;
}



/* COLORS */

.darkBlue {
	color:#1a5c7f!important; }
.darkBlueBg {
	background-color:#1a5c7f !important; }

.lightGrey {
	color:#dcdcdc; }
.tag {
	background-color:#63b0d9;
}

.tag a{
	color:#FFFFFF!important;
	text-decoration: none;
}

.pause {
	background-color:#bbb;
}


.bgRed {
	background:#f8b0b0 !important;
}


.darkBlueBg .darkBlue {
	color:#FFF !important;
}

/* HEADLINES */
h1 {
	color:#1a5c7f;
	margin:0 0 10px 0;
	font-size:36px;
	line-height:36px;
	padding:0 0 0 0;
	font-weight:300; }

h2 {
	color:#666;
	font-size:20px;
	margin:0 0 0 0;
	padding:0 0 10px 0;
	font-weight:300; }
	
h4 {
	color:#666;
	font-size:26px;
	margin:0 0 0 0;
	padding:30px 0 10px 0;
	font-weight:300; }
	
.maDetail {
	font-size:18px;
}	




/* FORM STYLES */
.select-container select{
	-moz-appearance: none!important;
    text-indent: 0.01px!important;
    text-overflow: ""!important;
    -moz-appearance: none!important;
    appearance: none!important;
    overflow:hidden;
    border: none!important;
    width:100%!important;
    padding:0!important;
}

.select-container{
	width:97%;
	overflow:visible;
	position:relative;
	background: url(../img/icn-dropdown.png) no-repeat #FFF !important;
	background-position: right center !important;
	border: none;
	border-radius: 10px;
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	text-indent: 0.01px;
	text-overflow: "";
	outline: none;
	margin-left:17px;
	padding-left:8px;
	margin-bottom:8px;
}
	
.input {
	border:none;
	border-radius:10px;
	padding:10px;
	font-size:22px;
	height:74px;
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	text-indent: 0.01px;
    text-overflow: "";
    outline:none;
    position:relative;
    margin-top:20px }

.input2 {
	border:none;
	border-radius:10px;
	padding:10px;
	font-size:22px;
	height:56px;
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	text-indent: 0.01px;
    text-overflow: "";
    outline:none; }

.tForm input {
	width:100%;
	background:#FFF;
	border:none;
	border-radius:10px;
	margin:10px 0 10px 0;
	padding:10px;
	font-size:22px;
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	text-indent: 0.01px;
    text-overflow: "";
    outline:none; }
    
textarea {
	width:100%;
	background:#FFF;
	border:none;
	border-radius:10px;
	margin:10px 0 10px 0;
	height:200px;
	padding:10px;
	font-size:22px;
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	text-indent: 0.01px;
    text-overflow: "";
    outline:none; }

.select-container select {
	width:100%;
	background:url(../img/icn-dropdown.png) no-repeat #FFF !important;
	background-position:98% center !important;
	border:none;
	border-radius:10px;
	margin:10px 0 10px 0;
	padding:10px;
	font-size:22px;
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	text-indent: 0.01px;
    text-overflow: "";
    outline:none; }
    
.formPadding{
	padding-top: 10px!important;
}

.formMargin{
	margin-top: 20px!important;
}

.tForm .noPadding{
	margin: 0px 0 0px 0!important;
	padding:0px!important;
}

.tForm input[type='checkbox'] {
	margin:10px 0 10px 0;
	padding:10px;
	width:30px;
	height:30px;
	background:#FFF;
	border:none;
	border-radius:5px; }

.tForm input[type='checkbox']:checked {
	background:url(../img/icn-checkbox.png) no-repeat #FFF;
	background-position:center center; }
	
.tForm label {
	vertical-align: middle;
	margin:-40px 0 0px 10px !important;
	padding:0;
	xheight:50px;
	line-height:25px;
	font-size:18px;
	font-weight:300;
	xbackground:green;
	overflow:hidden; }	


.tForm span {
	font-size:22px;
	line-height:70px;
	color:#666; }


.searchTags {
	width:100%;
	border-radius:10px;
	background:#FFF;
	padding:10px;
	overflow: hidden;
	display: block;
	margin-bottom:10px;
	position: relative;
	float: none;
	height:50px; }
.searchTags .tag {
	border-radius:5px;
	background-image:url(../img/icn-delete-tag.png);
	background-repeat:no-repeat;
	background-position:right center;
	margin:0 0px 0 5px;
	padding:5px 50px 5px 10px;
	font-size:16px;
	float:left;
	color:#FFF;
}

.searchTags .editicon{
	background-image:url(../img/icn-edit-tag.png);
	background-position:right center;
}

.searchTags .autopause{
	background-image:none;
	padding:5px 10px 5px 10px;
}

.infoTag {
	font-size:18px;
	line-height:45px;
}


/* DROPING */

.dropZone {
	xborder:1px dashed #666;
	xmin-height:200px;
}

.modul {
	color:#666;
	margin:5px 0 0 0;
	background:#FFF;
	cursor: move;
	padding:10px;
	font-size:16px;
	box-shadow:2px 2px 0px rgba(0,0,0,0.2);
	background-position:right center !important;
}

.dropZone .modul {
	background:url(../img/icn-delete-modul.png) no-repeat #FFF;
}




/* FILTER */

.filter {
	position:relative;
	float:left;
	padding:13px;
	margin:10px 5px 0px 0px;
	border-radius:8px;
	font-size:15px;
	border:2px solid #ddd;
	cursor:pointer; }
.filter:hover {
	background:#f2f2f2; }
.filterActive {
	background:#2d6989;
	color:#FFF;
	border:2px solid #2d6989; }
.filterActive:hover {
	opacity:0.8;
	background:#2d6989;
	color:#FFF;
	border:2px solid #2d6989;
}


/* IMAGES */

.detailImg {
	position:relative;
	overflow:hidden;
	width:239px;
	height:232px;
	background-position:center center !important;
	background-repeat:no-repeat !important;
	background-size:cover !important;
}



/* BUTTONS */
.btnGrey {
	display:inline-block;
	background:#cccccc;
	border-radius:10px;
	padding:10px 20px;
	margin:10px 0 0 0;
	color:#FFF;
	font-size:22px;
	cursor: pointer;
	opacity:0.7; }
.btnGrey:hover {
	opacity: 1;
}

.btnRed {
	position: absolute;
	right:0px;
	display:inline-block;
	background:#d9555f!important;
	border-radius:10px;
	padding:10px 20px;
	margin:10px 15px 0 0;
	color:#FFF;
	max-width:220px;
	font-size:22px;
	cursor: pointer;
	opacity:0.7; }
.btnRed:hover {
	opacity: 1;
}

.ui-datepicker {
	width: 20em!important;
}








	
	
/* DASHBOARD */

.googleMaps {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:black;
	z-index:1; }
.googleMaps .map {
	opacity:0.8;
	width:100%;
	height:100%; }
	
	
	
.dashContent {
	position:relative;
	z-index:99; }
	
.activeSites {
	background:#FFF;
	box-shadow:2px 2px 0 rgba(0,0,0,0.15);
	padding:0; }

.activeSites h2 {
	color:#3985ad;
	font-weight:300;
	font-size:26px;
	padding-left:40px;
	padding-bottom:5px;
	background:url(../img/icn-site-hover.png) no-repeat;
	background-position:left center;
	margin:10px; }
.activeSites ul {
	margin:0;
	padding:0;
	list-style-type:none;
	-webkit-transition: all 0.5s;
    transition: all 0.5s; }
.activeSites li {
	background:none;
	padding:10px 0px 0px 0px;
	font-size:18px;
	-webkit-transition: all 0.5s;
    transition: all 0.5s; }
.activeSites li:hover {
	background:#d9555f;
	color:#FFF; }

.activeSites li .siteCount {
	position:relative;
	float:left;
	width:4%;
	font-size:30px;
	line-height:30px;
	color:#cccccc;
	-webkit-transition: all 0.5s;
    transition: all 0.5s; }
.activeSites li:hover .siteCount {
	color:#eb8c93; }
.activeSites li .siteTitle {
	position:relative;
	margin-left:15px;
	float:left;
	font-weight:400;
	color:#999999;
	font-size:18px;
	line-height:30px;
	width:85%;
	xbackground:blue; }
.activeSites li:hover .siteTitle {
	color:#FFF; }

.activeSites li .info {
	display:block;
	height:0;
	width:100%;
	overflow:hidden;
	margin:0;
	padding:0;
	width:100%;
	background:white !important;
	-webkit-transition: all 0.5s;
    transition: all 0.5s; }
.activeSites li:hover .info {
	height:100%;
}
.activeSites li .info li {	
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
margin:0;
background:white !important; }
	
	
	
	
	
	
	
	
	
/* PROJEKT ANLEGEN */

.projectChooseContainer {
	position:relative;
	background:#FFF;
	box-shadow:1px 1px 2px rgba(0,0,0,0.3);
	padding:20px 20px;
	height:200px;
	cursor:pointer;
	text-align: center;
	-webkit-transition: all 0.8s; /* For Safari 3.1 to 6.0 */
    transition: all 0.8s; }
    
.projectChooseContainer:hover {
	background:#3d9ed1; }
.projectChooseContainer:hover h2 {
	padding-bottom:10px; }
.projectChooseContainer:hover p {
	color:#FFF; }
.projectChooseContainer:hover select {
	display:block; }	

	
	
.projectChooseContainer h2 {
	font-size:42px;
	padding-bottom:30px;
	-webkit-transition: all 0.8s; /* For Safari 3.1 to 6.0 */
    transition: all 0.8s; }
.projectChooseContainer p {
	font-size:22px;
	-webkit-transition: all 0.8s; /* For Safari 3.1 to 6.0 */
    transition: all 0.8s; }	

.projectChooseContainer select {
	font-size:14px;
	padding:5px;
	border-radius: 0;
	display:none;
	-webkit-transition: all 0.8s; /* For Safari 3.1 to 6.0 */
    transition: all 0.8s; }
	
.projectChoose a {
	text-decoration: none !important;
}	
	
	
	
	
	
	
	
	
/* STEPS */
.steps {
	line-height:30px;
	font-size:22px;
	color:#a7a7a7;
}
.steps .step {
	border-radius:500px;
	background:#a7a7a7;
	margin-right:20px;
	color:#FFF;
	font-size:22px;
	padding:10px 15px;
	font-weight:400;
}	
	
	
	
/* FLAP ROW */
.flapRowContainer {
	background:url(../img/icn-flap.png) no-repeat #FFF !important;
	background-position:right center !important;
}	

.flapRowContainerOpen {
	background:url(../img/icn-flap-open.png) no-repeat #FFF !important;
	background-position:right center !important;
}	

.flapRow {
	margin-left:0;
	padding-left:0;
	margin-right:0;
	padding-right:0;
	font-size:14px;
	margin-top:10px;
}	
	
	
	
	
/* ZEITEN */

table tr td{
	border-top:2px solid #FFFFFF;}
	
table tr td:last-child{
	border-right:0;
}

.timeheader{
	padding-left:10px;
}

.timeTable { }

.timeTable .modul {
	color:#666;
	margin:5px 0 0 0px;
	border-left:2px solid rgba(0,0,0,0.2);
	background:#FFF;
	padding:5px;
	font-size:16px;
	box-shadow:2px 2px 0px rgba(0,0,0,0.2);
	background-position:right center !important; }	
	
.timeTopRow{
	border-bottom:0px;}
.timerow{
	border-top: 0px;
	padding: 5px;
	border-bottom: 0px;
	padding-left: 10px;}
.timerowspacing{
	font-size: 2px;
	border: 0px;
	border-top:2px solid #bcbcbc;
	background-color: #ececec;
	padding: 0px;
	height:4px;
}
.timerowborderRight{
	border-right:2px solid #bcbcbc!important;
}

.timecontainer{
	display:none;
}


.multiselect{
	border: none;
	border-radius: 10px;
	padding: 10px;
	font-size: 22px;
	height: 56px;
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	text-indent: 0.01px;
	text-overflow: "";
	outline: none;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default{
	background-color:#FFFFFF;
}

.speciallabel label{
	margin: 25px 0 0px 10px !important;
}

/*.qx-table-scroller-header {
  border-bottom: 1px solid rgb(77, 77, 77);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-image:none!important;
}

.qx-window-captionbar-active{
	background-image: linear-gradient(#5ca8cc 30%, #67b3d7 70%)!important;
	border-top:0px!important;
    border-right:0px!important;
    border-bottom:0px!important;
    border-left: 0px!important;
    border-top-left-radius: 0px!important;
  	border-top-right-radius: 0px!important;
}

.qx-window {
  border-top-left-radius: 0px!important;
  border-top-right-radius: 0px!important;
}*/

.checkbox label{
	line-height:46px!important;
}
	
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.col-md-12,.col-md-11,.col-md-10,.col-md-9,.col-md-8,.col-md-7,.col-md-6,.col-md-5,.col-md-4,.col-md-3,.col-md-2{
	margin-top: 10px;
}