html {
	font-size:14px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	background-color:#fff;
}

body {
	line-height:1.5em;
}
h1 {            
 font-size:24px;
 line-height:28px;
}

a {
	color:#ff9900;
}

.error {
	color:#ff6600;
}
.errorbold {
	color:#ff6600;
	/*font-weight:bold;*/
}
a:hover {
	color:#00cccc;
	text-decoration:none;
}
.tinputerror {
	background-color:#FCC !important;
        margin-bottom:10px !important;
}
.tinput {
	margin-bottom:10px !important;
}
.labelbold{
    font-weight:bold;
}


/*== Back to top ==*/
.topcontrol-button {
	border:3px solid #fff;
	border-radius: 50%;
	background-color:#cccccc;
	box-sizing: border-box;
	height: 45px;
	position: relative;
	width: 45px;
}
.topcontrol-button i {
	bottom: 0;
	color: white;
	font-size: 20px;
	height: 12px;
	left: 0;
	line-height: 9px;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 19px;
}
.topcontrolarrow {
	padding-top:11px;
	padding-left:7px;
}

/* Metanav*/
.metanav {
    background: #f7f7f7;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    background-image: -webkit-linear-gradient(top,#fff,#eee);
    background-image: linear-gradient(to bottom,#fff,#eee);
    box-sizing: border-box;
    height: 40px;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}
.metanav ul {
    margin: 0;
	width:auto;
}
.metanav .uk-navbar-nav > li > a {
    height: 41px;
    padding: 0 15px;
    line-height: 40px;
    color: #444;
    margin-top: -1px;
    margin-left: -1px;
    border: 1px solid transparent;
    border-bottom-width: 0;
    text-shadow: 0 1px 0 #fff;
}
.metanav .uk-navbar-nav > li:hover > a {
    background-color: transparent;
    border-left-color: rgba(0, 0, 0, 0.1);
    border-right-color: rgba(0, 0, 0, 0.1);
    border-top-color: rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}
.metanav .uk-navbar-nav > li > a:active {
	background-color: #f5f5f5;
	border-left-color: rgba(0, 0, 0, 0.1);
	border-right-color: rgba(0, 0, 0, 0.1);
	border-top-color: rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}
.metanav .uk-navbar-nav > li > a > i {
    color: #444;
}

.metanav a[data-uk-offcanvas] {
    height: 30px;
    width: 30px;
    font-size: 14px;
    line-height: 30px;
    margin: 5px 0;
    background-color: #444;
    color: #fff;
}

.sidebar {
    border-right: 1px solid #e5e5e5;
    margin-right: -1px !important;
}
.main {
    border-left: 1px solid #e5e5e5;
}
.sidebar .uk-panel {
    padding-right: 20px;
}

/*== Panel Boxes ==*/
.uk-panel-box-ia {
	border: 1px solid #a5a9a;
	background-color:#fff;
	position: relative;
	min-height:222px;
	padding:0;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
.uk-thumbnail-caption {line-height:1.2em;}

.uk-panel-box-ia h3 {
	color: #cccccc;
	margin: 10px 0;
}

/*== Overlay ==*/

.ia-overlay a {
    border-radius: 4px;
	color: white !important;
    font-size: 14px;
    line-height: 32px;
}
.ia-overlay a:hover div > h3{
	color: #cccccc;
}
.ia-overlay img {
	transition: transform 0.2s linear 0s;
}
.ia-overlay:hover img {
	transform: scale(1.05);
}
.ia-overlay h3{
	font-size:12px;
	margin-top:10px;
}

/*== Header ==*/

#logo {
	height:120px;
}
#header2{
    min-width:320px;
}
.logo_float{
    /*float:right;*/
}
/*== Forms ==*/
input[type="radio"], input[type="checkbox"] {
	/*display: none;*/
}
.uk-form input:not([type]), .uk-form input[type="text"], .uk-form input[type="password"], .uk-form input[type="email"], .uk-form input[type="url"], .uk-form input[type="search"], .uk-form input[type="tel"], .uk-form input[type="number"], .uk-form input[type="datetime"], .uk-form input[type="datetime-local"], .uk-form input[type="date"], .uk-form input[type="month"], .uk-form input[type="time"], .uk-form input[type="week"], .uk-form input[type="color"], .uk-form select, .uk-form textarea {
	height: 25px;
	padding: 0px 6px;
}
input {margin:4px 0;}

.linkbutton {
	background: #ccc none repeat scroll 0 0;
	border: medium none;
	box-sizing: border-box;
	color: #444;
	display: inline-block;
	font-family: inherit;
	font-feature-settings: inherit;
	font-kerning: inherit;
	font-language-override: inherit;
	font-size: 1rem;
	font-size-adjust: inherit;
	font-stretch: inherit;
	font-style: inherit;
	font-synthesis: inherit;
	font-variant: inherit;
	font-weight: inherit;
	line-height: 30px;
	margin: 0;
	min-height: 30px;
	overflow: visible;
	padding: 0 12px;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	vertical-align: middle;
}
.linkbutton:hover {
	background: #e4e6e6 none repeat scroll 0 0;
	color: #444;
}
.radio {
	clear:both;
	float:left;
	width: 20px;
	height:20px;
	line-height:20px;
	margin-right:10px;
	margin-bottom:10px;
	border:1px solid #a5a9ac;
	background:white;
	cursor:pointer;
}
	.radio.active {
		background:#cccccc;
	}
.uk-list > li:after, .uk-form-label {
	clear:both;
	display:block;
}
.uk-list > li {
	clear:both;
	margin-top:0px;
	margin-bottom:0px;
	min-height:23px;
}
ul.ia-list {
	list-style-image: url('../img/list.png');
	margin-left: 17px;
	padding-left: 0;
}
.ia-list li {
	margin-left: 0;
	padding-left: 0;
	padding-bottom:10px;
	font-size:14px;
}
.uk-list ul {
    padding-left: 35px;
}
.uk-pagination > li {
    border: 1px solid #a5a9ac;
}
.uk-pagination > li:nth-child(n+2) {
    margin-left: 0px;
}

/* Table */

.uk-table th {
	padding-top: 0px;
	padding-bottom: 0px;
}
.stripped {
	background-color: #e6e6e6 !important;
}
.nostripped {
	background-color: #dddddd !important;
}
.stripped > div, .nostripped > div {
	padding-top:10px;
	padding-bottom:10px;
}
.ia-table th {
	font-weight:bold;
	border-bottom:1px solid #666;
	margin-bottom:10px
}
.ia-table td {
	border-left:0px solid #4c545a;
}
.uk-table-condensed td {
    /*padding: 4px 8px 4px 0px;*/
}
.uk-table-condensed td:first-child {
    /*padding: 4px 8px 4px 8px;*/
}

.ia-table td:first-child {
	/*font-weight:bold;*/
}
.zubehoerpic { background-color:#fff; }
.ia-table tr.zubehoerline { border-top: 1px solid #4c545a; }

.ORDERDATACODE {padding-left:8px;}

/* UIKit Resets */

.uk-button {
	background: #cccccc;
}
.uk-button:hover {
	background: #e4e6e6;
}
.inverse .uk-button {
	background: #cccccc;
	border: 1px solid #4c545a;
}
.inverse .uk-button:hover {
	background: #e55700;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1NTcwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZjdkMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #e55700 0%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e55700), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top,  #e55700 0%,#cccccc 100%);
	background: -o-linear-gradient(top,  #e55700 0%,#cccccc 100%);
	background: -ms-linear-gradient(top,  #e55700 0%,#cccccc 100%);
	background: linear-gradient(to bottom,  #e55700 0%,#cccccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e55700', endColorstr='#cccccc',GradientType=0 );
}
.uk-form input, .uk-form select, .uk-form textarea {
}
.notab { margin-left:8px !important; }

.uk-form input:focus, .uk-form textarea:focus {
	background: none repeat scroll 0 0 #f5f5f5 !important;
	border: 1px solid #4c545a !important;
}

.uk-container {
	max-width: 1200px;
	/*padding: 0 10px;*/
	min-width: 320px;
}

.uk-pagination > .uk-active > span {
    background: rgb(255,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNGU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(228,230,230) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(228,230,230))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(228,230,230) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgb(255,255,255) 0%,rgb(228,230,230) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgb(255,255,255) 0%,rgb(228,230,230) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgb(255,255,255) 0%,rgb(228,230,230) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e6e6',GradientType=0 ); /* IE6-8 */
	color: #444;
}
.uk-pagination > li > a {
	background: none repeat scroll 0 0 #cccccc;
	color: #444;
}
.formerror {
	border: 1px solid red !important;
}
.uk-overlay-area:empty:before {
	content: "�";
}
.uk-navbar-nav > li > a[href="#"] {
    cursor: pointer;
}
.gino { /*Honeypot for Robots*/
	display: none !important;
	visibility: hidden !important;
}

.uk-grid.uk-grid-large {
    margin-left: -50px;
}
.uk-grid.uk-grid-large > * {
    padding-left: 50px;
}
.uk-grid.uk-grid-large + .uk-grid-large {
    margin-top: 50px;
}
.uk-grid.uk-grid-large > .uk-grid-margin {
    margin-top: 50px;
}
.uk-grid.uk-grid-large > * > .uk-panel + .uk-panel {
    margin-top: 50px;
}
.ia-div-headtable {
	background-color:#d6d6d6;
	margin-bottom:5px;
}
.ia-div-table {
	margin-bottom:5px;
	background-color: #e6e6e6;
}
.customercontent{        
            margin-left:0px;
            margin-top:30px;
        }

/*Datatable für Statistiken */
.datatable {
	position: relative;
	border-collapse: collapse;/*110214*/	
}

.datatable th,.datatable td {
        background-color: #e6e6e6;
	vertical-align: top;
	text-align: left;
	padding: 2px 5px;	
        font-size: 14px;
        
}

.datatable th {		
	font-weight: bold;	
        border-bottom:1px solid #666;
}
.datatable th.hi {
	background: #BBB;
}

.datatable td {
	background: #e6e6e6;/*110214*/	
}

.datatable td.hi,.datatablehi td {
	background: #BBB;
}
.datatable td.tableerror {
	background: #f60;
        color: #000066;
}
.icon-link {
    color: #444;
    font-size:14px;
}
.ia-rect {
	background-color: #d6d6d6;
	padding:10px 10px 0;
}


/*Button*/
.uk-button {
  background: #f7f7f7;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom-color: rgba(0, 0, 0, 0.3);
  background-origin: border-box;
  background-image: -webkit-linear-gradient(top, #fff, #eee);
  background-image: linear-gradient(to bottom, #fff, #eee);
  border-radius: 4px;
  text-shadow: 0 1px 0 #fff;
}
.uk-button:hover,
.uk-button:focus {
  background-color: #fafafa;
  color: #444;
  background-image: none;
}
.uk-button:active,
.uk-button.uk-active {
  background-color: #f5f5f5;
  color: #444;
  border-color: rgba(0, 0, 0, 0.2);
  border-top-color: rgba(0, 0, 0, 0.3);
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}

/*Button - Fotoupload*/
.uk-button.fotoupload {
    padding: 0;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
	border-radius: 4px;
	border: 1px solid #bbb;
}
.uk-button.fotoupload:hover > img {
	opacity: 1;
}
.uk-button.fotoupload > img {
    /*opacity: 0.8; //HB200610 kein Efekt im Foto-Button*/
    max-height: 50px;
    /*transition: all 0.3s ease 0s;*/
}

/*Upload*/
.uk-form-file[class*="uk-text"] {
	height: 32px;
	line-height: 28px;	
}
.uk-form-file {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
}
.uk-form-file input[type="file"] {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    opacity: 0;
    cursor: pointer;
    left: 0;
    font-size: 500px;
}

/*Modal*/
.uk-modal {
	padding: 0;
}

.tooltipBut {
	border-radius: 100%;
	color: #ffffff;
	background-color: #999999;
	width: 15px;
	display: inline-block;
	height: 15px;
	line-height: 15px;
	text-align: center;
}
a.tooltipBut:hover {
	color: #ffffff;
	background-color: #ff6600;
}
.modalHeader {
	background-color: #999;
}
.modalHeader h3{
	color: #ffffff;
	font-weight: bold;
	margin-top: 15px;
}
.uk-button.fotoupload {
	border-width: 0px;
	background-color: transparent;
	border-radius: 0;
}
#tooltip .uk-container {
	min-width: 0;
	font-size: 12px;
	line-height: 16px;
}

.restab.bulist.uk-table-striped tbody tr:nth-of-type(2n+1) {background: #cccccc;}
.restab.bulist.uk-table td {padding:8px 5px;};

@media only screen and (max-width: 767px) {
	/* Force table to not be like tables anymore */
	table .restab, .restab thead, .restab tbody, .restab th, .restab td, .restab tr { 
		display: block;
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	.restab thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.restab tr:first-child {
		display:none;
	}

	.ia-table th:nth-child(2) {
		padding-left:0px;
	}
	.restab td {
		/* Behave  like a "row" */
		border: none;
		position: relative;
		padding-left: 50% !important;
		text-overflow:ellipsis;
		overflow: hidden;
	}
	.restab td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		left: 6px;
		width: 50%; 
		padding-right: 8px; 
		white-space: nowrap;
		text-overflow:ellipsis;
		overflow: hidden;
	}
	/* 	Label the data */
	.restab td:nth-of-type(1):before {content: "Gerät"; width:200px;font-weight:bold;}
	.restab td:nth-of-type(2):before {content: "Zählernr.";font-weight:bold;}
	.restab td:nth-of-type(3):before {content: "Ablesedatum";font-weight:bold;}
	.restab td:nth-of-type(4):before {content: "Foto";font-weight:bold;}

	.restab.bulist td:nth-of-type(3):before {content: "";font-weight:bold;}
        .restab.bulist td:nth-of-type(4):before {content: "";font-weight:bold;}
        

        .logo_float img{
            max-width: 100%;
            width:auto;
        }
}

/* BK Änderung 02.12.2022 */

.bgorange {
	background-color: #ff6600;	
}
.bggreen {
	background-color: #00ff00;	
}

.uk-button.bgorange {
	text-shadow: none;
	background-image: none;
	color: #fff;
	border-width: 0px;
	line-height: 15px;
	padding-top: 5px;
	margin-bottom: 0px;
	min-height: 25px;

}
.uk-button.bgorange:hover,
.uk-button.bgorange:active,
.uk-button.bgorange:focus {
	background-color: #999999;
}

.cc-window.cc-invisible {
  display: none !important;
}

@media only screen and (max-width: 768px) {

	.cc-revoke, .cc-window {
		display: inline-block !important;
		font-size: 13px !important;
	}
}
@media only screen and (min-width: 768px) {
	.restabcol {
		width:40%;
		box-sizing: border-box;
	}
	.restabcolmid {
		width:30%;
		box-sizing: border-box;
	}
	.restabcollst {
		width:30%;
		box-sizing: border-box;
	}
}

@media only screen and (min-width: 480px) {
	.uk-description-list-horizontal dt {
	    clear: both;
	    float: left;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    width: 275px;
	}
	.uk-description-list-horizontal dd {
		margin-left: 275px;
		box-sizing: border-box;
	}
	.ia-rect.uk-description-list-horizontal dt {
		/*width: 190px !important;*/
		box-sizing: border-box;
	}
	.ia-rect.uk-description-list-horizontal dd {
		/*margin-left: 190px !important;*/
		box-sizing: border-box;
	}
}

@media print {

	@page pagename {size: A4; marks:crop;}

	#header2,.linkbutton,.noprint{ display:none;}
        
        .doprint{ display:inline !important;}

	dt, .uk-width-medium-1-2 {width:50%;}

	.uk-description-list-horizontal > dt {
		width:30%;
	}
	.uk-description-list-horizontal > dd {
		margin-left: 30%;
	}
}