@charset "windows-1250";
/* CSS Document */

#TBLHarmonogramy{width:100%;}
#ramka{ border:1px solid #000; display:block; margin:auto; width:344px; background-color:#fcfcfc;}
#SelDzienTygodnia, #SelWyjSter{ width:90%; margin:auto; display:block;}
#TBLHarmonogramy tr td:nth-child(4){ background-color:#EEEEFF;}
#TBLHarmonogramy tr td:nth-child(3){ background-color:#FFBBAA;}
#TBLHarmonogramy tr td:nth-child(2){ background-color:#CCFFCC;}
#TBLHarmonogramy{margin-top:1em; text-align:center;}
#BtOdejmnijHar, #BtDodajHar, #BtZapisHarMS, #BtOdczytHarMS {border-radius:50%; position:relative; border:2px solid #fff; background-color:#28f; width:36px; height:36px; display:inline-block; text-align:center; padding: 5px; margin:4px;}
#BtOdejmnijHar:hover, #BtDodajHar:hover, #BtZapisHarMS:hover, #BtOdczytHarMS:hover { background-color:#4af;}
#PrzyciskiTab{ width:100%; text-align:center; position: absolute; bottom: 0;}
#TBLHarmonogramy tr{ visibility:visible;}
#BtOdejmnijHar img, #BtDodajHar img{margin:8px;}
.podkreslenie td{ border-bottom:2px solid #000;}
.svgHarOut{ font-size:8px;}
.svgHarDni{ font-size:16px;}
#HarMsForm{min-width: 30%; border:#333 1px solid; position:relative; background-color:#eee;}
#contentRamki18{display: flex;}
#wykresHarmonogramu{flex: auto; max-height: 80vh;}

@media all and (max-width:800px) {
	
#HarMsForm{width:95%; border:none; margin:auto; }
#contentRamki18{display: block; margin:0px;}
#wykresHarmonogramu{flex: auto; border:none; display:block;}
#PrzyciskiTab{position: relative;}
	}