#kalCont { padding:.5em; width:100%; max-width:320px; margin:0 auto 0 auto }
#kalCont h4 { margin-bottom:.5em }
.forCalendar { color:#486ca5; font-weight:bold; font-size:1.3em; line-height:1; overflow:hidden; text-align:center }
.forCalendar span { position:relative; top:10px }
.forCalendar button { color:#465575; background:#fff; border-radius:4px; border:1px solid #cecedc; outline:none; padding:.5em .8em; margin:0; cursor:pointer; transition:.3s; }
.forCalendar button:hover { color:#4286f4; border:1px solid #4286f4; }
#calendar { border-collapse:collapse; font-size:90%; width:100%; margin-bottom:0; background:#fff }
#calendar tr { border:1px solid #7092c9 }
#calendar td,#calendar th { width:14.2857%; height:40px; overflow:hidden; border-left:1px solid #7092c9; border-right:1px solid #7092c9; background-clip:padding-box }
#calendar th { line-height:2.25em; color:#fff; background:#4286f4; font-weight:bold; border-color:#eee }
#calendar td { vertical-align:middle; position:relative; text-align:center }
#calendar td.noEmpty { background:orange; color:#fff; cursor:pointer; background-clip:padding-box }
#calendar label { position:absolute; top:1px; right:1px; bottom:1px; left:1px; z-index:0; padding:5px; color:#333 }
#calendar td a { position:absolute; top:0; right:0; bottom:0; left:0; z-index:2 }
#calendar td.puste { border-left:none; border-right:none; background:#f7f7f7; background-clip:padding-box }
#mYears { position:absolute; left:0px; right:-20px; top:0; z-index:8; height:260px; overflow-y:scroll; background:rgba(255,255,255,.95) }
#mce,#y { list-style:none; margin:0; padding:0; text-align:left; font-weight:normal; font-size:86%; float:left; width:59% }
#y { margin-left:.5%; width:39% }
#mce li,#y li { margin:0; border-bottom:1px solid #eee; padding:9px; cursor:pointer }
#mce li:first-child,#y li:first-child { background:#4286f4; color:#fff }
.dzis { background:#8b9ebc; color:#fff; cursor:context-menu }
h3.kal { margin:0 0 1em 0 }
#Y-m { position:absolute;top:0;left:0;right:0;width:100%;max-width:300px;margin:0 auto;z-index:3;background:rgba(255,255,255,.5);border:1px solid var(--blue1); }
.kontrast #Y-m { border-color:orange }
.wybierz { background:var(--blue1);color:#fff;font-weight:bold;overflow:hidden; }
.mr { position:relative; }
.mr:after { content:'▲'; position:absolute; bottom:-1px; left:0; width:100%; text-align:center; font-size:8px; line-height:8px; background:var(--blue1); color:#eee; }
.kontrast .wybierz { background:yellow;color:#000; }
.my { float:left;height:210px;overflow:hidden;background:#fff; position:relative; }
.my:after { content:'▼'; position:absolute; bottom:0px; left:0; width:100%; text-align:center; font-size:8px; line-height:8px; background:var(--blue1); color:#eee; }
.kontrast .my { background:#111; }
#wybierz-M, #wybierz-Y { margin:0; overflow-y:auto;margin-right:-17px;margin-top:0;height:100% }
#wybierz-M li, #wybierz-Y li { margin:0; padding:6px 1em; color:#1c5187; cursor:pointer; }
.kontrast #wybierz-M li, .kontrast #wybierz-Y li { color:#fff }
#wybierz-M li:nth-child(2n), #wybierz-Y li:nth-child(2n) { background:rgba(190,200,220,.1); }
#wybierz-Y li.mark, #wybierz-M li.mark { font-weight:bold; color:green; }
.kontrast #wybierz-Y li.mark, .kontrast #wybierz-M li.mark { color:yellow; }