body {
color:#222;
margin:0;padding:0;
direction:ltr;
font-family:Verdana,sans-serif;
text-align:center;
}
.dmaincont {
width:100%;
margin:0;
}

h1 {
font-size:1.5em;
font-family:Tahoma,sans-serif;
}
.hdr {
background:#3399ff;
color:#fff;
font-size:1.3em;
text-align:left;
padding:.5em 1em;
}


table.fw {
  width:100%;
}
table.list {
 padding-top:0;
 width:100%;
}
td {
text-align:left;
}
.list td {
cursor:pointer;
}

th {
 font-size:.8em;
 font-weight:normal;
 text-transform:uppercase;
 padding:.3em .5em .6em .5em;
 background:#3399ff;
 color:#fff;
}
@media (max-width:500px) {
 th {text-transform:none;}
}



.tbtmbrd {
 border:#3399ff solid;
 border-width:0 0 1px 0;
}
.f {
 background-color:#fff;
/* color:#eee;*/
 text-align:left;
}
.oddrow {
  background-color:#eee;
}
.disrow {
  background-color:LightGray;
  color:Gray;
}

.c {
 text-align:center;
}
.r {
text-align:right;
}
.sel {
background-color:#99ffdd;
}


table.inz {
 background-color:#ccc;
 width:100%;
 margin:0;
}

table.zPT {
 width:100%;
}
.zpS,.zpUS {
 background-color:white;
 color:#444;
 border:solid;
 border-color: #0066cc;
 border-width:0 0 5px 0;
 padding-top:3px;
 text-align:center;
 font-size:.8em;
 text-transform:uppercase;
 font-weight:bold;
 padding-bottom:4px;

}
.zpUS{
 font-weight:normal;
 padding-bottom:8px;
 border-bottom-width:1px;
 cursor:pointer;
}


input {
  border: 1px solid #111;
  border-radius:2px;
  font-size:1.2em;
  padding:.2em .3em;
}
.biginp {
font-size:1.3em;
outline:none;
}
select {
  font-size:1.2em;
  border-radius:2px;
  background-color:#fff;
  padding:.1em .2em;
}
input[type=checkbox] {
border:none;
}
input:read-only {
 border: 1px solid #999;
 color:#111;
 outline:none;
}

.infof {
  background-color:#fff;
  color:#111;
/*  background:linear-gradient(135deg,#fff,#eee);*/
  display:inline-block;
  border-radius:3px;
  border:1px solid #999;
 padding:.2em .4em;
}
.num {
text-align:right;
}
.brd {
  border:dotted 1px gray;
  padding:.5em .5em;
/*  display:table-cell;*/
}
	
input.itog {
  text-align:right;
  font-weight:bold;
  font-size:120%;
  border:1px solid #333;
/*  background:#1111aa;/*#effcef;*/
}
span.itog {
 font-size:120%;
 min-width:2em;
 border-width:2px;
 border-color:#7a7;
}

.black {
  background-color:#000000;
  color:#f0f0f0;
}

.inpwarn {
  background-color: #ffffe0;
  border-color:Red;
}



label {
margin-bottom:13px;
color:#555;
}


.clOk,.clBad,.clWarn {
  border-style:dotted;
  border-width:1px;
  padding:2px;
}

.clBad {
  background-color:#FFA07A;
}

.clWarn {
  background-color:#F0E68C;
}

.btn {
color:#333;
/*background-color:#000	#9ee0ca;#aaddbb;*/
background-color:#fff;
border:2px solid #0066cc;
font-size:1.1em;
border-radius:5px;
outline:none;
vertical-align:top;
padding:.6em .8em;  
margin:2px;
cursor:pointer;
/*box-shadow: 2px 2px 4px rgba(68,68,68,.7);*/
/*transition: box-shadow .2s;*/
/*-webkit-transition: box-shadow .2s;*/
}


i {
min-width:1em;
}
.btn i {
color:#0066cc;
margin-right:.4em;
}
i.is {
margin-right:0;
}
i.ir {
margin-right:0;
margin-left:.5em;
}
.i0 {
margin:1px;
min-width:1px;
}

.btn:hover {
  border-width:3px;
  margin:1px;
}
.btn:active {
  background:#333; 
  color:#eee;
}

.btnred {
  border-color: #ff7c4d;
}
.btnred i {
 color: #ff7c4d;
}
.btnyell {
  border-color:#FFA500;
}
.btnyell i {
color:#ee9500;
}

.btngr
{
 border-color:#70a970;
}
.btngr i {
color:#70a970;
}

.do {
 padding:.8em 1em;  
 color:#222;
 border-color:#70a970;
/* background-color:#eff5ef;*/
/* background-color:#007000;
 background: #007000 linear-gradient(#44aa44,#007000);*/
} 
.do i {
color:#437043;
margin-right:.5em;
}

.disbtn {
color:#ddd;
border-color: #bbb;
background-color: #aaa;
pointer-events: none;
cursor:not-allowed;
}
.disbtn i {
color:LightGray;
}


.btn a:link { text-decoration:none; color:#111; }
.btn a:visited { text-decoration:none; color:#111; }
.btn a:active { text-decoration:none; color:#111; }

.ok {
 background-color:#007000;
}
.cancel {
background-color:#661b00;
}

.oplyes {
background:LightGreen;
color:black;
}
.oplno {
background:Yellow;
color:black;
}



.outhdr {
color:#fff;
font-size:larger;
font-weight:bold;
/*text-shadow:2px 2px 5px #000044;*/
}

td.trfrm {
background: #87ceeb;
padding: .3em;
}
td.trfrm2 {
background:#bee5f4;
padding: .3em;
}



.phone {
  background: Green;
  color:white;
  font-weight:normal;
  font-size:100%;
  padding:.2em .3em;
  border:1px;
}

.phone a:link { text-decoration:none; color:white; }
.phone a:visited { text-decoration:none; color:white; }
.phone a:active { text-decoration:none; color:white; }

:-ms-input-placeholder {color:#909090;}


div.shd {
  position:absolute;
  top:1px;
  left:1px;
  width:100%;
  height:100%;
  opacity:0.0;
  background-color:#000000;
  visibility:hidden;
  z-index: 101;
  filter: alpha(opacity=50);
  transition: opacity .5s, visibility .5s;
}
.reqd {
  position:absolute;
  visibility:hidden;
  z-index: 102;
  top:1px;
  left:1px;
  padding:1em 2em;
  background-color:#ffffff;
  border: solid 1px #404040;
  border-radius:5px;
}

.frmdlg {
background:#fff;
padding:5px 10px;
display:inline-block;
/*position:relative;*/
border:1px #aaa solid;
border-radius:2px;
}


.frmdlg div.hdr {
margin:-5px -10px 10px -10px;
}



.blk {
display:inline-block;
}

.botlab {
font-size:.6em;
text-align:center;
position:relative;
left:0;right:0;
bottom:1px;
margin-top:1cm;
color:#777;
}
.botlab a:link { text-decoration:none; color:#777; }
.botlab a:visited { text-decoration:none; color:#777; }
.botlab a:active { text-decoration:none; color:#777; }

.botclnt {
background:#555;
padding:.2em;
color:#fff;
font-size:1em;
text-align:center;
}


.trans {
 -webkit-transition: margin .2s; 
 transition: margin .2s;
}


.zaphdr {
text-align:center;
background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0) 50%,orange 30%,orange 60%,rgba(0,0,0,0) 60% );
cursor:auto;
}
.zaphdrtxt {
font-size:.9em;
background-color:darkorange;
border-radius:10px;
padding:.2em .7em;
text-transform:uppercase;
color:#fff;
}
.zapv {
  color:darkorange;
}


#strkod {
display:inline-block;
}
#kateg {
display:inline-block;
}

.inpwic {
background:#777;
display:inline-block;
margin-top:3px;
}
.inpwic td {
padding:4px;
background:#fff;
}
.inpwic input {
border:none;
border-radius:0;
}

.sens {
}

.sens:hover {
background-color:#e0e0e0;
}

.smlr {
font-size:smaller;
}



table.cct {
visibility:hidden;
border-width:1px;
border-style:solid;
border-color:Darkorange;
position:absolute;
top:10px;
left:10px;
background-color:white;
box-shadow: 2px 2px 4px;
}



#menusrcid {
display:none;
}

#menuid {
top:1px;
left:1px;
position:absolute;
border: solid 1px #0066cc;
background:#fff;
padding:.5em;
text-align:left;
box-shadow:2px 2px 2px #aaa;
}

#menuid button {
width:99%;
font-size:110%;
color:#333;
background-color:#fff;
border:2px solid #0066cc;
border-radius:4px;
padding:.8em .8em;  
margin-bottom:.5em;
white-space: nowrap;
text-align:left;
cursor:pointer;
}
#menuid button:hover {
background:#18f;
color:#fff;
}
#menuid i {
margin-right:1em;
}

#mshd {
position:absolute;
top:0px; left:0px;
width:100%;
height:100%;
opacity:0.0;
}

div #alarmdiv {
/*display:none;*/
color:red;
background:yellow;
padding:.5em 0;
}

.alarmd {
color:red;
padding:3px;
}