/* 01/2024 */
#dalsizblogu > a {padding-left:1.6em; background:url('/u/icon/fff/categories.svg') no-repeat .4em 50% / .75em .75em}
h1.mb10 {margin-bottom:1rem}
.col-a {clear:none}

/* vypis clanku */
.art .art-info {display:block; font-size:.625rem}
.art .art-info a {color:var(--tgl-pri60, #1B3E7A)}
.art-img img {background:#FFF no-repeat 50% 50% / cover}
.agitka {position:relative; background-color:var(--tgl-sec05); box-shadow:-10px -10px 0 var(--tgl-sec05), 10px 10px 0 var(--tgl-sec05), 10px -10px 0 var(--tgl-sec05), -10px 10px 0 var(--tgl-sec05)}
.agitka:before {content:'Politick\e1 \20 ar\e9 na'; float:right; font-weight:700; font-size:.75rem}

/* art FOR touch */
.art4t {position:relative; min-height:66px; padding:1rem 0 1rem 129px; border-bottom:1px solid var(--tgl-neutral05)}
.art4t h4 {margin:0 0 .125rem; font-size:62.5%}
.art4t .art-link {padding:0}
.art4t .art-img {position:absolute; top:1rem; left:0; width:117px}
.art4t .art-img img, .art4t .art-img u {width:117px; height:66px; background:var(--tgl-white, #FFF) no-repeat 50% 50% / cover}
.art4t h3 {font-size:100%}
.art4t .perex {display:none}
.art4t .art-info {display:block; margin:.125rem 0 0; font-size:62.5%; text-align:inherit}
.art4t.agitka {box-shadow:-10px 0 0 var(--tgl-sec05), 10px 0 0 var(--tgl-sec05)}

.list-art-filter {position:relative; overflow:hidden; list-style:none; display:flex; flex-wrap:wrap; gap:.25rem 2rem; margin:0 0 1.25rem}
.list-art-filter input {position:absolute; top:-9em; left:-9em}
.list-art-filter label {position:relative; display:flex; align-items:center; gap:.5em; cursor:pointer; font-size:87.5%; line-height:1.5}
.list-art-filter label:hover {text-decoration:underline}
.list-art-filter label:before, .list-art-filter label:after {content:''; border-radius:1em; transition:.2s}
.list-art-filter label:before {flex:0 0 auto; width:2.5em; height:1.375em; background:var(--tgl-neutral20) url('/u/icon/fff/ok.svg') no-repeat .14em 50% / 1em 1em}
.list-art-filter input:checked + label:before {background-color:var(--tgl-pri60, #1B3E7A)}
.list-art-filter label:after {position:absolute; top:50%; left:0; width:1em; height:1em; margin:-.5em .25em 0; background:#FFF}
.list-art-filter input:checked + label:after {left:1em}

/* hlavicka navigace pro Touch */
.headermenu {display:flex; margin:-1rem 0 1rem; padding:.5rem; border-bottom:1px solid var(--tgl-neutral10); color:var(--txt-neutral60); background:var(--tgl-pri05, #EFF3F9)}
.headermenu li {flex:1; display:block}
.headermenu a {display:block; padding:.25rem; font-size:62.5%; line-height:1.2; text-align:center; text-decoration:none; color:inherit}
.headermenu [class*="ico-"]:before {width:1.5rem; height:1.5rem; margin:0 auto .25rem; filter:var(--filter-txt-neutral60)}

/* hlavicka VIP blogeri */
.headervip {display:flex; gap:1em; align-items:center; margin:0 -15px 20px; padding:1rem 33px; background:linear-gradient(180deg, var(--tgl-pri05, #EFF3F9) 0%, rgba(239,243,249,0) 100%)}
.headervip h2 {font-weight:800; font-size:100%; line-height:1.25; font-family:inherit; text-transform:uppercase;  }
.headervip h2 span {display:block; width:7em; margin:7em -5.75em -1.25em 0; text-align:center; transform:rotate(-90deg); transform-origin:0 0}
.headervip ul, .headervip li {list-style:none; white-space:normal}
.headervip ul {display:flex; justify-content:space-between; min-width:100%;  box-sizing:border-box}
.headervip li {flex:0 0 5em; position:relative; display:block; text-align:center;}
.headervip li a {display:block; padding:.125em 0 /* shadow and underline bug */}
.headervip .person-foto {margin:0 auto .25em; border-width:.125rem; box-shadow:0 .125em .25em 0 rgba(0,0,0,.32)}
.headervip .name {display:block; font-size:81.25%; line-height:1.231}
.headervip .last {display:block}
.css-t .headervip {margin:0 0 1rem; padding:1rem 0 1rem 1rem}
.css-t .section .headervip {margin-left:-1rem; margin-right:-1rem}

/* hlavicka blogera */
.blogger-bg {position:relative; padding:25% 0 0; background:var(--tgl-pri05, #EFF3F9) no-repeat 50% 50% / cover}
.blogger-bg:before {content:''; position:absolute; top:0; left:0; bottom:0; right:0; background:linear-gradient(180deg, rgba(0,0,0,0) 0%, var(--tgl-white,#FFF) 100%)}
.blogger-name {margin:0 0 .75rem; font-weight:800; font-size:250%; line-height:1.2; font-family:inherit;}
.blogger-name i {vertical-align:middle; margin-left:.25em; padding:0 .25em; border-radius:.25em; font-style:normal; font-size:50%; color:var(--tgl-white, #FFF); background:var(--tgl-pri30); text-shadow:none}
.blogger-bulb-a .person-foto, .blogger-bulb-b .person-foto {background:url('/o/all/nophoto9.jpg') no-repeat 50% 50% / contain}
.blogger-perex {font-size:87.5%; line-height:1.571}

.blogger-bulb-a {position:relative; margin:0 -15px 20px; padding:20px 15px 0}
.blogger-bulb-a .blogger-bg {position:absolute; top:0; left:0; width:100%}
.blogger-bulb-a .person-foto {position:relative; width:9em; height:9em; margin:0 0 .5rem 18px}
.blogger-bulb-a .col-a {position:relative; margin-bottom:.5rem}
.blogger-bulb-a .col-b {position:relative}
.blogger-bulb-a .blogger-name {text-shadow:0 0 .25em #FFF}
.blogger-bulb-a .blogger-perex {margin:0 0 1rem; font-size:112.5%; line-height:1.556}
.css-t .blogger-bulb-a {margin:0 0 1rem}

.blogger-bulb-b {position:relative}
.blogger-bulb-b .blogger-bg {position:absolute; top:4em; left:0; width:100%; padding:34% 0 0; border-radius:.5rem .5rem 0 0}
.blogger-bulb-b .person-foto {position:relative; width:8em; height:8em; margin:0 auto .5rem}
.blogger-bulb-b .blogger-name {position:relative; margin:0 .5rem .75rem; font-size:162.5%; text-align:center}
.blogger-bulb-b .blogger-perex {font-size:87.5%; line-height:1.571}

.btn, .btn:hover {display:flex; justify-content:center; align-items:center; gap:.5em; min-height:2.75em; padding:.25em .75em; border:1px solid transparent; border-radius:.25rem; font-weight:700; font-size:100%; line-height:1.25; text-decoration:none; color:var(--tgl-white, #FFF); background:var(--tgl-pri60, #1B3E7A); box-sizing:border-box}
.btn:hover {background:var(--tgl-pri80, #102447)}
.btn[class*=ico-]:before, .btn[class*=icor]:after {filter:var(--filter-fff)}
.btn.icor:after {content:''; display:block; width:.75em; height:.75em; margin-left:-.25em; background:url('/u/icon/000/arrow2-right.svg') no-repeat 0 0}

.btn-more.btn-more {border-color:var(--tgl-pri10, #CFDCF1); color:var(--txt-pri80); background-color:var(--tgl-pri05, #EFF3F9)}

.btn-scheme-sec .btn {border-color: var(--tgl-pri10, #CFDCF1); color:var(--txt-pri80); background:var(--tgl-white, #FFF)}
.btn-scheme-sec .btn:hover {background:var(--tgl-pri10, #CFDCF1)}
.btn-scheme-sec .btn[class*=ico-]:before, .btn-scheme-sec .btn.icor:after {filter:var(--filter-txt-pri80)}
.btn-scheme-ter .btn {border-color:var(--tgl-pri10, #CFDCF1); color:var(--txt-pri80); background:var(--tgl-pri05, #EFF3F9)}
.btn-scheme-ter .btn:hover {background:var(--tgl-pri10, #CFDCF1)}
.btn-scheme-ter .btn[class*=ico-]:before, .btn-scheme-ter .btn.icor:after {filter:var(--filter-txt-pri80)}

.blogger-setting {display:flex; flex-wrap:wrap; gap:.25rem; list-style:none; margin:0 0 1.5rem; font-size:87.5%}
.art-full ~ .blogger-setting {padding-top:1.5rem; border-top:1px solid var(--tgl-neutral10)}

/* vypisy blogeru */
.blogger-list {display:grid; grid-template-columns:1fr 1fr; gap:1.5rem}
.blogger-list .person-foto {float:left; width:5em; height:5em; margin:0 .5rem 0 0}
.blogger-list h4 {margin:.25em 0 .5em; font-weight:700; font-size:100%; line-height:1.2}
.blogger-list .table-wrap {overflow:auto}
.blogger-list table {width:100%; border-collapse:collapse; font-size:62.5%; line-height:1.2}
.blogger-list td {padding-right:.5em}
.blogger-list td b {display:block; margin:.25rem 0 0; font-weight:800; font-size:160%}
.css-t  .blogger-list {grid-template-columns:1fr}

/* b-boxy */
.b-box {margin:0 0 2rem}
.b-box.b-box-ter {padding:1.5rem; border-radius:.375rem; color:var(--txt-neutral90, #263238); background:var(--tgl-pri05, #EFF3F9); box-sizing:border-box}
.b-box h2 {display:block; margin:0 0 1rem; padding:0; border:0; font-weight:800; font-size:125%; line-height:1.2; font-family:inherit; text-transform:none} 
.b-box h2 ~ h2 {margin-top:2rem}
.b-box .ttu {text-transform:uppercase; letter-spacing:.1em}
.css-t  .b-box {margin:0 0 1.5rem}

/* orezavatko b-boxu */
.b-box-crop {position:relative; height:7.25em; overflow:hidden}
.b-box-crop .b-box-crop-foot {display:block}
.b-box-crop-foot {display:none; position:absolute; bottom:0; left:0; z-index:5; width:100%; padding:.5rem 0 0; border-top:1px solid var(--tgl-neutral10); font-weight:600; font-size:75%; line-height:1.25; color:var(--txt-pri80); background:var(--tgl-white, #FFF); cursor:pointer}
.b-box-crop-foot:before {content:attr(data-content)}
.b-box-crop-foot:after {content:''; display:inline-block; vertical-align:top; width:.75em; height:1.25em; margin-left:.375em; background:url('/u/icon/000/arrow-down.svg') no-repeat 50% 50%; filter:var(--filter-txt-pri80)} 
.b-box-crop-foot:hover {text-decoration:underline}

.linenav {position:relative; z-index:3; display:flex; justify-content:space-between; width:100%; margin:0 0 .5rem; padding:.125rem; border-radius:3px; border-collapse:collapse; color:var(--txt-pri80); background:var(--tgl-pri05, #EFF3F9); box-sizing:border-box}
.linenav li {flex:1; display:block; font-size:87.5%; line-height:1.286; text-align:center}
.linenav li ~ li {position:relative; border-left:1px solid transparent}
.linenav li ~ li:before {content:''; position:absolute; top:.5em; left:-1px; bottom:.5em; width:1px; background:var(--tgl-white, #FFF)}
.linenav a {display:block; padding:.5em 1em; border-radius:3px; text-decoration:none; cursor:pointer; color:inherit}
.linenav a:hover {text-decoration:underline}
.prep-1 .linenav .nava-1, .prep-2 .linenav .nava-2, .prep-3 .linenav .nava-3 {position:relative; z-index:1; font-weight:600; text-decoration:none; color:var(--tgl-white, #FFF); background:var(--tgl-pri60, #1B3E7A); box-shadow:0 4px 8px rgba(0,0,0,.12)}
.b-box-ter .linenav {color:var(--txt-pri80); background:var(--tgl-white, #FFF);}
.b-box-ter .linenav li ~ li:before {background:var(--tgl-pri05, #EFF3F9)}

.top-art {display:flex; flex-direction:column; gap:1rem}
.top-art li {position:relative; display:block}
.top-art li ~ li:before {content:''; position:absolute; top:-.5rem; left:0; width:100%; height:1px; background:var(--tgl-pri05, #EFF3F9)}
.top-art h4 {font-weight:400; font-size:75%; line-height:1.25; font-family:inherit}
.top-art h3 {font-weight:700; font-size:87.5%; line-height:1.286; font-family:inherit}
.top-art a:after {content:''; position:absolute; top:-.5rem; left:0; bottom:-.5rem; right:0; z-index:1}
.b-box-ter .top-art li ~ li:before {background:var(--tgl-white, #FFF)}

/* odrazkovy seznam */
.list-pri {display:flex; flex-direction:column; gap:.5rem; font-size:87.5%}
.list-pri li {position:relative; display:flex; list-style:none; font-weight:700; font-size:100%; line-height:1.25}
.list-pri li:before {content:''; flex:0 0 auto; display:block; width:.75em; height:1.25em; margin:0 .25em 0 0; background:url('/u/icon/000/arrow2-right.svg') no-repeat center/contain; filter:var(--filter-tgl-pri30);}
.list-pri a:after {content:''; position:absolute; top:-.25rem; left:0; bottom:-.25rem; right:0; z-index:1}

.blogger-stats {position:relative; display:flex; gap:.125rem; width:100%; margin-bottom:.25rem}
.blogger-stats li {flex:1; display:block; padding:.5rem .25rem; border-radius:.25rem; text-align:center; color:var(--txt-neutral90, #263238); background:var(--tgl-pri05, #EFF3F9)}
.blogger-stats li i {display:block; margin:0 0 .125rem; font-style:normal; font-size:62.5%; line-height:1.2}
.blogger-stats li b {display:block; font-weight:800; font-size:112.5%; line-height:1.222}

.blogger-fav {position:relative; margin-bottom:.25rem; font-size:87.5%}
.blogger-fav .tac {padding:.25em 0 0; text-align:center}
.blogger-fav .btn-favorite, .blogger-fav .btn-unfavorite {display:flex; justify-content:center; align-items:center; gap:.5em; min-height:2.75em; border-radius:.25rem; font-weight:700; font-size:100%; line-height:1.25; text-decoration:none; color:var(--tgl-white, #FFF); background:var(--tgl-pri30)}
.blogger-fav .btn-favorite:hover, .blogger-fav .btn-unfavorite:hover {background:var(--tgl-pri60, #1B3E7A)}
.blogger-fav .btn-favorite:before, .blogger-fav .btn-unfavorite:before {content:''; display:block; width:1.25em; height:1.25em; filter:var(--filter-tgl-white)}
.blogger-fav .btn-favorite:before {background-image:url('/u/icon/000/popular.svg')}
.blogger-fav .btn-unfavorite:before {background-image:url('/u/icon/000/popular2.svg')}

.blogger-social {display:flex; justify-content:center; flex-wrap:wrap; width:fit-content; margin:0 auto .25rem}
.blogger-social li {display:block}
.blogger-social a {display:block}
.blogger-social a:hover [class*=logo-] {background:var(--tgl-pri05, #EFF3F9)}
.blogger-social [class*=logo-] {display:block; width:1.25em; height:1.25em; border:.75em solid transparent; border-radius:.25rem; background:none}
.blogger-social a:hover [class*=logo-] {background:var(--tgl-pri05, #EFF3F9)}
.blogger-social [class*=logo-]:before {content:''; display:block; width:100%; height:100%; background:no-repeat 50% 50% / contain; filter:var(--filter-tgl-pri80)}
.blogger-social .logo-rss:before {background-image:url('/u/icon/000/rss.svg')}
.blogger-social .logo-emailem:before {background-image:url('/u/icon/000/mail2.svg')}
.blogger-social .logo-blog:before {background-image:url('/u/icon/000/social-blog-idnes.svg')}
.blogger-social .logo-facebook:before {background-image:url('/u/icon/000/social-facebook.svg')}
.blogger-social .logo-twitter:before {background-image:url('/u/icon/000/social-twitter.svg')}
.blogger-social .logo-instagram:before {background-image:url('/u/icon/000/social-instagram.svg')}
.blogger-social .logo-flickr:before {background-image:url('/u/icon/000/social-flickr.svg')}
.blogger-social .logo-pinterest:before {background-image:url('/u/icon/000/social-pinterest.svg')}
.blogger-social .logo-youtube:before {background-image:url('/u/icon/000/social-youtube.svg')}
.blogger-social .logo-rajce:before {background-image:url('/u/icon/000/social-rajce.svg')}
.blogger-social .logo-telegram:before {background-image:url('/u/icon/000/social-telegram.svg')}
.blogger-social .logo-tiktok:before {background-image:url('/u/icon/000/social-tiktok.svg')}

/* upravy clanku */
div.authors {margin:0 0 1.5rem; font-weight:400; font-size:87.5%; line-height:1.571; text-align:left}
div.authors span {font-weight:700}

#karma {display:flex; justify-content:center; align-items:center; min-height:2.75em; margin:0 0 1rem; font-weight:700; font-size:112.5%}
.btn-karma, .btn-karma:hover {display:flex; justify-content:center; align-items:center; gap:.5em; width:100%; min-height:2.75em; border-radius:.25rem; font-weight:700; font-size:100%; line-height:1.25; text-decoration:none; color:#fff; background:var(--pri60)}
.btn-karma:hover {background:var(--pri80)}
.btn-karma:before {content:''; display:block; width:1.25em; height:1.25em; background:url('/u/icon/fff/like-full.svg') no-repeat}

.art-full .text {width:100%; margin:0; word-wrap:break-word; overflow:hidden /* kvuli ctenarum, kteri pretykaji vlozenim roztazenych tabulek */}

/* nastaveni uctu */
.account h1 {margin:0 0 1rem; font-weight:700; font-size:225%; line-height:1.222}
.account h2 {margin:0 0 1rem; font-weight:700; font-size:162.5%; line-height:1.231}
.account .row {display:flex; flex-wrap:wrap; gap:.5rem; margin:0 0 .5rem}
.account .label {flex:0 0 10em; padding:.75em 0 0; font-weight:700; font-size:100%; line-height:1.25}
.account .cell {flex:1}
.account .mandatory {font-style:normal; color:var(--tgl-sec70)}
.account .h.h.h {display:none}
.account .inp {display:block; width:100%; margin:0 0 .5rem; padding:.75em; border:1px solid var(--tgl-pri10, #CFDCF1); border-radius:.25em; font-weight:400; font-size:100%; line-height:1.25; color:inherit; box-shadow:inset 0 1px 4px rgba(0,0,0,.2); box-sizing:border-box}
.account .inp:focus {border-color:var(--tgl-pri60, #1B3E7A); box-shadow:none}
.account .inp::placeholder {color:var(--txt-neutral60)}
.account .erroneous .inp {border-color:var(--tgl-sec60); box-shadow:none}
.account textarea.inp {height:8em; line-height:1.625; resize:vertical}
.account .sen {width:100%; margin:0 0 .5rem; font-size:112.5%}
.account .uploader {margin:0 0 .5rem}
.account .uploader-sen {width:14em; height:auto; min-height:2.75em; margin:0 auto; padding:.25em .75em; border:1px solid var(--tgl-pri60, #1B3E7A); font-weight:700; font-size:100%; color:var(--tgl-pri60, #1B3E7A); background:none; box-shadow:none}
.account .uploader-sen:hover {border-color:var(--tgl-pri80, #102447); color:var(--tgl-pri80, #102447)}
.css-t  .account .label, .css-t  .account .cell {flex:0 0 100%}

.uploader-out {display:flex; gap:2em}
.css-t .uploader-out {flex-direction:column; gap:1em}
.uploader-preview {flex:0 0 7em; text-align:center}
.uploader-preview h3 {margin:.75rem 0 .5em; font-weight:700; font-size:87.5%}
.uploader-preview .person-foto {width:5em; height:5em}
.uploader-out .uploader-place {padding:2rem 1rem}

.uploader-result {position:relative; border-radius:6px; background:var(--tgl-pri05, #EFF3F9) no-repeat 50% 50% / cover}
.uploader-result .btn-del, .uploader-result .uploader-sen {display:flex; justify-content:center; align-items:center; width:10em; height:auto; min-height:2.75em; margin:0; border:1px solid var(--tgl-pri60, #1B3E7A); border-radius:.25rem; font-weight:700; font-size:100%; line-height:1.25; text-align:center; color:var(--tgl-pri60, #1B3E7A); background:var(--tgl-pri05, #EFF3F9)}
.uploader-result .btn-del:hover, .uploader-result .uploader-sen:hover {border-color:var(--tgl-pri80, #102447); color:var(--tgl-pri80, #102447); text-decoration:none}
.uploader-result .btn-del {position:absolute; bottom:2rem; left:2rem; z-index:1}
.uploader-result .uploader {margin:0}
.uploader-result .uploader-place {border:0; text-align:right; background:none}
.uploader-result .uploader-instructions {margin:-.5rem 0 .5rem; border:.5rem solid transparent; border-radius:.25rem; text-align:center; color:#FFF; background:rgba(16,36,71,.4)}

.btn-add, .btn-rem {display:flex; align-items:center; gap:.5em; min-height:2.75em; margin:0 0 .5rem; padding:0 .75em; font-size:100%; line-height:1.25; box-sizing:border-box}
.btn-add {border:1px solid var(--tgl-pri10, #CFDCF1); border-radius:.25em; color:var(--tgl-pri60, #1B3E7A); cursor:pointer}
.btn-add:hover {border-color:var(--tgl-pri20)}
.btn-add:before {filter:var(--filter-tgl-pri60)}
.btn-rem .ico-delete:before {margin:-.5em; border:.5em solid transparent; background-image:url('/u/icon/000/false.svg'); filter:var(--filter-tgl-sec60); cursor:pointer}
.btn-rem .ico-delete:hover:before {background-image:url('/u/icon/000/unfinished-delete.svg')}

/* editace clanku */
.editable {margin:0 -.5rem; padding:.5rem; border:1px solid var(--tgl-pri10, #CFDCF1); border-radius:.25rem; color:var(--txt-neutral90, #263238); background:var(--tgl-white, #FFF); box-shadow:inset 0 1px 4px 0 rgba(0,0,0,.2); box-sizing:border-box}
.editable textarea {width:100%; margin:0; padding:0; border:0; font:inherit; color:inherit; background:none}

.mox-out mox-toolbar {width:calc(100% + 1rem); margin:0 -.5rem; border-radius:.25rem .25rem 0 0}
.mox-out mox-toolbar.mox-toolbar-fixed { border-radius:0 }
.mox-out .editable {border-radius:0 0 .25rem .25rem}
.mox-out .text {overflow:visible}

.properties {margin:0 -.5rem 1rem; padding:1rem .5rem; color:var(--txt-neutral90, #263238); background:var(--tgl-pri05, #EFF3F9)}
.properties .row {display:flex; flex-wrap:wrap; gap:.5rem; margin:0 0 1rem}
.properties .label {flex:0 0 10em; padding:.75em 0 0; font-weight:700; font-size:100%; line-height:1.25}
.properties .cell {flex:1}
.css-t  .properties .label, .css-t  .properties .cell {flex:0 0 100%}
/* PRGkreativita */
.properties .info {margin:.5rem 0; font-size:87.5%}

#fPubDate {position:relative; width:13em; height:2.75em; padding:0 1.5em 0 2.5em; border:1px solid var(--tgl-pri10, #CFDCF1); border-radius:3px; font-size:100%; line-height:inherit; text-decoration:none; color:var(--txt-neutral90, #263238); background:url('/u/icon/137/select.svg') no-repeat calc(100% - .5em) 50% / .875em .875em, var(--tgl-white, #FFF) url('/u/icon/137/date.svg') no-repeat .5em 50% / 1.5em 1.5em; box-sizing:border-box; -moz-appearance:none; -webkit-appearance:none; appearance:none}
.dark #fPubDate {background-image:url('/u/icon/fff/select.svg'),url('/u/icon/fff/date.svg')}
.calendar-wrapper {display:block; font-family:inherit}
.calendar-wrapper[style*="z-index"] #fPubDate {z-index:2; background-color:var(--tgl-pri05, #EFF3F9)} 
.calendar-wrapper[style*="z-index"]:before {content:''; position:absolute; top:2.2em; left:0; z-index:3; width:calc(13em - 1px); height:1em; border-left:1px solid var(--tgl-pri10, #CFDCF1); background:var(--tgl-pri05, #EFF3F9); box-sizing:border-box}
.calendar-box {display:none; position:absolute; top:100%; left:0; z-index:1; width:20em; padding:1rem; border:1px solid var(--tgl-pri10, #CFDCF1); border-radius:6px; overflow:visible; font-size:100%; color:#546E7A; background:var(--tgl-pri05, #EFF3F9); box-shadow:0 0 .8em 0 rgba(0,0,0,.16)}
.calendarmini-act .calendar-box {display:block}
.calendar-box ul, .calendar-box li {list-style:none; width:auto; margin:0; padding:0}
.calendar-months, .calendar-years {clear:both; overflow:hidden; width:100%; line-height:1.6em}
.calendar-prev, .calendar-next {float:right}
.calendar-prev a, .calendar-next a {display:block; width:1.5rem; height:1.5rem; margin:0 0 0 1em; border-radius:100%; background:var(--tgl-pri10, #CFDCF1) url('/u/icon/fff/arrow2-right.svg') no-repeat 70% 50% / 1rem 1rem}
.calendar-prev a:hover, .calendar-next a:hover {filter:none; background-color:#678AC6}
.calendar-prev a {transform:rotate(180deg)}
.calendar-prev a img, .calendar-next a img {display:none}
.calendar-months li, .calendar-years li {text-align:left}
.calendar-years {background:none; color:inherit; font-weight:700}
.calendar-days {clear:both}
.calendar-days table {width:100%; border-collapse:collapse; table-layout:fixed; line-height:2.2em; background:none}
.calendar-days th {text-align:center; font-weight:400; font-size:100%; line-height:inherit}
.calendar-days td {text-align:center; vertical-align:middle; padding:0}
.calendar-days .calendar-weeks {border-bottom:none}
.calendar-days .calendar-bookmark {table-layout:auto; margin:1em 0 0}
.calendar-days a {display:block; width:2.2em; height:2.2em; margin:0 auto; padding:0; border:1px solid transparent; border-radius:100%; color:var(--txt-neutral90, #263238); background:none; text-decoration:none}
.calendar-days a:link:hover, .calendar-days a:visited:hover {border-color:var(--tgl-pri10, #CFDCF1); color:var(--txt-neutral90, #263238); background:var(--tgl-white, #FFF)}
.calendar-days .calendar-overflow a {background:none}
.calendar-days .calendar-disabled a {color:#8C8C8C; cursor:default}
.calendar-selected a {background:#678AC6 !important; color:#FFF !important}
.calendar-dayoff {font-weight:700}
.calendar-bookmark.calendar-bookmark a {width:auto; border:1px solid var(--tgl-pri10, #CFDCF1); border-radius:3px; font-weight:700; color:var(--txt-pri80); background:var(--tgl-white, #FFF)}
/* prebarveni kalendare */
.properties .calendar-wrapper[style*="z-index"] #fPubDate, .properties .calendar-wrapper:before, .properties .calendar-box {background-color:var(--tgl-white, #FFF)}
.properties .calendar-box {font-size:87.5%}
.properties select {width:100%; height:2.75em; line-height:2.75; padding:0 .75em; border:1px solid var(--tgl-pri10, #CFDCF1); border-radius:.25rem; color:var(--txt-neutral90, #263238); background:var(--tgl-white, #FFF) url('/u/icon/137/select.svg') no-repeat calc(100% - .5em) 50% / 1em; box-sizing:border-box; -moz-appearance:none; -webkit-appearance:none; appearance:none}

.inp-checkbox {position:relative; cursor:pointer}
.inp-checkbox input {position:absolute; opacity:0}
.inp-checkbox input + label {display:flex; line-height:1.5}
.inp-checkbox input + label:before {content:''; flex:0 0 auto; width:1.5em; height:1.5em; margin:0 .5em 0 0; background:url('/u/icon/000/form-checkbox-unselected.svg') no-repeat 0 0 / 1.5em; filter:var(--filter-tgl-neutral20)}
.inp-checkbox input:checked + label:before {background-image:url('/u/icon/000/form-checkbox.svg'); filter:var(--filter-tgl-pri60)}
.properties .inp-checkbox {padding:.5em 0}

.properties-sen {display:flex; justify-content:space-between; margin:0 0 .5rem; padding:.5rem; border-radius:.25rem; background:var(--tgl-white, #FFF)}
.properties-sen [class*="btn-"] {flex:1; border:0; border-radius:.25rem; font-weight:700; text-align:center}
.btn-show {color:var(--tgl-pri60, #1B3E7A); background:none}
.btn-show:hover { text-decoration:underline}
.btn-save {width:50%; padding:1em 2em; color:var(--tgl-white, #FFF); background:var(--tgl-pri60, #1B3E7A)}
.btn-save:hover {background:var(--tgl-pri80, #102447)}
.btn-del {color:var(--tgl-sec70); background:none}
.btn-del:hover {text-decoration:underline}

.tabout {width:100%; margin:0 0 2.5rem; overflow:auto; scrollbar-width:thin; box-shadow:0 -.25rem .5rem #FFF}
.dark .tabout {box-shadow:0 -.25rem .5rem #000}
 
.table {width:100%; border-collapse:separate; border-spacing:0; white-space:nowrap}
.table.nnw, .table .nnw {white-space:normal}
.table tr:hover {background:rgba(130,150,160,.08)}
.table tr:first-of-type:hover {background:none}
.table th {position:sticky; top:0; z-index:2; padding:.875rem .25rem; vertical-align:bottom; text-align:center; font-weight:600; font-size:.625rem; line-height:1.2; color:var(--tgl-black); background:var(--tgl-pri05, #EFF3F9)}
.table th h3 {font-weight:800; font-size:.875rem; line-height:1.286}
.table td {padding:.5rem .25rem; border-bottom:1px solid rgba(103,138,198,.1); vertical-align:top; text-align:center; font-size:.875rem; line-height:1.286}
.table th:first-child, .table td:first-child {padding-left:.75rem}
.table th:last-child, .table td:last-child {padding-right:.75rem}
.table th:first-child {border-top-left-radius:6px}
.table th:last-child {border-top-right-radius:6px}
.table-tal th, .table-tal td, .table .tal.tal {text-align:left}
.table-tar th, .table-tar td, .table .tar.tar {text-align:right}
.table-tac th, .table-tac td, .table .tac.tac {text-align:center}
.table .vam, .table .vam td {vertical-align:middle}
.table .order {width:1em; white-space:nowrap; text-align:right}
.table-ps1 td:first-child, .table-ps1 th:first-child, .table-ps2 td:first-child + td, .table-ps2 th:first-child + th {position:sticky; left:0; z-index:1; background:var(--tgl-white, #FFF)}
.table-ps1 tr:hover td:first-child, .table-ps2 tr:hover td:first-child + td {background:#F5F7F8}
.dark .table-ps1 tr:hover td:first-child, .dark .table-ps2 tr:hover td:first-child + td {background:#000}
.table-ps1 th:first-child, .table-ps2 th:first-child + th {z-index:3; background:var(--tgl-pri05, #EFF3F9)}
.table th[data-sort] {text-decoration-line:underline; text-decoration-style:dotted; cursor:pointer}
.table th.act.act.act {background:#var(--tgl-pri10, #CFDCF1)}
.table td.act.act.act {background:rgba(103,138,198,.1)}
.table + .complete-prep {margin:0}
.css-t  .tabout {margin:0 0 1.5rem}
.css-t  .table td {font-size:.8125rem}

/* blogove formulare */
.blgfmr {display:flex; align-items:center; flex-wrap:wrap; gap:.5rem 1.5rem; margin:0 0 1.5rem; padding:.5rem 1rem; border-radius:.375rem; font-size:87.5%; color:var(--txt-neutral90, #263238); background:var(--tgl-pri05, #EFF3F9)}
.blgfmr .row {flex:0 0 100%; display:flex; gap:0 1.5rem}
.blgfmr select, .blgfmr [type="text"], .blgfmr [type="submit"] {margin:0; padding:.75em; border:1px solid var(--tgl-pri10, #CFDCF1); border-radius:.25rem; font-size:100%; line-height:1.25em; color:var(--txt-neutral90, #263238); background:var(--tgl-white, #FFF) no-repeat; -moz-appearance:none; -webkit-appearance:none; appearance:none}
.blgfmr select {padding-right:2em; background-image:url('/u/icon/124/select.svg'); background-position:calc(100% - .75em) 50%; background-size:.75em}
.dark .blgfmr select {background-image:url('/u/icon/fff/select.svg')}
.blgfmr input::placeholder {color:var(--txt-neutral60)}
.blgfmr [type="text"] {width:10em}
.blgfmr [type="submit"] {color:var(--tgl-white, #FFF); background-color:var(--tgl-pri60, #1B3E7A)}
.blgfmr [type="submit"]:hover {color:var(--tgl-white, #FFF); background-color:var(--tgl-pri80, #102447)}
.blgfmr .calendar-wrapper {display:inline-block}


/* pro administraci */
.blog-prepare {background:rgba(0,0,255,.1)} 
.blog-ready {background:rgba(0,255,0,.1)}
.blog-troll {background:rgba(255,128,0,.1)} 
.blog-canceled {background:rgba(255,0,0,.1)}
.blog-vip {display:inline-block; margin-left:.5em; padding:.1em .5em; border-radius:.125rem; font-size:75%; color:#FFF; background:rgba(255,0,255,1)}

.art-concept {background:rgba(0,0,255,.1)}
.art-private {background:rgba(255,255,0,.1)}
.art-future {background:rgba(0,255,0,.1)} 
.art-canceled {background:rgba(255,0,0,.1)}
.art-nodisk {display:inline-block; margin-left:.5em; padding:.1em .5em; border-radius:.125rem; font-size:75%; background:rgba(255,128,0,1)}
.art-more {display:inline-block; padding:.2em .5em; background:rgba(255,0,255,1)}

.list-art .msg {padding:5px} 
.msg-bloger {background:rgba(255,0,255,.1)} 
.msg-admin {background:rgba(0,255,0,.1)} 
.msg-new {background:rgba(255,0,255,.1)} 
.msg-insolution {background:rgba(255,0,0,.1)} 
.msg-solved {background:rgba(0,125,255,.1)} 
.msg-reply {background:rgba(0,255,0,.1)} 

.profile-list {display:flex; flex-wrap:wrap; gap:1.5rem; margin:0 0 2rem}
.profile-list li {flex:0 0 172px; display:block; width:auto; padding:0; overflow:auto;}
.profile-list li:after {content:''; display:block; clear:both}
.profile-list img {display:block; margin:.25rem auto}
.profile-list .btn, .profile-list .btn-del {display:flex; justify-content:center; align-items:center; gap:.5em; min-width:4em; min-height:2em; padding:.25em; border:1px solid transparent; border-radius:.25rem; font-weight:700; font-size:100%; line-height:1.25; text-decoration:none; box-sizing:border-box; cursor:pointer}
.profile-list .btn {float:left; color:#FFF; background:var(--tgl-pri60, #1B3E7A)}
.profile-list .btn:hover {background-color:var(--tgl-pri80, #102447)}
.profile-list .btn-del {float:right; color:var(--tgl-sec60); background:var(--tgl-sec05)}
.profile-list .btn-del:hover {border-color:var(--tgl-sec60)}

.photo-list {display:flex; flex-wrap:wrap; gap:1.5rem; margin:0 0 2rem}
.photo-list li {flex:0 0 172px; position:relative; display:block; width:auto; padding:0; overflow:auto;}
.photo-list li:after {content:''; display:block; clear:both}
.photo-list img {display:block; max-width:100%; margin:.25rem auto}
.photo-list .ico-trash {position:absolute; top:.25rem; right:0; border:.25rem solid transparent}
.photo-list .ico-trash:before {border:.25rem solid transparent; border-radius:.125rem; background-color:rgba(255,255,255,.5)}
.photo-list .ico-trash:hover:before {background-color:rgba(255,255,255,1)}

.article-list {display:flex; flex-wrap:wrap; gap:1.5rem}
.article-list.article-list li {flex:0 0 230px; display:block; width:auto; max-width:100%; padding:0; overflow:auto;}
.article-list.article-list li:after {content:''; display:block; clear:both}
.article-list img {display:block; margin:.25rem auto}

.heading-list {max-width:1030px; margin:0 auto 2rem} 
.heading-list li {display:block; margin-bottom:1.5rem}
.heading-list img {display:block; width:100%; height:auto; margin:.25rem auto}

.error {color:var(--tgl-sec60)}