/* default */

html{height:100%;font-size:100%;-webkit-tap-highlight-color:transparent}body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}fieldset,img{border:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}table{border-collapse:collapse;border-spacing:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}q:before,q:after{content:""}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;font-size:100%}del,ins{text-decoration:none}

body
{
	font-family: "Open Sans",sans-serif;
	background-color: #FFFFFF ;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 14px;
	height: 100vh;
	display: flex;
}

/*
ab hier:
geändert am 25-07-08
D. Hammer
*/

.tab_menuob
{
	background-color:#6699CC;
}
/* bis hier */
.K
{ background-color : #FFFFFF;
}
.B
{ background-color : #FFFF99;
}
.Hinweis
{ color : #FFFFFF;
	background-color : #336699;
}
.Alternative
{
	background-color: #FFFF99;
}
.Normal
{  background-color : #FFFFFF;
}
.Fehler1
{ color : red;
}

.Fehler
{ color : #FFFFFF;
	background-color :Red ;
}
.AnmeldenBTN
{
	vertical-align: bottom;
	width: 24px;
}

A:active.omenueclass
{
	text-decoration: none;
	vertical-align: middle;
	text-indent: 10px;
	align-content: center;
}

A:link.omenueclass
{
	text-decoration: none;
	vertical-align: middle;
	text-indent: 10px;
	align-content: center;
}

A:visited.omenueclass
{
	text-decoration: none;
	vertical-align: middle;
	text-indent: 10px;
	align-content: center;
}

A:hover.omenueclass
{

	color: rgb(232, 9, 0);
	text-decoration: none;
	vertical-align: middle;
	text-indent: 10px;
	align-content: center;
}

#div_oben { position:relative;z-index:1; }
#div_service { position:relative; height:auto; z-index:15; }
#div_mitte { position:relative;z-index:4;height:100%; }
#div_info { position:relative; top:26px;
	left:36px;
	width:auto; height:auto; z-index:5; border-color:black;
}
#div_zaehler { position:relative; height:auto; z-index:6; align-content:center}
#div_warenkorb { position:relative; height:auto; z-index:7; align-content:center }
#div_download { position:relative; height:auto; z-index:8; align-content:center}
#div_logout { position:relative; height:auto; z-index:9; align-content:center}
#div_kontakt { position:relative; height:auto; z-index:10;align-content:center }
#div_home { position:relative; height:auto; z-index:11; align-content:center}
#div_geraete_zaehler { position:relative; height:auto; z-index:12;align-content:center }
#div_geraete_zaehler_historie { position:relative; height:auto; z-index:13; }
#div_pwaendern { position:relative; height:auto; z-index:14; }


h1
{
	color: #FF0000;
}

h3
{
	font-size: 1.5rem;
}

h5
{
	color: #666666;
}
.style1
{
	height: 21px;
}
.style2
{
	height: 79px;
}
.style3
{
	width: 222px;
}
.style4
{
	width: 750px;
}
.style5
{
	width: 750px;
}
.style6
{
	width: 280px;
}
.style7
{
}
.style8
{
	width: 182px;
}
.style9
{
	width: 188px;
}
.style10
{
	width: 27px;
	margin-left: 40px;
}
.style11
{
	width: 740px;
}
.style12
{
	width: 100px;
}
.style13
{
	width: 132px;
}
.style14
{
	width: 172px;
}
/*

ab hier:
geändert am 28-07-2008
D. Hammer

*/

.style15
{
	width: 500px;

}
.stlye16
{
	width: 100%;
}
.style17
{
}
.style18
{
	width: 16px;
}
.style19
{
}
.style20
{
	width: 102Px;
}

/*

ab hier:
geändert am 24-07-2008
D.Hammer
Hintergrundfarben

*/

/*Menü linke Seite*/

.Menu1
{
	background-color:#639CCE;
}
.StaticSelectedStyle
{
	background-color:#507CD1;
}
.DynamicHoverStyle
{
	background-color:#284E98;
}
.DynamicMenuStyle /*Bitte diese Klasse in der default.aspx ändern!*/
{
	background-color:#B5C7DE;
}
.DynamicSelectedStyle
{
	background-color:#507CD1;
}
.DynamicMenuItemStyle
{
	background-color:#BDCCF3;
}
.StaticHoverStyle
{
	background-color:#284E98;
}

/*Adressen und Geräte*/

.FooterStyle1
{
	background-color:#5D7B9D;
}
.RowStyle1
{
	background-color:#F7F6F3;
}
.PagerStyle1
{
	background-color:#284775;
}
.SelectedRowStyle1
{
	background-color:#E2DED6;
}
.HeaderStyle1
{
	background-color:#5D7B9D;
}
.EditRowStyle1
{
	background-color:#999999;
}
.AlternatingRowStyle1
{
	background-color:White;
}

/*Geräte-Liste*/

.FooterStyle2
{
	background-color:#5D7B9D;
}
.RowStyle2
{
	background-color:#F7F6F3;
}
.PagerStyle2
{
	background-color:#284775;
}
.SelectedRowStyle2
{
	background-color:#E2DED6;
}
.HeaderStyle2
{
	background-color:#5D7B9D;
}

/*Geräte-Zähler*/

.FooterStyle3
{
	Background-Color:#5D7B9D;
}
.RowStyle3
{
	background-color:#F7F6F3;
}
.PagerStyle3
{
	background-color:#284775;
}
.SelectedRowStyle3
{
	background-color:#E2DED6;
}
.HeaderStyle3
{
	background-color:#5D7B9D;
}
.EditRowStyle3
{
	background-color:#999999;
}
.AlternatingRowStyle3
{
	background-color:white;
}

/*Geräte-Zähler Historie*/

.FooterStyle4
{
	background-color:#5D7B9D;
}
.RowStyle4
{
	background-color:#F7F6F3;
}
.PagerStyle4
{
	background-color:#284775;
}
.SelectedRowStyle4
{
	background-color:#E2DED6;
}
.HeaderStyle4
{
	background-color:#5D7B9D;
}
.EditRowStyle4
{
	background-color:White;
}

/*Zähler*/

.FooterStyle5
{
	background-color:#5D7B9D;
}
.RowStyle5
{
	background-color:#F7F6F3;
}
.PagerStyle5
{
	background-color:#284775;
}
.SelectedRowStyle5
{
	background-color:#E2DED6;
}
.HeaderStyle5
{
	background-color:#5D7B9D;
}
.AlternatingRowStyle5
{
	background-color:White;
}



/*
//  Dominique Meister
//
*/

a {
	color: #212529;
}

table {
	border-spacing: 0;
	border-color: #dee2e6;
}

textarea {
	border-color: #dee2e6;
}

table.style16 {
	border-radius: 5px;
	border-color: #dee2e6;
}
ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.error {
	color: rgb(232, 101, 87)
}

#div_menueoben {
	position: relative;
	background-color: transparent;
	display: block;
	float: right;
}
#div_menueoben ul {
	float: right;
}
#div_menueoben ul li {
	float: left;
}
#div_menueoben ul li a {
	display: block;
	text-align: center;
	padding: 16px;
	text-decoration: none;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
}
#div_links {
	float: left;
}

html{height:100%;font-size:100%;-webkit-tap-highlight-color:transparent}body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}fieldset,img{border:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}table{border-collapse:collapse;border-spacing:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}q:before,q:after{content:""}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;font-size:100%}del,ins{text-decoration:none}

body
{
	font-family: "Open Sans",sans-serif;
	background-color: #FFFFFF ;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 14px;
	height: 100vh;
	display: flex;
}

/*
ab hier:
geändert am 25-07-08
D. Hammer
*/

.tab_menuob
{
	background-color:#6699CC;
}
/* bis hier */
.K
{ background-color : #FFFFFF;
}
.B
{ background-color : #FFFF99;
}
.Hinweis
{ color : #FFFFFF;
	background-color : #336699;
}
.Alternative
{
	background-color: #FFFF99;
}
.Normal
{  background-color : #FFFFFF;
}
.Fehler1
{ color : red;
}

.Fehler
{ color : #FFFFFF;
	background-color :Red ;
}
.AnmeldenBTN
{
	vertical-align: bottom;
	width: 24px;
}

A:active.omenueclass
{
	text-decoration: none;
	vertical-align: middle;
	text-indent: 10px;
	align-content: center;
}

A:link.omenueclass
{
	text-decoration: none;
	vertical-align: middle;
	text-indent: 10px;
	align-content: center;
}

A:visited.omenueclass
{
	text-decoration: none;
	vertical-align: middle;
	text-indent: 10px;
	align-content: center;
}

A:hover.omenueclass
{

	color: rgb(232, 9, 0);
	text-decoration: none;
	vertical-align: middle;
	text-indent: 10px;
	align-content: center;
}

#div_oben { position:relative;z-index:1; }
#div_service { position:relative; height:auto; z-index:15; }
#div_mitte { position:relative;z-index:4;height:100%; }
#div_info { position:relative; top:26px;
	left:36px;
	width:auto; height:auto; z-index:5; border-color:black;
}
#div_zaehler { position:relative; height:auto; z-index:6; align-content:center}
#div_warenkorb { position:relative; height:auto; z-index:7; align-content:center }
#div_download { position:relative; height:auto; z-index:8; align-content:center}
#div_logout { position:relative; height:auto; z-index:9; align-content:center}
#div_kontakt { position:relative; height:auto; z-index:10;align-content:center }
#div_home { position:relative; height:auto; z-index:11; align-content:center}
#div_geraete_zaehler { position:relative; height:auto; z-index:12;align-content:center }
#div_geraete_zaehler_historie { position:relative; height:auto; z-index:13; }
#div_pwaendern { position:relative; height:auto; z-index:14; }


h1
{
	color: #FF0000;
}

h3
{
	font-size: 1.5rem;
}

h5
{
	color: #666666;
}
.style1
{
	height: 21px;
}
.style2
{
	height: 79px;
}
.style3
{
	width: 222px;
}
.style4
{
	width: 750px;
}
.style5
{
	width: 750px;
}
.style6
{
	width: 280px;
}
.style7
{
}
.style8
{
	width: 182px;
}
.style9
{
	width: 188px;
}
.style10
{
	width: 27px;
	margin-left: 40px;
}
.style11
{
	width: 740px;
}
.style12
{
	width: 100px;
}
.style13
{
	width: 132px;
}
.style14
{
	width: 172px;
}
/*

ab hier:
geändert am 28-07-2008
D. Hammer

*/

.style15
{
	width: 500px;

}
.stlye16
{
	width: 100%;
}
.style17
{
}
.style18
{
	width: 16px;
}
.style19
{
}
.style20
{
	width: 102Px;
}

/*

ab hier:
geändert am 24-07-2008
D.Hammer
Hintergrundfarben

*/

/*Menü linke Seite*/

.Menu1
{
	background-color:#639CCE;
}
.StaticSelectedStyle
{
	background-color:#507CD1;
}
.DynamicHoverStyle
{
	background-color:#284E98;
}
.DynamicMenuStyle /*Bitte diese Klasse in der default.aspx ändern!*/
{
	background-color:#B5C7DE;
}
.DynamicSelectedStyle
{
	background-color:#507CD1;
}
.DynamicMenuItemStyle
{
	background-color:#BDCCF3;
}
.StaticHoverStyle
{
	background-color:#284E98;
}

/*Adressen und Geräte*/

.FooterStyle1
{
	background-color:#5D7B9D;
}
.RowStyle1
{
	background-color:#F7F6F3;
}
.PagerStyle1
{
	background-color:#284775;
}
.SelectedRowStyle1
{
	background-color:#E2DED6;
}
.HeaderStyle1
{
	background-color:#5D7B9D;
}
.EditRowStyle1
{
	background-color:#999999;
}
.AlternatingRowStyle1
{
	background-color:White;
}

/*Geräte-Liste*/

.FooterStyle2
{
	background-color:#5D7B9D;
}
.RowStyle2
{
	background-color:#F7F6F3;
}
.PagerStyle2
{
	background-color:#284775;
}
.SelectedRowStyle2
{
	background-color:#E2DED6;
}
.HeaderStyle2
{
	background-color:#5D7B9D;
}

/*Geräte-Zähler*/

.FooterStyle3
{
	Background-Color:#5D7B9D;
}
.RowStyle3
{
	background-color:#F7F6F3;
}
.PagerStyle3
{
	background-color:#284775;
}
.SelectedRowStyle3
{
	background-color:#E2DED6;
}
.HeaderStyle3
{
	background-color:#5D7B9D;
}
.EditRowStyle3
{
	background-color:#999999;
}
.AlternatingRowStyle3
{
	background-color:white;
}

/*Geräte-Zähler Historie*/

.FooterStyle4
{
	background-color:#5D7B9D;
}
.RowStyle4
{
	background-color:#F7F6F3;
}
.PagerStyle4
{
	background-color:#284775;
}
.SelectedRowStyle4
{
	background-color:#E2DED6;
}
.HeaderStyle4
{
	background-color:#5D7B9D;
}
.EditRowStyle4
{
	background-color:White;
}

/*Zähler*/

.FooterStyle5
{
	background-color:#5D7B9D;
}
.RowStyle5
{
	background-color:#F7F6F3;
}
.PagerStyle5
{
	background-color:#284775;
}
.SelectedRowStyle5
{
	background-color:#E2DED6;
}
.HeaderStyle5
{
	background-color:#5D7B9D;
}
.AlternatingRowStyle5
{
	background-color:White;
}



/*
//  Dominique Meister
//
*/


a {
	color: #212529;
}
h2 {
	font-size: 1.1rem;
	padding: .5rem 0;
}
h3 {
	position: relative;
	margin: 1rem 0 3rem 0;
}

table {
	border-spacing: 0;
	border-color: #dee2e6;
}

textarea {
	border-color: #dee2e6;
}

a.link:not(i) {
	text-decoration: none;
	font-weight: 600;
	letter-spacing: 1px;
}
a.link:hover {
	color: rgb(232, 9, 0);
}
a.icon-link {
	display: flex;
	align-items: center;
}
a.link.highlight {
	color: rgb(232, 9, 0);

}

button.app-btn i{
	font-size: 1.5rem;
}

.btn {
	font-size: 14px;
}

/*
//
//	Auth
//
*/

.auth-box .card {
	border: 0;
}
/* </auth> */


table.style16 {
	border-radius: 5px;
	border-color: #dee2e6;
}
ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.error {
	color: rgb(232, 101, 87)
}

#div_menueoben {
	position: relative;
	background-color: transparent;
	display: block;
	float: right;
}
#div_menueoben ul {
	float: right;
}
#div_menueoben ul li {
	float: left;
}
#div_menueoben ul li a {
	display: block;
	text-align: center;
	padding: 16px;
	text-decoration: none;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
}
#div_links {
	float: left;
}

h3:after {
	left:0;width:70px;height:2px;content:" ";bottom:-10px;background:#555 none repeat scroll 0 0;position:absolute;
}

.userinfo {
	padding-right: 16px;
}

.printer-search input {
	display: inline-block;
}

::-webkit-scrollbar {
	width: 14px;
	height: 14px
}

::-webkit-scrollbar-corner,::-webkit-scrollbar-track {
	background-color: transparent;
	background-repeat: no-repeat;
	cursor: pointer
}

::-webkit-scrollbar-thumb {
	border-radius: 9px;
	background-color: #9eadbf;
	border-color: transparent;
	border-width: 3px;
	background-clip: padding-box;
	border-style: solid
}

::-webkit-scrollbar-track {
	border-width: initial;
	border-color: transparent;
	background-color: transparent
}

::-webkit-scrollbar-thumb:vertical {
	min-height: 50px
}

::-webkit-scrollbar-thumb:hover {
	background-color: #9db4c4
}

::-webkit-scrollbar-thumb,::-webkit-scrollbar-track {
	border-width: 3px;
	border-radius: 7px;
	background-clip: padding-box;
	border-style: solid
}


.imgflag {
	height: 30px;
}

/*
//
//	Snackbar
//
*/

.mdc-snackbar.error .mdc-snackbar__surface {
	background-color: #f8d7da;
	border-color: #f5c6cb;
}
.mdc-snackbar.error .mdc-snackbar__label {
	color: #721c24;
}
.mdc-snackbar.error .mdc-snackbar__action:not(:disabled) {
	color: #212529;
}
	/* </auth> */