@charset "utf-8";
body{ background-color:#FFF; margin:0; height:100%; line-height:100%; width:100%;}
.polepradow{ border-bottom:1px solid #999999; background-color:#FFFFFF;}
#wejBin{ margin-left:auto; margin-right:auto; display:block;} 
#t1{ text-align:left;}
#naglowek{display:block; width:100%; margin:-1px;  background-color:#63d; color:#FFFFFF; text-align:center; min-height:44px;}
#micromex{ position: relative; margin-left:auto; margin-right: auto; right:10px}
#tabpradow{ margin-top:10%;}
#wejBin table{width:100%}
#kontener {width:100%; height:100%; display:table; margin:0; }
table{ border-collapse:collapse; margin:0;}
.IN{ display:inline-block; width:2em;}
#hbody{ left:0; right:0px; display:block; margin:0; top:0; }
.recdioda{ display:inline-block; border:2px solid #0099FF; width:12px; height:12px; margin:0;}
.recdiodain{ width:9px; height:9px; border:2px solid #FFF;; }
.klawisz{display:block;background-color:#28f; margin-left:auto; margin-right:auto; margin-top:20px; padding:4px; min-height:40px; text-align:center; clear:both; font-size:32px; line-height:40px;  vertical-align:middle;}
.klawisz:hover{background-color:#4af;}
.klawisz:active{ background-color:#8df; border:2px solid #FFFFFF; }
#TbKlawisze{ width:100%; text-align:center;}
#odczytp{ width:80%; display:inline-block;}
#zapisp{width:80%;display:inline-block;}
#savep{width:80%;display:inline-block;}
#odczyt{ display:block; width:80%; background-color:#06e; margin-left:auto; margin-right:auto; margin-top:180px; padding:4px; min-height:40px; text-align:center; clear:both; font-size:32px; line-height:40px;  vertical-align:middle;}
#odczyt img{ vertical-align:middle;}
#odczyt:hover{background-color:#0099FF;}
#odczyt:active{ background-color:#8df; border:2px solid #FFFFFF; }
#sellink{display:none; float:left; width:100vw; height:100%; background-color:#FFF; position:fixed; color:#000;  overflow-y:scroll; text-decoration:none; z-index: 15;  }
#sellink a, #wroc{ display:block; width:100vw; height:2em; padding:4px; border:1px solid #CCCCCC; text-decoration:none; color:#000;}
#sellink #wroc{ color:#fff;  background-color:#bbb; font-size:2em; padding:5px; margin-top:24px;}
#sellink a:hover, #wroc:hover{text-decoration:underline; color:#393; }
#sellis{display:none; float:left; width:100%; height:100%;  overflow-y:scroll; overflow-x:hidden;  background-color:#FFF; position:fixed;}
#sellis span{ display:block; width:100%; height:8%; border:1px solid #CCCCCC; color:#00f;  }
#sellis span:hover{text-decoration:underline;  }
#ObramowanieKomunikatu{display:none; float:left; top:0; width:100%; height:100%; background-color:#eee; position:fixed;  }
#TloKomunikatu{display:none; float:left; top:0; width:100%; height:100%; background-color:#eee; position:fixed; opacity:0.8; }
#BelkaKomunikatu{ display:block; width:100%; margin:0; background-color:#0099FF;}#RKomunikat{display:none;  border:2px outset; position:absolute; margin-left:-100px; margin-top:-75px; top:50%; left:50%; width:240px; height:150px; background-color:#FFF; }

#IkonaKomunikatu{ background: url('loader.gif'); background-repeat:no-repeat; background-position:center; clear:right; margin-top:10px; margin-left:10px; display:inline-block; height:64px; width:64px;  vertical-align:middle;}
/*#IkonaKomunikatu{ float:left; margin-top:10px; margin-left:10px; display:inline-block; height:32px; width:32px;  vertical-align:middle;}
*/#progress{ clear:both; width:90%; margin-left:5%;}
#TrescKomunikatu{ display:table-cell;float:left; line-height:200%;  padding:10px; }
#BtZamknijKomunikat{ display:block; width:70%; min-height:34px; height:20%; margin-bottom:20px; margin:auto; background-color:#06e; color:#FFF; line-height:inherit; text-align:center; vertical-align:middle;}
#BtZamknijKomunikat:hover{background-color:#0099FF;}
#BtZamknijKomunikat:active{ background-color:#8df; border:2px solid #FFFFFF; }
#imgWrocKomunikatu{ float:left; margin-left:10px; padding:1px; }
#pasek{display:block; width:90%; margin-left:5%; background-color:#bbb; height:4px; margin-bottom:5px;}
#pasek #WypelnieniePaska{ display:block; height:100%; width:20%; background-color:#66bbff;}
.recdiodain{cursor:pointer;}
#ramka1 .recdiodain{cursor:auto;}
#ramka12 { display:block;}
#nazwauzytkownika{ color:#009933; font-weight:bolder;}

/*tabela wz astro*/
#wzMain{border:2px solid #000; width:90%; border-collapse:collapse; margin:auto; margin-top:10px; background-color:#FFFFFF;}
#wzMain #miesiac{border:1px solid #999999;}
#miesiacPlus, #miesiacMinus{ display:inline-block; width:20%; text-align:center; background-color:#0066FF; color:#FFFFFF;}
#wzMain  #miesiacPlus:hover, #miesiacMinus:hover{background-color:#aaF;}
#wzMain #miesiacMinus{float:left;}
#wzMain #miesiacPlus{float:right;}
#wzMain #NazwaMiesiaca{ display:inline-block; background-color:#99CCFF; color:#996666; width:60%; text-align:center; }
#DniTygodnia td{text-align:left; background-color:#eee;}
#DniTygodnia span{ display:none;}
#wzMain .dzien{ border:1px solid #aaa; width:12%;}
#wzMain .dzien:hover{ background-color:#9df;}
#wzMain .dzien div{display:inline-block;}
#wzMain .ND{ padding:2px;  clear:right;}
#wzMain .cz , .cw{ font-size:0.7em; padding:2px;  }
#wzMain .cz{ margin-top:0px; float:right; margin-right:2px; color:#060; border:1px solid #080;}
#wzMain .cw{ margin-bottom:0px; float:left; margin-left:2px; color:#006; border:1px solid #008;}
#wzMain #Niedziela, #ND7, #ND14, #ND21, #ND28, #ND35{color:#f00;}
#wzMain #Sobota, #ND6, #ND13, #ND20, #ND27, #ND34{color:#00f;}
#wroclis{ background-color:#ccc; color:#FFF !important; text-decoration:none !important; font-size:2em; padding-top:10px;}
#KomAlarmy:hover{text-decoration:underline;}
#ApK0, #ApK1, #ApK2, #ApK3, #ApK4{ display:inline-block; width:3px; height:3px; border:1px solid #FFF;}
#ApK0{ background-color:#fff;}

#wybWyl .Mwiopis{ background-color:silver;}
#wybZal .Mwiopis{ background-color:silver;}
/*tabela wz astro*/	
#TbKalibracja{ width:95%; margin:auto;}
#TbKalibracja input{ width:100%; max-width:100%;}

.recdiodain{cursor: pointer;}
  .ui-autocomplete {max-height: 300px; overflow-y: auto; overflow-x:hidden;}
  * html .ui-autocomplete {height: 100px;}
  .custom-combobox {position: absolute; right:60px; top:10px;  display: inline-block;  }
  .custom-combobox-toggle {position: absolute !important; top:0; bottom: 0; margin-left: -1px; padding: 0;}
  .custom-combobox-input {margin: 0;   width:400px;  padding: 5px 10px;  }

#odczytNeuronow, #zapisNeuronow, #zapisNeuronowB, #odczytNeuronowB, #odczytZbazy, #exportNeuronowX, #exportNeuronowC{  background-color:#06e; margin-top:10px; padding:4px; min-height:40px; text-align:center; clear:both; font-size:32px; line-height:40px;  vertical-align:middle;cursor: pointer;}
#ramka14 table{ margin:auto; min-width:50%;}
#ramka14 table th{ background-color:#666; color:#FFF;}
#ramka14 table tr:nth-child(odd):not(:first-child){background-color:#eee;}
.pelnepole{ display:block; background-color:transparent; border:none; border-bottom:2px solid #000; width:100%;	}

@media all and (max-width:800px) {
	.custom-combobox{display:none;}
	#wejBin label{ display:none;}
	#wejBin{width:100%; padding-top:4%;}
	#wejBin table{text-align:center;}
	#wejBin table td{padding-top:5%;}
	.lx { width:25%; display:inline-table; float:left; margin:2px; }
	.fazy{text-align:center; padding-top:8%;}
	.polepradow{ display:block; width:100%; padding-top:8%;}
	#Parametry{ width:10%; padding-top:8%; margin-right:20px;}
	.p1{display:block; width:100%; padding-top:8%;}
	
	#tabpradow{ width:100%;}
	.lx{ display:block;}
	#tnawig{ width:0; }
	#tnawig table{ display:none;}
	#menuico{float:left; margin-left:20px; margin-top:8px; cursor: pointer;}
	#menuico:hover{background-color:#0099FF;}
	#listaszaf{ display:none;}
	#bialaszafa{float:right; margin-right:20px; margin-top:8px;  cursor: pointer;}
	#opcjeico{float:right; margin-right:20px; margin-top:8px;  cursor: pointer;}
	#bialaszafa:hover{background-color:#0099FF;}
	#opcjeico:hover{background-color:#0099FF;}
	.klawisz span{display:none;}
	#TabelkaKorekt span{ display:none;}
	.korzal { width:40px;}
	.korwyl { width:40px;}
	.tim{ width:40px;}
	
	#DniTygodnia td:after{content:'.'; text-align:left; }	
	.guzik span{ display:none;}
	#TbKalibracja span{ display:none;}
	fieldset{width:90%;}
	#frOpcje{ display:none;}
	#Menugora{display:none;}
	#tbEvRap td{padding:4px;}
	#evlegenda{ display:none; float:inherit; margin:auto;}
	.do{ display:none}	
	.ko{ display:inline-block;}	
	#NapisAlarmy{display:none;}
	#odczytNeuronow, #odczytNeuronowB, #zapisNeuronow, #zapisNeuronowB, #odczytZbazy, #exportNeuronowX, #exportNeuronowC{ display:block; width:80%; margin-left:auto; margin-right:auto;}
	input[type=range].suwak3 { margin:4%;}
	}
@media all and (max-width:1200px){
#micromex{color:#FF0000; background:url('szyld25.png'); width:125px; height:25px; float: left;}

}
@media all and (min-width:1201px){
	#micromex{color:#FF0000; background:url('szyld50.png'); width:250px; height:50px;}
}
@media all and (min-width:801px){
	fieldset{width:45%; min-width:130px; }
	#ramka13 fieldset{ vertical-align:top; min-height:300px;}
	
	#menuico { display:none;}
	.p1{width:18%;}
	.p2{width:4%;}
/*	#naglowek{ height:10%;}*/
	#wejBin { width:100%; margin-top:20px;  }	
	#wejBin label{ display:inline-block;}
	#wejBin table{width:100%;}
	#wejBin table td{padding-left:2%;}
	.lx div{  display:inline-block; float:left; margin:2%;}
	.polepradow{width:18%; }
	.lx{ width:100%; display:block;}
	.fazy{ display:inline-block; width:4%;}
	#tnawig{background-color:#00CCFF; width:20%;float:left;}
	#tnawig a{text-decoration:none; color:#000;}
	#tnawig table{ width:100%; margin:0;}
	#tnawig table td{ padding-left:10%; padding-top:2%; padding-bottom:2%;}
	#tnawig table tr:hover{background-color:#00FFFF; text-decoration:underline;}
	#tnawig .kliknieta{ background-color:#8df !important;text-decoration:none !important; font-weight:bolder;}	
	#tnawig:before {width: 20%;content: '';position: absolute; top: 0;bottom: 0;z-index: -1;left: 0;	background: #00CCFF;}
	#listaszaf{ width:220px; float: right; margin-top:10px; margin-right:20px;}
	#bialaszafa{ display:none;}
	#opcjeico{display:none;}
	#DniTygodnia span{ display:inline-block;}
	#TbKalibracja {width:70%;}
	#tbEvRap td{padding:10px;}
	#evlegenda{ display:block; float:left;}
	#frOpcje{display:block;}
	.ko{ display:none}	
	.do{ display:inline-block;}	
	#odczytNeuronow, #odczytNeuronowB,  #zapisNeuronow, #zapisNeuronowB, #odczytZbazy, #exportNeuronowX, #exportNeuronowC{ display:inline-block; width:45%; margin-left:3%; }
	input[type=range].suwak3 { margin:1%;}
	}
	#KomAlarmy{float: left; margin-left:30px; margin-top:10px;  text-decoration:none; color:#FFF;}
#wyMiesiac img{ float: left;}
#wybZal img{ float: left;}
#wybWyl img{ float: left;}
@media all and (max-height:801px){
	#TabelkaKorekt td{ padding-top:8px; padding-bottom:8px;}
	.Mwi{margin-top:3%}
}
.tresc{ display:table; width:100%; margin:auto;  text-align:center; display:none; background-color:#FFF; min-height:92vh;}	
	.belka{ background-color:#8df;}
#TabelkaStyczników{margin:auto; width:70%; margin-top:20px;}
#TabelkaStyczników td{ padding:8px;}
#TabelkaStyczników input{ background:none; border:none; border-bottom:1px solid #666666;}
#TabelkaKorekt{margin:auto; margin-top:20px; width:90%;}
#TabelkaKorekt .recdioda { float:right; margin-right:6px;}
#TabelkaKorekt td{ padding-top:12px; padding-bottom:12px;}
#TabelkaKorekt input{ width:80px;}
.guzik{ display:block; background-color:#28f; text-align:center; padding:2px; width:95%; overflow:hidden; margin:auto; margin-top:10px; max-width:400px;}
.guzik .disen{ float:right;}
.guzik:hover{ background-color:#8df;}



/*gps*/
fieldset{ display:inline-block;   margin-left:auto; margin-right:auto;}
fieldset input{ width:99%; border:none; border-bottom:1px solid #000;}
fieldset table{ width:100%;}
fieldset table td{ text-align:center;}
fieldset label{ display:block; padding-left:10px; padding-top:10px;}

/*mini expander*/
#TbEx{ width:95%; text-align:center; margin:auto; border:1px solid #333;}
#TbEx td{ padding-left:3px; padding-right:3px; padding-bottom:5px;}
#TbEx input{ border:none; border-bottom:1px solid #000; background:none; width:80%; padding:5px;}
#TbEx .NoPad td{padding-top:10px; padding-bottom:0px;}
.guzik{ display:block; background-color:#28f; text-align:center; padding:2px; width:95%; overflow:hidden; margin:auto; margin-top:10px; max-width:400px;}
.guzik .disen{ float:right;}
.guzik:hover{ background-color:#8df;}
#bt2{ display:inline-block; background-color:#ddd; margin-left:10px;}
#bt2:hover{background-color:#0099FF;}
.Podpowiedz{ padding:5px; }

#tbavatar{ background-color:#FFFFFF; margin:auto; margin-top:80px; border-radius:0px 0px 12px 0px; box-shadow: 16px 16px 16px #999;}
#tbavatar td {padding:10px;}
#avatar{ left:20px; top:20px;}
#ramka9 select{ width:95%;}
#TdPogoda{ width:95%; margin:auto;}
#TdPogoda meter{ width:90%;}
#SC11{ width:30px;}
#MetTemp{ background-color:#F00;}
#MetLux{ background-color:#F93;}
#MetOpad{background-color:#06F;}
#ramka5 fieldset{ margin-top:10px; margin-left:4px; margin-right:4px;}
#TbSterownik{width:95%; margin:auto;}
#TbSterownik input{ width:95%;}
#FormExMet select{ margin-left:5px;}
#TbFormDnia{ margin:auto; border:1px solid #006; margin-top:10px;}
#TbFormDnia input{ width:40%; text-align:center;}
#EdNumerGrupy{ width:10%; display:inline-block;}
#edgrp {  display:none; margin:1px;  width:100%; } 
#edgrp td{padding:2px;}
#edgrp2 td { padding:2px; }
#wielokropek{ margin:0;}
#Oprawy{ margin:5px;}
#EdNazwaGrupy{ width:87%; display:inline-block; margin-left:2px;}
.divbat{ width:26px; height:27px; margin:auto;}
.divbat:hover{ background-color:#ddd; }
#TdWielokropek{ width:12%;}
#tbDzisZal{margin:auto; display:inline-block;}
#tbDzisZal td{border:1px solid #66a;padding:5px;}
#TbCzasCujnika{margin:auto; display:inline-block; margin-right:10px; }
#TbCzasCujnika td{border:1px solid #66a;padding:5px;}
#TbCzasCujnika td input {border:none; border-bottom:solid #00F 1px; height:1em; margin:0px; padding:0px;}
.ev1{ background-color:#999999;}
#tbEvRap{ border:2px solid #333333; border-collapse:collapse; margin:auto; min-width:60%;}
#tbEvRap td{ border:1px solid #999999; min-width:80%; text-align:center;}
.ed0{display:inline-block; width:10px; height:10px;  border:1px solid #000; border-radius:5px; background-color:#060;}
.ed1{display:inline-block; width:10px; height:10px;  border:1px solid #000; border-radius:5px; background-color:#4f4; }
.para { background-color:#eee;}
#evlegenda{ border:1px solid #000000; border-collapse:collapse;}
#evlegenda td{ border:1px solid #999999;}
#TbRap{ margin:auto; border-collapse:collapse; margin-top:10px;}
#TbRap td{ border:1px solid #555; padding:3px;}
.d1{display:inline-block; width:10px; height:10px;  border:1px solid #000; border-radius:5px; background-color:#0F0;}
.d2{display:inline-block; width:10px; height:10px;  border:1px solid #000; border-radius:5px; background-color:#F00; }
#dzien{display:inline-block; margin-right:0px;}
#BtIdz{ display:inline-block; margin-left:0px;}
#f1{display:inline-block;}
#TbNeurony{ border:2px solid #333333; border-collapse:collapse; margin:auto; min-width:60%; margin-top:20px;}
#TbNeurony tr:nth-child(odd):not(:first-child){background-color:#eee;}
#TbNeurony td{ border:1px solid #666666;}
#odczytwz{ display:block; width:80%; background-color:#06e; margin-left:auto; margin-right:auto; margin-top:10px; padding:4px; min-height:40px; text-align:center; clear:both; font-size:32px; line-height:40px;  vertical-align:middle;cursor: pointer;}
#odczytNeuronow:hover{background-color:#0099FF;}
#zapisNeuronow:hover{background-color:#0099FF;}
#zapisNeuronowB:hover{background-color:#0099FF;}
#exportNeuronowX:hover{background-color:#0099FF;}
#exportNeuronowC:hover{background-color:#0099FF;}
#exportNeuronowX:active{ background-color:#8df; border:2px solid #FFFFFF; }
#exportNeuronowC:active{ background-color:#8df; border:2px solid #FFFFFF; }
#zapisNeuronow:active{ background-color:#8df; border:2px solid #FFFFFF; }
#zapisNeuronowB:active{ background-color:#8df; border:2px solid #FFFFFF; }
#odczytNeuronow:active{ background-color:#8df; border:2px solid #FFFFFF; }
#odczytNeuronowB:hover{background-color:#0099FF;}
#odczytNeuronowB:active{ background-color:#8df; border:2px solid #FFFFFF; }
#odczytwz:hover{background-color:#0099FF;}
#odczytwz:active{ background-color:#8df; border:2px solid #FFFFFF; }
#skala{border-collapse:collapse; width:90%; margin:auto;}
#skala td{ height:10px;}
#x2 {border-collapse:collapse; border:1px solid #000000; margin:auto; min-width:90%;}
#x2 td{ border:1px solid #999999; }
.para{ background-color:#eee;}
.Mc{ background-color:#666666; color:#FFFFFF;}
.belka{ background-color:#00CCFF;}
.pusta{ background-color:#bbb;}
#x1 {border-collapse:collapse; border:1px solid #000000; margin:auto; min-width:90%;}
#x1 td{ border:1px solid #999999; }
#tbwykres{margin:auto;}
#tbwykres span{ display:inline-block; width:100px; height:1em; border:1px solid;}
#tbwykres #spdzien{ border-color:#333333;}
#tbwykres #spwyl{ border-color:#FF0000;}
#tbwykres #spzal{ border-color:#00FF00;}
#tbwykres #spgeo{ border-color:#0000FF;}
#divwykres{ border:2px solid #333333; height:288px; width:732px;}
.dyslink{ background-color:#CCCCCC;}
.linkop{ text-decoration:none; color:#000000;}
.LiteraA{font-size:2em; color:#FFFFFF;}
#TabAdresow{ border-collapse:separate;  border-spacing: 10px ; }
#TabAdresow tr{ background-color:#ddd; border:outset; cursor:pointer;}
#TabAdresow tr:hover{ background-color:#ccc;}
#DevKodSMS{ display:block; background:#ddd; border-radius:5px; padding:2px; border:1px solid #333; cursor:pointer;}
#DevKodSMS:hover{ background-color:#f4f4f4;}
.miniaturka{ margin-top:10px; margin-left:10px; }
#ramka15naFotki{ width:100%; height:100%; margin:opx;}
.hidetext { white-space: nowrap;overflow: hidden; font-size:0px; line-height:0px; color:transparent;}
.RedText{color:#F00;}
.SIM{ border: 1px solid #333; padding-left:4px; padding-right:4px; width:98%; margin-top:10px; background-color:#FFF; display:block; }


.opisy_w{ display: none;}
.okOpisow{display: none;}
.Ind{ display:inline-block; width:12px; height:12px; border:solid 2px #0f0;}
input[type=range].suwak3 {
  -webkit-appearance: none;
  width: 90%;
}
input[type=range].suwak3:focus {
  outline: none;
}
input[type=range].suwak3::-webkit-slider-runnable-track {
  width: 100%;
  height: 21.2px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #e2e2e2;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range].suwak3::-webkit-slider-thumb {
  box-shadow: 1.6px 1.6px 0px #000000, 0px 0px 1.6px #0d0d0d;
  border: 1.2px solid rgba(220, 222, 226, 0.88);
  height: 50px;
  width: 50px;
  border-radius: 25px;
  background: #fa4;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -15px;
}
input[type=range].suwak3:focus::-webkit-slider-runnable-track {
  background: #c2c2bf;
}
input[type=range].suwak3::-moz-range-track {
  width: 100%;
  height: 11.2px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #c2c2bf;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range].suwak3::-moz-range-thumb {
  box-shadow: 1.6px 1.6px 0px #000000, 0px 0px 1.6px #0d0d0d;
  border: 1.2px solid rgba(220, 222, 226, 0.88);
  height: 38px;
  width: 40px;
  border-radius: 20px;
  background: #f5f71f7;
  cursor: pointer;
}
input[type=range].suwak3::-ms-track {
  width: 100%;
  height: 11.2px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range].suwak3::-ms-fill-lower {
  background: #c2c2bf;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range].suwak3::-ms-fill-upper {
  background: #c2c2bf;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range].suwak3::-ms-thumb {
  box-shadow: 1.6px 1.6px 0px #000000, 0px 0px 1.6px #0d0d0d;
  border: 1.2px solid rgba(220, 222, 226, 0.88);
  height: 38px;
  width: 40px;
  border-radius: 20px;
  background: #f5f7f5;
  cursor: pointer;
  height: 11.2px;
}
input[type=range].suwak3:focus::-ms-fill-lower {
  background: #c2c2bf;
}
input[type=range].suwak3:focus::-ms-fill-upper {
  background: #c2c2bf;
}
.opisysuwakow{ text-align: center;}
#ulWyj{ width: 85%; color:#006; margin-left:10%; list-style-type: none ; list-style-position: inside ; text-align:left; }
#ulWyj li{ padding: 6px; width: 90%; margin-left: -5%; background-color: #fff; box-shadow:inset 2px 2px 4px 4px #ccc; border-radius: 10px; display: block;  margin-top: 1%; margin-right: 5%;  border: 1px solid #000; }
.odstepNaDole{display: block; width: 10%; height: 10%; visibility: hidden;}
.Tbsetka{width:95%; margin:auto;}
#ai1, #ai2, #ai3{padding: 3px;  border-bottom: 6px solid transparent; }
#spOpiwW7, #spOpiwW8, #spOpiwW9, #spOpiwW10{display:inherit;}
.cflex{display:flex;}

.Btc{width:95%; height:3em; margin:auto;}
#TbWybranyDzien input{  width: 100%; display:inline-block; text-align: center;}
#TbWybranyDzien button{ width: 100%;}
.TrybHar{ background-color:#56e; display:block; width: 100%; height: 30px;cursor:pointer;}
#nazwaDnia, #nrWyj{background-color: #ddd; width: 100%; height: 100%; display: block; text-align: center; padding-top:4px; padding-bottom:4px; }
.colbat{width: 20%;}
#Korekty input{ width:90%; background:#888; }
#tabHar{border:1px solid #333333; border-collapse:collapse; text-align:center; }
#tabHar input{background: transparent; width: 95%; border:none;}
#tabHar tr:nth-child(odd){background-color:#eee;}
#tbGsm {margin-top: 2em; margin-bottom: 1em;}
#tbGsm tr{ border-bottom:solid 1px #333333;}
#tbGsm input { border:none; width:100%}
#tbGsm td{    padding-top: 1em;}


#WykresAstro { display:block; width:90%; height:30%; margin:auto;  margin-bottom: 3px; padding: 0px; background-color:#FFFFFF;}
#WykresAstro svg{width:100%;height:100%; margin:0px; }
#TbWybranyDzien input{  width: 100%; display:inline-block; text-align: center;}
#TbWybranyDzien button{ width: 100%;}
.Mwi{display: inline-block; border: 2px solid #ccc; width: 19%; height: 56px; font-size: x-large; overflow-x: hidden;overflow-y: hidden; text-align: center; margin-left:3%; margin-top: 0.5%;background:#fafafa; cursor: pointer;}
.Mwik{display: inline-block; border: 2px solid #ccc; width: 27%; height: 40px; font-size: x-large; overflow-x: hidden;overflow-y: hidden; text-align: center; margin-left:2%; margin-top: 0.5%;background:#fafafa; }
.Mwiopis{width: 100%;  height: 20px; font-size: small;  background:#44A ; color:#fff;  padding: 1px; overflow-x: hidden; text-overflow: ellipsis; word-wrap: normal;}
 #ImportTabeliZal{appearance: none; visibility: hidden;}
#InTimWyl, #InTimZal {vertical-align: middle; outline: 0;  background: none; border: none; width: 150%;  -webkit-appearance:none; font-size: x-large; text-align: center; padding: 0;}
#inDat{display: inline-block; background: transparent; border: 0; outline: none; width: 100%;  font-size:x-large; text-align: center;margin-top: 3px; color:#000;}
 #dzienA{display: none;}
 
#Mwiopis1{background-color:green !important;}
#Mwiopis2{background-color:lime !important;}
#Mwiopis3{background-color:olive !important;}
#Mwiopis4{background-color:maroon !important;}
#Mwiopis5{background-color:red !important;}
#Mwiopis6{background-color:purple !important;}
/*#wybZal1{margin-left:1%;}
#wybZal4{margin-left:4%;}
*/
.OpisObramowania{ display:block; margin-left:3px; text-align:left;}
.ObramowanieAstro{ border:1px solid #000;}
#ObramowaniePoKorektach1{ width:42%; margin-left: 3%; display:inline-block;border:1px solid #000;}
#ObramowaniePoKorektach2{  width:42%; margin-left: 3%; display:inline-block;border:1px solid #000;}
#ObramowanieEdycjaAstro{border:1px solid #000;}
#podbelka .nri{width: 5%;}
#TabStanow td{border: 1px solid #333;}
#ObrTStanow, #ramkaTabOperacji{ overflow-y: auto; width: 100%; max-height:80%;}
#TabStanow, #TabStanown{ border:1px solid #000; border-collapse:  collapse; background-color: #ff; width: 100%;}
#TabStanow tr:nth-child(odd){background-color:#eee;}
#podbelka2 .nri{width: 5%; height: 0px;}
#TabStanown td{border: 1px solid #ddd;}
.tdlg{background-color:#0f0;}   
.tdg{background-color:#080;}
.poleinfo{ display:block; background-color:#FFF; width:100%; text-align: left;}
.ukryte{ display:none;}
#GSMZasieg{ background-color: grey; text-align: right; }
#GSMCSQ{width: 0%; display: block; height: 100%; background-color: #00FF00; }
#kreskaSilver{ color:silver; font-size: xxx-large;}
#kreskaGreen{ color:green;font-size: xxx-large;}
#kreskaLime{ color:lime;font-size: xxx-large;}
#kreskaOlive{ color:olive;font-size: xxx-large;}
#kreskaMaroon{ color:maroon;font-size: xxx-large;}
#kreskaRed{ color:red;font-size: xxx-large;}
#kreskaPurple{ color:purple;font-size: xxx-large;}
#LegendaAstro{ margin-left:auto; margin-right:auto; margin-bottom:10px; }
#LegendaAstro td{ padding-right:10px; }
.smallmc{font: italic 4px sans-serif; color:#369;}
#ramka25 select {display:block; width:400px; margin-top:20px; margin:auto;max-width: 400px;}
#ramka25 label{display:block; text-align:left; margin-top:20px;}
#RamkaELicznika{ display:block; margin:auto; width:fit-content; min-width:50%; }
#ramka25 input{ text-align:left; width:330px ;max-width: 400px;}
#JednElicznika{display:inline-block; width:70px;}