@media only screen and (orientation: portrait) {
  table{width: 100%;}
  .koszyk { right:-2px;padding-top: 2px;}
  #lista-dni{grid-template-columns: repeat(2, 1fr);}
  .nd-handlowa{padding: 0px !important;font-weight: normal !important;text-align:center;padding-top: 2px !important}
  #dodaj-notatke, #zapisz-notatke{font-size:x-large !important;}
  #edytor-powtarzanie>label{width:calc(100% / 3 - 3px)}
  .nd-handlowa>span>svg{margin-top:2px;}
  .nd-handlowa>span>div{margin-top:4px;}
  #rok{background-attachment:fixed}
}
@media only screen and (orientation: landscape) {
  #rok{display:inline-block;}
  .koszyk{ right:10px;}
  #lista-dni{grid-template-columns: repeat(3, 1fr)}
  .nd-handlowa{font-size: x-large;padding: 0px !important;padding-top: 5px !important;font-weight: normal !important;text-align:center;}
  #dodaj-notatke, #zapisz-notatke{}
  #edytor-powtarzanie>label{width:calc(100% / 6 - 6px)}
  #rok{background-attachment:initial}
}


::placeholder {  color: white;  opacity: 1;}
body{background-color:#333; color:white;margin:0;padding:0px}
/* 
https://wallpaperbat.com/img/8761982-hd-wallpaper-android-galaxy-wallpaper.jpg
https://doitbeforeme.com/wp-content/uploads/2023/01/1080p-galaxy-wallpaper-hd.webp
https://androidhdwallpapers.com/media/uploads/2017/08/Wallpaper-Galaxy-Eye-Space-Stars-Color.jpg 
https://wallpaperaccess.com/full/322529.jpg
*/
#rok{background-image:url("https://androidhdwallpapers.com/media/uploads/2017/08/Wallpaper-Galaxy-Eye-Space-Stars-Color.jpg ");background-size:cover;}
.miesiac:nth-child(2){margin-top:0px !important;}
//.miesiac:nth-child(13){padding-bottom:1000px !important;}
body,#edytor-tresc { font-family: "Arial", "Segoe UI Symbol", "Noto Sans Symbols", "Apple Color Emoji", sans-serif; }
#rok{position:relative;}
table { color:white;border-spacing:0px;padding-bottom:3px;}
td, th {text-align:center;vertical-align:middle;border:2px solid transparent;width:100px;height:55px;user-select:none;position:relative;z-index:1;background-color:#222222bb;}
td{touch-action: none;}
.miniony, .przyszły { color:gray; }
.sb:not(.przyszły, .miniony), .nd:not(.przyszły, .miniony) { color:black; }
.sb, .nd { background-color:#fcececcc; }
.dzisiaj { background-color:#64b0fcbb !important; }
.swieto-pracujace { border-color:green !important; }
.swieto-wolne { border-color:#ff4d4d !important; }
.handlowa{background-color:#fcdcdccc;}
.koszyk{ position: absolute; top: 50%;transform:translate(0, -60%);}
//.swieto-wolne::before { content: "\A\A🟥🟧🟨🟩⬜";white-space: pre; font-size:14px;position: absolute; bottom: 3px; left: 50%;transform:translate(-50%, 0);}
.selected { outline:1px solid yellow;z-index:2 }
.miesiac { margin-bottom:0px; text-transform:uppercase;font-weight:bold;overflow:hidden;height:46px; }
.tytul-miesiaca {font-size:20px; line-height:42px;font-weight: bold;padding-top:4px;background-color:#222222bb;}
.aktywny{height:auto;}
#ikona-koszyk-a{width:20px;height:20px;}
.ustawienia{width:100%;}
.ustawienia td,th{}

#okno{position:fixed; top:0;left:0;bottom:0px;right:0;z-index:3;background-color:rgba(70,70,70,0.95);display:none;overflow:auto;display:none;flex-direction:column;}
#belka{display:flex;background-color: #22222299;margin-bottom:5px;line-height:40px;gap:10px;}
#belka>div:not(.spacja){flex-shrink: 0;padding:3px 10px;font-size:xx-large;cursor:default;}
#belka>.spacja{flex-grow: 1;}
#belka>#dodaj{transform: rotate(45deg);font-size:x-large !important;font-weight:700}
#zapisz-notatke{display:none;}
#dodaj-notatke, #zapisz-notatke{padding-top:7px !important;} 
#belka>.dodaj-svg{padding-top:7px !important;transform: rotate(0deg) !important;font-size:x-large !important;font-weight:700}

#lista-dni{padding:5px;display: grid;gap: 5px;}
.dni-na-liscie{background-color:#333333bb;}
.mini-belka{display:flex;background-color: #22222299;margin-bottom:3px;line-height:30px;grid-column: span 3 / span 3;}
.mini-belka>div:not(.spacja){flex-shrink: 0;padding:3px 5px;font-weight:bold;cursor:default;}
.mini-belka>.spacja{flex-grow: 1;}
.lista-wartosci{padding:5px;}
.nd-handlowa{width:30px;}
.nd-handlowa svg{stroke:white !important;width:26px !important;height:26px !important;}

#lista-zadan{padding:5px;display: grid;gap: 5px;}

#edytor-notatki{padding:5px;display:none;height:100%;flex-direction:column;}
#edytor-notatki>*{width:100%;background-color:#777;border-width: 0px;font-size: medium;padding:5px;color:white;margin-bottom:15px;}
#edytor-nazwa{}
#edytor-powtarzanie{}
#edytor-tresc{height:100%;margin-bottom:2px;}
#edytor-powtarzanie{margin-top:3px;}
#liczby{display:grid;grid-template-columns: repeat(5, 1fr);gap:5px;background-color:transparent;padding: 0px;padding-left:0px;}
#liczby>div{}
.lista-wyboru {width:100%;overflow-y: scroll;background-color:#777;text-align: center;font-size: medium;user-select: none;}
.lista-wyboru::-webkit-scrollbar {display: none;}
.lista-wyboru ul {padding: 0;margin: 0;list-style: none;}
.lista-wyboru li.active {font-weight: bold;}
#edytor-kontener-powtarzanie{width:auto !important;}
#edytor-powtarzanie>label{padding: 10px 0px;display:inline-block}

.moon {  width:22px;  height:22px;border:0.5px solid #ffffff;border-radius:50%;overflow:hidden;position:relative;background-color:#fff;transform:translateZ(0);}
.moon::before {content:" ";display:block;position:absolute;top:0;left:var(--shadow-left, 0px);background-color:#222;width:50%; height:100%;}
.disc {transform-style:preserve-3d;width:100%;height:100%;transform:rotateY(0deg) ;left:0;}
.disc::before, .disc::after{content:" ";display:block;transform-style:preserve-3d;width:100%;height:100%;border-radius:50%;transition:transform 4s;position:absolute;backface-visibility:hidden;}
.disc::before {background-color:#222;}
.disc::after {background-color:#fff;transform:rotateY(180deg);}
#fazy{display:inline-block;}

.ogolne{padding:5px;}
#ogolne-notatka{}





/////////////////////////////.zadanie{background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));color: black;box-shadow: inset 0px 0px 0px 3px white;}