﻿.progressRed {
  color:Red; 
  background-color:Red;
}

.progressYellow {
  color:Yellow; 
  background-color:Yellow;
}

.progressGreen {
  color:Green; 
  background-color:Green;
}

.ui-table th, .ui-table td {
	text-align:left;
	vertical-align: middle;
	display:table-cell;
}

.ui-page-theme-a .ui-btn.ui-btn.ui-icon-color-green
, .ui-page-theme-b .ui-btn.ui-btn.ui-icon-color-green
, .ui-page-theme-c .ui-btn.ui-btn.ui-icon-color-green
, .ui-page-theme-d .ui-btn.ui-btn.ui-icon-color-green
, .ui-page-theme-e .ui-btn.ui-btn.ui-icon-color-green
, .ui-page-theme-f .ui-btn.ui-btn.ui-icon-color-green
, .ui-page-theme-g .ui-btn.ui-btn.ui-icon-color-green
{
	background:Green;
	background-color:Green;
	color:Green;
}

.ui-page-theme-a .ui-btn.ui-btn.ui-icon-color-red
, .ui-page-theme-b .ui-btn.ui-btn.ui-icon-color-red
, .ui-page-theme-c .ui-btn.ui-btn.ui-icon-color-red
, .ui-page-theme-d .ui-btn.ui-btn.ui-icon-color-red
, .ui-page-theme-e .ui-btn.ui-btn.ui-icon-color-red
, .ui-page-theme-f .ui-btn.ui-btn.ui-icon-color-red
, .ui-page-theme-g .ui-btn.ui-btn.ui-icon-color-red
{
	background:red;
	background-color:Red;
	color:Red;
}

.ui-page-theme-a .ui-btn.ui-btn.ui-icon-color-yellow
, .ui-page-theme-b .ui-btn.ui-btn.ui-icon-color-yellow
, .ui-page-theme-c .ui-btn.ui-btn.ui-icon-color-yellow
, .ui-page-theme-d .ui-btn.ui-btn.ui-icon-color-yellow
, .ui-page-theme-e .ui-btn.ui-btn.ui-icon-color-yellow
, .ui-page-theme-f .ui-btn.ui-btn.ui-icon-color-yellow
, .ui-page-theme-g .ui-btn.ui-btn.ui-icon-color-yellow
{
	background:Yellow;
	background-color:Yellow;
	color:Yellow;
}

.ui-page-theme-a .ui-btn.ui-btn.ui-icon-color-orange
, .ui-page-theme-b .ui-btn.ui-btn.ui-icon-color-orange
, .ui-page-theme-c .ui-btn.ui-btn.ui-icon-color-orange
, .ui-page-theme-d .ui-btn.ui-btn.ui-icon-color-orange
, .ui-page-theme-e .ui-btn.ui-btn.ui-icon-color-orange
, .ui-page-theme-f .ui-btn.ui-btn.ui-icon-color-orange
, .ui-page-theme-g .ui-btn.ui-btn.ui-icon-color-orange
{
	background:Orange;
	background-color:Orange;
	color:Orange;
}


meter{
    display: block;
    border: 1px outset;
    height: 20px;
    width: 100px;
    overflow: hidden;
}
meter div
{
    display: block;
    border-right:1px solid #000;
    height: 20px;
    background: #b4e391; /* old browsers */
    background: -moz-linear-gradient(top, #b4e391 0%, #44AA00 35%, #b4e391 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4e391), color-stop(35%,#44AA00), color-stop(100%,#b4e391)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=0 ); /* ie */
}
.meterValueTooHigh div, .meterValueTooLow div{
    background: #ffd65e; /* old browsers */
    background: -moz-linear-gradient(top, #ffd65e 0%, #FBFF47 35%, #febf04 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd65e), color-stop(35%,#FBFF47), color-stop(100%,#febf04)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=0 ); /* ie */
}
.meterIsMaxed
{
    border-right: 0px none !important;
}

.versteckt
{	
	visibility:hidden;	
}

#tableContainer {
  position: relative;
  padding: 0 5px;
  
  overflow-y: auto;
}

.ui-input-text, .ui-input-search {
 color:#222222 !important;
 text-shadow: 0px 1px 0px #ffffff !important;
 background-color: #fff9df !important; 
 outline: 0 
}

.kleineMeldung{
    width: 150px !important;
    min-height: 1.8em !important;
    padding: .2em .4em !important;
    text-align:right !important;
}

.rowInputMeldung
{
	padding: .0em .0em !important;
}

.rowInputMeldung > div
{
	margin: .0em .0 !important;
}

table .left {
    text-align: left;
    float: left;
}

table .right {
    text-align: right;
    float: right;    
}

tbody:before {
    
    display: block;
    line-height: 0.5em;
    color: transparent;
}

.btnMeldung
{
	width: 20em !important;
	float: right;
	margin-right:5% !important;
}

.btnPopup
{
	width: 20em !important;
	float:left;
	margin-right:5% !important;
}

.ui-popup iframe {
    background-color: transparent;
    border: 0px none transparent !important;
    padding: 0px;
    overflow: hidden;
    min-height:300px;
    max-height:600px;
}

div#vm, div#zs {
    margin-top: 20px;    
}

.logo 
{
	max-height: 50px;
	padding: 10px;
	margin: 0px 5px 5px 47px
}

.loginHeader
{
	margin: 40px 20px 20px 57px
}

.loginTextContainer
{
	width: 80%;
    margin: 0 auto;
}

.loginText
{
	display: table;
    margin: 0 auto;
}

.hotlineDiv
{ 
	padding-left:30px; 
	padding-top:10px;
	display:inline;
}

.ui-footer
{
	 display:inline;
}

#footerText
{
	padding-left:50px;
	display:inline-table;
}

.headerNumber
{
 text-align:center !important;
}

.rowNumber
{
	text-align:center !important;	
}

.spanNumber
{
	display:inline-block;
	width:150px;
	text-align:right;	
}

.ui-btn-active:hover
{
	cursor:default;
}

label:empty{
	display:none;
}

.readonlyCheckbox {
  pointer-events: none;
}