@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic);

html{
  font-family: 'Open Sans', sans-serif;
  margin-left:50px;
  margin-right:50px;
 height:100% !important;
}
body{
	 font-family: 'Open Sans', sans-serif;
  margin-left:50px;
  margin-right:50px;
 height:80% !important;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}


/*/////////////////*/
/*allg. Tagänderungen*/
/*/////////////////*/
a{
  color:#438b08;
  text-decoration:none;
}
a:hover{
  text-decoration:underline;	
}

 h2, h3, h4, h5, h6{
  color: #999;	
}



/*/////////////////*/
/*Schriftänderungen*/
/*/////////////////*/

.grau{
  	color: #CCC;
}

.warn{
  color: #F00;
  
}

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

nav ul{
  list-style-type:none;	
}

nav ul li{
  float:left;
  padding-right:15px;
  position: relative;
  list-style: none;
  margin-top:10px;
}

nav ul li a{
 text-decoration:none;	
}

nav ul {
  margin: 0;
  padding: 0;
}
 
input#responsive-nav,
label.responsive-nav-label {
  display: none;
}

nav.haupt {
  box-sizing: border-box;
  width: 100%;
  background: #999;
  font-size: 14px;
  position:relative;
  z-index:100;
}
nav.haupt a {
  display: block;
  color: #fff;
}

 
nav.haupt ul li a:hover,
nav.haupt ul li input:hover{
  background: #666;
}
 
nav.haupt ul li a {
    padding: 10px;
	background: #999;
}

/*Untermenüs*/
nav.haupt> ul .sub>ul {
  position: absolute;
  top: -9999px;
  left: -9999px;
  background: #333;
  z-index:1000;
 
}

/*nav.haupt ul ul ul{*/
	 /*display:none;*/
	/* height:0;
	  position: relative;
}*/
 
nav.haupt ul ul li {
  float: none;
  width: 150px;
  border-top: 1px solid #666;
  margin-top:1px;
}
 
nav.haupt ul ul li a {
  padding: 10px 10px;
}


/*Untermenü einblenden*/
nav.haupt ul li.sub:hover > ul {
  top: 100%;
  left: 0;
  
}
/*nav.haupt ul ul li:hover > ul {*/
 /* top: 0;
  left: 200px;*/
 /* height:100%;
  transition:opacity linear 0.15s;
}*/
nav.haupt ul ul ul{
	display:none;
}


nav.haupt ul ul li{
  padding-right: 0;	
}

nav.haupt ul ul ul li{
	 width: 150px;
}

/*Buttons im MEnü*/
nav.haupt input[type=submit]{
  	border:none;
	background:none;
	color:#fff;
	 padding: 10px 10px;
	 width: 150px;
	 background: #999;
}

nav.haupt form{
  margin:0;	
}

/*Unterpunkte als extra Menü bei den geräten*/
.geraete-unavi input[type=submit]{
  	border:none;
	background:none;
	color:#f7ad0d;
	 padding: 5px ;
	
}

.geraet a,
.geraet input[type="submit"]{
/*  background: #2c5dc3 !important; blau*/
  background: #f7ad0d !important;
}
.has-children>ul>li input[type="submit"]{
	text-align:left;
	background: #dba83b !important;
}

.has-children>ul>li:hover  input[type="submit"]{
	text-decoration:underline;
}

.nogeraet{
	 background: #f7ad0d !important;
	 color:#fff;
	 padding:10px;
}

/*Link auf der ÜBersichtsseite nach dem Login*/
.overviewlink{
	border:none;
	background:none;
	color: #f7ad0d;
}
.overviewlink:hover{
	text-decoration:underline;
}

/*allgemeines Menü*/
.allgemein li{
  padding-bottom:10px;	
}

/*Tabellen*/
table td{
  padding:10px;	
  border-bottom:1px solid #999;
}
table tr:first-child td{
  font-weight:bold;	
}

.left{
  float:left;
  margin-right:50px;
  padding-top:20px;
  padding-bottom:20px;
}

fieldset{
  border:none !important;	
/*  border-bottom: 2px solid #438b08 !important;*/
  
}

main{
  min-height:95%;
   height:auto !important;
   height:95%;
   margin-top:100px;
}

/*Footer*/
footer{
/*	position: absolute;
	bottom: 0;	*/	
	border-top: 2px solid #438b08;
}

/*Header-Menü fixieren*/
.fix{
 /* position:fixed;
  top:0;
  z-index:400;*/
}
.abstand{
	 margin-top:70px;	
}

.geraete-unavi{
  z-index:-10;	
}


/*////////////////*/
/* Buttons////////*/
/*/////////////////*/
input[type=submit]{
 /*border:none;
 background: #438b08;
 color:#fff;
 font-weight:normal;*/
}


/* spezielle Formular-Formatierungen*/
#timeasc, #timedesc,
#zone1asc, #zone1desc,
#zone2asc, #zone2desc,
#zone3asc, #zone3desc,
#unitasc, #unitdesc,
#pressureasc, #pressuredesc,
#errorasc, #errordesc,
#tempasc, #tempdesc{
  float:right;	
}
#timedesc{
  margin-right:3px;	
}

.link{
  border:1px solid #438b08;
  background:none;
  color: #438b08;
  font-weigth:normal;
}
.linkpfeil{
	border:0;	
	background:none;
	color: #438b08;
}

#newInvite {
  width:100%;
  max-width:550px;
}
#newInvite .weit input{
  width:95%;	
}

/*Formulare*/

#csvDate input,
#deldata input,
#delerror input,
#emailsetting input{
	margin-top:10px;
}

form a.button,
.geraeteFrage input[type="submit"]{
  background: #CCC !important;
  border: 1px solid #000 !important;
  color:#000 !important;
  padding:5px !important;
}


#kddaten_aendern input[type="text"],
#kddaten_aendern input[type="email"],
#kddaten_aendern select,
#kundeanlegen input[type="text"],
#kundeanlegen input[type="email"],
#kundeanlegen input[type="password"],
#kundeanlegen select{
  width: 200px;	
}

#geraetanlegen input[type="text"],
#geraetanlegen select{
  width:150px;	
}

.leftLabel{
  width:100px;
  display:inline-block;
}

#pwdaten_aendern .leftLabel{
  width:170px;
  display:inline-block;
}
#kundeanlegen .leftLabel,
#geraetanlegen .leftLabel{
  	 width:130px;
  display:inline-block;
}

#contact .leftLabel{
width:150px;
  display:inline-block;
}

form.geraete{
  border-bottom: 1px solid #ccc;	
}

#sms  input[type="submit"],
#email  input[type="submit"]{
	margin:5px;

}


 .buttontext{
	border:none;
	background:none;
	color: #438b08;
}



/*////////////////////////*/
/*////Media Queries///////*/
/*//////////////////////*/
@media screen and (max-width: 1024px) {
label.responsive-nav-label {
  position: relative;
  display: block;
  padding: 20px;
  background: #666;
  cursor: pointer;
  color: #fff;
}
label.responsive-nav-label span {
  margin-right: 10px;  
}

nav.haupt {
  position: absolute;
  top: -19999px;
  padding: 10px;
  width:90%;
}
 
input#responsive-nav[type=checkbox]:checked ~ nav.haupt {
  position: relative;
  top: 0;
}
nav.haupt a:after {
  display: none;
}
nav.haupt li {
  float: none !important;
  width: 100% !important;
  border-bottom: none !important; 
}
   
nav.haupt li a {
  margin-bottom: 10px !important;
  padding: 10px 20px !important; 
  background: #999;
}
 
nav.haupt ul li:hover {
  background: none;
}
   
nav.haupt ul li a:hover {
  background: #666;
}
nav.haupt ul ul {
  /*position: relative !important;
  width: 100%;
  left: 0 !important;
  top: 0 !important;*/
  background: none !important;
  box-shadow: none;
}
nav.haupt ul li:hover> ul {
	position: relative !important;
  width: 100%;
  left: 0 !important;
  top: 0 !important;
}

.fix{
	position:absolute;
	top:10px;
}

}