body {background: #1f1f1f; color: #d4d4d4; margin: 0; max-width: 300px; overflow-x: hidden;}
a {color: #d2d2d2;}
input[type=submit] {background: #1f1f1f; color: #d4d4d4; cursor: pointer; border: solid #333333;}
ul {list-style-type: none; padding-left: 10px; margin: 0;}
textarea:focus {outline: none;}
.aktualniData {text-align: center;}
.dny {font-size: 21px; float: left;}
.datumy {font-size: 21px; float: right;}
.hodiny {font-size: 42px;}
.ditto {bottom: 0; height: 300px; position: fixed;}
.prihlaseni {text-align: center;}
.ohen {color:red;background-image:url("../img/ohen.gif");background-size: cover;background-position: center center;}
.zima {color:lightblue;background-image:url("../img/zima.gif");background-size: cover;background-position: center center;}
#obedoveVideo {display: none; z-index: 1; position: absolute; width: 100%; -webkit-mask-image: radial-gradient(
                ellipse 45% 45% at 50% 50%, 
                black 50%, 
                transparent 100%
            );
            mask-image: radial-gradient(
                ellipse 45% 45% at 50% 50%, 
                black 50%, 
                transparent 100%
            );}
.textPoznamky {width: 97%; height: 200px; background: #333333; color: #d4d4d4;}
.tlacitkoZpetPoznamky {width: 100%; height: 250px; background: #1f1f1f; display: flex; align-items: center; justify-content: center;}
.table_upominky {width: 100%; font-size: 14px;}
th {background: #1f1f1f; color: #d4d4d4;}
#radekUpominek {background: #ffc0cb; color: black;}
#radekUpominek:nth-child(even) {background-color: #db7093; color: black;}
.upominka_cas {text-align: right;}
.upominka_nadpis {text-align: left;}
.upominka_tlacitka {font-size: 12px; text-align: right;}
.upominka_trash {background: #1f1f1f; color: #d4d4d4; width: 10px;}
.btn_upominka_trash {border: none !important; padding: 0;}
.odkazy {position: relative; margin-left: 5px; max-width: 300px; height: 420px; overflow-y: auto; overflow-x: hidden;}
.odkazy_nadpisy {width: calc(100% - 20px); user-select: none; cursor: pointer; font-weight: bold; font-variant: small-caps;}
.odkazy_vypis:hover {background: linear-gradient(to right, rgba(51,51,51,1) 0%,rgba(255,255,255,0) 69%);}
.odkazy_nadpisy:hover {background: linear-gradient(to right, rgba(51,51,51,1) 0%,rgba(255,255,255,0) 69%);}
.parent li:hover {background: linear-gradient(to right, rgba(51,51,51,1) 0%,rgba(255,255,255,0) 69%);} 
.zobrazitUpominky {position: absolute; width: 100%; top: -18px; text-align: center;}
.zobrazitUpominky span {cursor: pointer; padding: 5px; padding-top: 0; padding-bottom:0; box-shadow: 0 0 10px 3px #1f1f1f; background: #1f1f1f; opacity: .8; border-radius: 10px 10px 0 0}
.upominky {transition: height 0.5s linear;}
.poznamky {position: relative;}
.parent {transition: max-height 0.75s, opacity 1s;}
.odkazyKolecko {position: absolute; right: 5px;}
.odkazyKolecko a {text-decoration: none;}
.ulozPoznamkyBtn {position: absolute; margin-top: -23px; right: 3px;}
.otevriPoznamkyBtn {position: absolute; margin-top: -23px; left: 3px;}
#btnPoznamky {background-color: #333333; border: none; width: 22px; text-align: left; padding: 0;}
#btnOtvPoznamky {color: #d4d4d4; background-color: #1f1f1f;border: 0.025em solid; text-align: left; padding: 0; cursor: pointer;}
#hide_odebrat1 {background: #1f1f1f; color: #d4d4d4; text-align: center;}
#hide_odebrat2 {background: #1f1f1f; color: #d4d4d4; text-align: center;}
#hide_pridat1 {background: #1f1f1f; color: #d4d4d4; text-align: center;}
#hide_pridat2 {background: #1f1f1f; color: #d4d4d4; text-align: center;}
#hide_pridat3 {background: #1f1f1f; color: #d4d4d4; text-align: center;}
::-webkit-scrollbar {width: 7px;}
::-webkit-scrollbar-track {border-radius: 10px; cursor: context-menu;}
::-webkit-scrollbar-thumb {background: black; border-radius: 10px; cursor: context-menu;}
::-webkit-scrollbar-thumb:hover {background: #333333; cursor: context-menu;}
#poleSOuskem {position: absolute; right: 0; transition: width 0.5s;}
#ousko {float: right; position: relative; min-height: 150px; display: flex; align-items: center; transition: width 0.5s; width: 100%;}
#nazevOuska {background: #3f3f3f; text-align: center; width: 20px; height: 150px; writing-mode: vertical-rl; transform: rotate(180deg); position: absolute; cursor: pointer; user-select: none; border-radius: 0 5px 5px 0; transition: right 0.1s;}
#obsahOuska {padding-left: 20px; text-align: right;}
#obedASluzbyPruh, #pocasi, .odpocetKonce {display: flex; font-size: 14px;}
#obedPruh, #sluzba1Pruh, #sluzba2Pruh {width: 33%; text-align: center;}
#pocasi_venku, #pocasi_kancl {width: 50%; text-align: center; border-bottom: 1px solid #d4d4d4;}
.odpocetKonceText {width: 100%; text-align: center; border-bottom: 1px solid #d4d4d4;}
.blink{animation: blink 1s linear infinite;}
@keyframes blink{0%{background: red;}50%{opacity: .5;}100%{opacity: 1;}}