/* touch */
.account-ico .advanced {margin-left:-2em}
.advanced .btn, .advanced a.btn {width:auto; min-width:8em}
.btn ~ .btn {margin-top:.3em}

.account-item #edit-foto {width:100%}

/* Premium ucet od 2019/09 */
.b-profile a.btn {border-radius:.25rem; color:var(--tgl-pri80, #122E5B); background:var(--tgl-white, #FFF)}
.account-item .btn {width:100% /*display:block; height:2.5em; line-height:2.5; border:1px solid #4C70B5; border-radius:.25rem; color:var(--tgl-pri80, #122E5B); background:var(--tgl-pri05, #EDF2F9)*/}
.account-item button.btn, .account-item a.btn-sen {color:#FFF; background:#1B3E7A}
.btn-more:after {content:''; display:inline-block; vertical-align:top; width:1em; height:100%; min-height:1em; margin:0 0 0 .4em; background:url('/u/icon/137/more.svg') no-repeat 50% 50%}

.b-profile {margin:0 auto 20px}
.b-profile-header {position:relative; height:100px; background:#434D52}
.b-profile-header .relative {}
.b-profile-header img.fl, .profile-header div.fl {margin:0 15px 0 0; font-size:75%}
.b-profile-header .user-foto-out {position:absolute; top:20px; left:50%; margin:0 0 0 -65px}
.b-profile-header .user-foto-link {position:relative; display:block; border:5px solid #FFF; border-radius:100%; overflow:hidden}
.b-profile-header .user-foto-out img {display:block; width:120px; height:120px}
.b-profile-header .photo-weit, .b-profile-header .photo-change, .b-profile-header .photo-none {position:absolute; top:0; left:0; z-index:1; width:100%; height:100%}
.b-profile-header .photo-weit {background:url('/o/mujucet/photo-weit.png') no-repeat 50% 50% / contain}
.b-profile-header a:hover .photo-change, .b-profile-header .photo-none {background:url('/o/mujucet/photo-change.png') no-repeat 50% 50% / contain}
#change-foto-source {position:absolute; top:50%; right:50%; left:auto; z-index:10; padding:10px; background:#FFF; border-radius:.5rem; box-shadow:0 3px 10px #666}
#change-foto-source .ico-r {position:absolute; top:10px; right:10px; z-index:1}
.b-profile-content {padding:60px 20px 20px; font-size:87.5%; color:var(--txt-neutral90, #2B3135); background:var(--tgl-neutral05, #F0F2F3)}
.b-profile .name {margin:0 0 .4em; font-size:150%; text-align:center}
.b-profile .social-list {float:none; margin:0 0 .8em; text-align:center}
.b-profile .social-list li {float:none; overflow:hidden; display:inline-block; vertical-align:middle; margin:3px; font-size:100%}
.b-profile .profile-statistics {display:table; width:100%; margin:0 auto .5em}
.b-profile .profile-statistics li {display:table-row; font-weight:400; color:inherit}
.b-profile .profile-statistics li:after {content:''; display:block; height:.5em}
.b-profile .profile-statistics label {display:table-cell; width:6em; font-weight:600}
.b-profile hr {clear:both; width:100%; height:1px; margin:1em auto; border:none; background:var(--tgl-white, #FFF)}

.b-profile-links {overflow:hidden}
.b-profile-links li {display:block; list-style:none; margin:0 0 .4em}
.b-profile-links .half {float:left; width:48%}
.b-profile-links .half + .half {margin-left:4%}
.b-profile-links .full {float:none; clear:both}
/* šedivka lišta */
.portal-g1 {color:#FFF; background:#2B3135}
.portalmenu-2 li.act:after {background-color:#2B3135}

/* col-a */
.account-back {display:block; margin:0 0 .5em; padding:0 0 .5em; outline:none}
.account-back:before {content:''; float:left; width:1.2em; height:1.2em; margin:0 .5em 0 0; background:url('/u/icon/68c/back-i.svg') no-repeat 50% 50% / contain}

.account-item {margin:0 0 20px; padding:0 0 10px; border-bottom:10px solid #F0F2F3}
.account-item:after {content:''; display:block; clear:both}
.dark .account-item {border-color:#2B3135}

.account-col-a, .account-col-b {margin:0 0 1em} 
.account-more {clear:both; padding:10px 0 0; text-align:right}
.account-ico .account-more {margin-left:-2em}

.account-ico {position:relative; min-height:3em; padding-left:2em}
.account-ico ~ .account-ico {margin-top:1.5em}
.account-ico.account-ico ~ h2 {margin-top:2rem}
h2 + .account-ico.account-ico {margin-top:0}
.account-ico:before {content:''; position:absolute; top:0; left:0; width:1em; height:1em; margin:.1em .5em 0 0; background:no-repeat 50% 50% / cover; font-size:131.25%}
.account-ico-card:before {background-image:url('/u/icon/137/card.svg')}
.dark .account-ico-card:before {background-image:url('/u/icon/bbc/card.svg')}
.account-ico-error:before {background-image:url('/u/icon/137/error.svg')}
.dark .account-ico-error:before {background-image:url('/u/icon/bbc/error.svg')}
.account-ico-false:before {background-image:url('/u/icon/137/false.svg')}
.dark .account-ico-false:before {background-image:url('/u/icon/bbc/false.svg')}
.account-ico-favorite:before {background-image:url('/u/icon/137/favorite.svg')}
.dark .account-ico-favorite:before {background-image:url('/u/icon/bbc/favorite.svg')}
.account-ico-info:before {background-image:url('/u/icon/137/info.svg')}
.dark .account-ico-info:before {background-image:url('/u/icon/bbc/info.svg')}
.account-ico-login1:before {background-image:url('/u/icon/137/login1.svg')}
.dark .account-ico-login1:before {background-image:url('/u/icon/bbc/login1.svg')}
.account-ico-message:before {background-image:url('/u/icon/137/mail2.svg')}
.dark .account-ico-message:before {background-image:url('/u/icon/bbc/mail2.svg')}
.account-ico-node:before {background-image:url('/u/icon/137/node.svg')}
.dark .account-ico-node:before {background-image:url('/u/icon/bbc/node.svg')}
.account-ico-setting:before {background-image:url('/u/icon/137/setting.svg')}
.dark .account-ico-setting:before {background-image:url('/u/icon/bbc/setting.svg')}
.account-ico-true:before {background-image:url('/u/icon/137/true.svg')}
.dark .account-ico-true:before {background-image:url('/u/icon/bbc/true.svg')}
.account-ico:after {content:''; display:block; clear:both}

.account-item h2 {margin:0 0 .5em; font-weight:600; font-size:var(--rs-h3, 1.75rem)}
.account-tit {margin:0 0 .5em; font:var(--rs-h5, 1.25rem)/1.2 'Inter', sans-serif}
.account-tit.b {font-weight:600}
.account-subtit {margin:0 0 .5em; font:600 var(--rs-h6, 1.125rem)/1.2 'Inter', sans-serif}
.account-item p {margin:0 0 .6em; font-size:87.5%}
.account-item li {font-size:87.5%}
.account-item hr {clear:both; margin:1.5em auto; height:1px; border:0; background:var(--tgl-pri10, #D6DEEB)}
.account-item .ml10 {margin-left:2em}
.account-item .prep-1 .arts-1.btn {/* block-flex fix */ display:flex; margin-bottom:.5rem}
.account-item .prep-2 .arts-1.btn {/* block-flex fix */ display:none}

.account-status {overflow:hidden; min-height:2.4em; line-height:1.2; margin:0 0 .5em}
.account-status i {float:left; margin:0 .3em 0 0; padding:0 .3em; border-radius:.25rem; color:#FFF; background:#e4201f; font-size:200%; font-style:normal;}
.account-dir {margin:1em 0}
.account-dir li {list-style:none; margin:0 0 .2em; padding:0 0 0 1.3em; font-weight:600; font-size:87.5%; background:url('/u/icon/137/more.svg') no-repeat 0 .2em / .875em .875em}
.dark .account-dir li {background-image:url('/u/icon/bbc/more.svg')}

.account-3cols {overflow:hidden; margin:0 0 .6em}
.account-3cols li {float:left; display:block; width:32%; margin:0;}
.account-3cols li.double {width:66%}
.account-3cols li ~ li {margin-left:2%}
.account-3cols li:nth-child(3n+1) {clear:both; margin-left:0}
.nwsthumb { width:100%; height:0; padding:56.25% 0 0; background:no-repeat 50% 0 / 100% auto}
.account-3cols h4 {margin:0 0 .2em; font-size:112.5%}
.account-3cols a.btn-more {height:2em; line-height:2; border-color:var(--tgl-pri10, #D6DEEB); background:#FFF; font-size:75%}
.account-3cols a.btn-more:after {heighr:100%; background-image:url('/u/icon/cdf/more.svg')} 

.capadv {margin:0 0 2px}
.capadv a {display:block; overflow:hidden; padding:10px; color:var(--tgl-pri80, #122E5B); background:var(--tgl-pri05, #EDF2F9)}
.capadvthumb {float:left; width:60px; height:0; margin:0 8px 0 0; padding:36px 0 0; background:no-repeat 50% 0 / cover}
.capadv h4 {float:left; width:70%; font-weight:600; font-size:87.5%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.capadv .btn-more, .capadv .fsm {float:right; height:2em; line-height:2; margin:.2em 0 0; border:1px solid transparent; font-size:75%}
.capadv .btn-more {width:auto; min-height:auto; padding:0 1em; border-color:#E8B332; border-radius:.25rem; font-weight:600; color:inherit; background:none}
.capadv .btn-more:after {background-image:url('/u/icon/eb3/more.svg')}

.account-btn {display:table; width:100%; height:2.4em; margin:0 0 1em; border-radius:.25rem; line-height:1.2em; color:#FFF; background:#1B3E7A; box-shadow:0 2px 5px rgba(0,0,0,.1)}
.account-btn:hover {background-color:#122E5B}
.account-btn a, .account-btn a:hover, .account-btn input, .account-btn button {display:table-cell; width:100%; margin:0; padding:.6em; border:0; text-align:center; vertical-align:middle; text-decoration:none; font-weight:600; color:inherit; background:none; -webkit-box-sizing:border-box; box-sizing:border-box; outline:none}
.account-btn input, .account-btn button {min-height:2.4em; white-space:pre}
.account-inp {position:relative; margin:0 0 .5em}
.account-inp input, .account-inp textarea {display:block; width:100%; height:3em; margin:0; padding:0 1em; border:1px solid var(--tgl-pri10, #D6DEEB); border-radius:.25rem; font-size:100%; color:inherit; background:none; box-shadow:inset 0 1px 4px rgba(0,0,0,.2); box-sizing:border-box}
.account-inp input:focus, .account-inp textarea:focus {border-color:#4C70B5; box-shadow:none}
.account-inp textarea {height:8em; padding:.5em 1em}
.account-inp.erroneous input {border-color:#e4201f; box-shadow:none}
.account-inp label {position:absolute; top:0; left:0; padding:.6em 1.42em 0; font-weight:600; font-size:75%; color:#434D52}
.account-inp label ~ input {height:3.6em; padding-top:1em}
.account-inp label ~ textarea {padding-top:1.8em}
.account-radio {position:relative; overflow:hidden;}
.account-radio input {position:absolute; left:-999em}
.account-radio label {display:block; width:.8em; height:.8em; margin:.5em auto; padding:2px; border:1px solid #B2B9BE; border-radius:100%; cursor:pointer }
.account-radio label:after {content:''; position:absolute; top:0; left:0; bottom:0; right:0;}
.account-radio label:hover, .account-radio input:checked + label {border-color:#1B3E7A}
.account-radio input:checked + label:before {content:''; display:block; width:100%; height:100%; border-radius:100%; background:#1B3E7A}
.account-checkbox {position:relative; overflow:hidden}
.account-checkbox input {position:absolute; left:-999em}
.account-checkbox label {position:relative; display:block; padding-left:2em; line-height:1.25; cursor:pointer}
.account-checkbox label:before {content:''; position:absolute; top:0; left:0; width:1.25em; height:1.25em; border:1px solid #B2B9BE; border-radius:.125rem; box-sizing:border-box}
.account-checkbox label:hover:before, .account-checkbox input:checked + label:before {border-color:#1B3E7A}
.account-checkbox input:checked + label:before {content:''; background:#1B3E7A url('/u/icon/fff/ok.svg') no-repeat 50% 50% / contain}
.error {padding:.1em 0 0; font-size:87.5%; color:#C11B1B}
.account-btn-prem {position:relative; overflow:hidden; display:block; height:auto; border:0; color:#000; background:#EB4; background:linear-gradient(to right bottom, rgba(0,0,0,0), rgba(0,0,0,.24)), #EB4; transition:.4s background}
.account-btn-prem:hover {background:#FC5; background:linear-gradient(to right bottom, rgba(0,0,0,0), rgba(0,0,0,.18)), #FC5}
.account-btn-prem:after {content:''; position:absolute; top:0; right:-105%; left:auto; bottom:auto; width:100%; height:100%; background:linear-gradient(135deg, rgba(255,255,255,0) 33%, rgba(255,255,255,.8) 50%, rgba(255,255,255,0) 67%)}
.account-btn-prem:hover:after {right:105%; transition:.6s right}
.account-btn-prem a, .account-btn-prem a:hover, .account-btn-prem input, .account-btn-prem button {display:block}

.account-whatwherewhen {margin:1em 0; padding:1em 0 0; border-top:1px solid var(--tgl-pri10, #D6DEEB) }
.account-whatwherewhen p {margin:0 0 .2em}
.account-whatwherewhen p em {display:block; margin:0 0 .3em; font-size:120%; font-style:italic}

.remfavor, a.remfavor {float:right; padding:0 0 0 1.4em; color:#E41F1F; background:url('/u/icon/e11/favorite-act.svg') no-repeat 0 50% / 1em 1em;}
.remfavor:after {content:'Zru\161 it'}

.message-list-tit {}
.message-list-tit h1 {margin:0 0 .5em; font-weight:600; font-size:150%}

.message-list {margin:1em auto; padding:1em 0; border:1px solid var(--tgl-neutral10, #D3D7DA); border-width:1px 0}
.message-list li {display:block; margin:0 0 2px}
.message-list a {display:block; padding:1em; border-left:.25rem solid transparent; color:var(--txt-neutral90, #2B3135); background:var(--tgl-neutral05, #F0F2F3); text-decoration:none}
.message-list a:hover, .message-list .unread a:hover {color:#FFF; background:var(--tgl-pri30, #4C70B5); text-decoration:none}
.message-list .unread a {border-color:var(--tgl-pri30, #4C70B5); background-color:var(--tgl-pri05, #EDF2F9)}
.message-list h3 {font-weight:400; font-size:100%}
.message-list .unread h3 {font-weight:600}
.message-list p {font-size:87.5%}


/* prepisy paywall */
.account-item #paywall {padding:0; border:0}
.account-item #paywall:before {display:none}
.account-item #paywall a.btn {width:auto; height:auto; line-height:1.2; margin:0 auto .5em; padding:.8em 2em; border-radius:.25rem; font-weight:600; font-size:129%; text-decoration:none; color:#FFF; background:#1B3E7A; box-shadow:0 2px 5px #B2B9BE}
.account-item #paywall a.btn:hover {background-color:#122E5B}

.account-or {overflow:hidden; position:relative; line-height:1em; margin:1.4em 0; text-align:left; font-size:87.5%}
.account-or:after {content:''; position:absolute; top:.8em; width:100%; height:1px; margin-left:1em; background:#F0F2F3}

.account-soc {display:table; margin:0 0 1em; font-size:100%}
.account-soc li {display:table-cell; position:relative}
.account-soc li ~ li {padding-left:.5em}
[class*="account-soc-ico-"] {display:block; line-height:1.6em; padding:.4em .8em; border:1px solid #EDF2F9; border-radius:.25rem; text-decoration:none}
[class*="account-soc-ico-"]:hover {background:#EDF2F9}
[class*="account-soc-ico-"]:before {content:''; float:left; width:1.6em; height:1.6em; margin:0 .5em 0 0; background:no-repeat 0 0 / 100% 100%}
.account-soc-ico-idnes:before {background-image:url('/o/premium/social-idn.svg')}
.account-soc-ico-facebook:before {background-image:url('/o/premium/social-facebook.svg')}
.account-soc-ico-google:before {background-image:url('/o/premium/social-google.svg')}

/* zruseni uctu */
.account-close {text-align:center}
.account-close h2, .account-close h3, .account-close h4 {font-family:'Fira Sans', sans-serif}
.account-close h2 {margin:0 auto 1em; padding:.6em 1em .6em 4em; border-bottom:1px solid var(--tgl-pri10, #D6DEEB); font-weight:600; font-size:150%; text-align:center; text-transform:uppercase; background:url('/o/mujucet/account-close.svg') no-repeat 0 50% / contain }
.account-close .account-tit {margin:0 3em 1.6em; text-align:center; font:600 162.5%/1.2 'Fira Sans', sans-serif}
.account-close .account-subtit {text-transform:uppercase}
.account-close table {width:80%; max-width:250px; margin:0 auto 2em; font-size:87.5%; text-align:center}
.account-close td {display:block; margin:0 auto; padding:.5em; vertical-align:top; text-align:center}
.account-close a, .account-close a.btn:hover {text-decoration:none}
.account-close a:hover {text-decoration:underline}
.account-close a.btn.btn-prem {width:100%; height:auto; margin:0 auto .5em; padding:.6em; border-color:transparent; font-size:125%; line-height:1.3; text-transform:uppercase; vertical-align:middle; color:#000; background:linear-gradient(to right bottom, rgba(0,0,0,0), rgba(0,0,0,.24)), #EB4;}
.account-close h4 {font-size:114.29%}


/* -MM- personalizace */
.personalizace .unirange {padding:.125em 0}
.personalizace .unirange-text {display:none}
.personalizace .unirange-thumb {top:.125em}
.personalizace li {position:relative; display:block; margin:0 0 1px; padding:.125em 0; border-radius:.25rem; color:var(--txt-neutral90, #2B3135); background:var(--tgl-pri05, #EDF2F9); transition:background-color .25s, transform .25s }
.personalizace li.tazene {z-index:10; background:#F0F2F3; background:rgba(108,130,146,.13); box-shadow:0 0 0 2px #FFF; transition:background-color .25s}
.personalizace h3 {width:9em; line-height:1.4em; padding:.5em .2em .5em 26px; font-size:100%; background:var(--tgl-pri10, #D6DEEB); cursor:move; transition:background-color .25s}
.personalizace li.tazene h3 {background:transparent}
.personalizace h3:before { content: ""; width: 16px; height: 24px; position: absolute; left: 4px; top: 50%; margin-top: -12px; display: block; background: linear-gradient(45deg, #444 15%, rgba(0, 0, 0, 0) 25%); background-size: 4px 4px; background-position: 0 3px; transition: 0.5s }
.personalizace h3:hover:before { background-position: 0px 19px }

.personalizace-podrobnost {position:absolute; top:.3em; left:14em; right:6em; font-size:80%}
.personalizace-podrobnost:after {position:absolute; top:0; left:100%; line-height:2em; margin-left:.5em; font-size:125%;}
.personalizace-podrobnost[data-value='0']:after {content:"v\16f bec"}
.personalizace-podrobnost[data-value='1']:after {content:"\161 petka"}
.personalizace-podrobnost[data-value='2']:after {content:"akor\e1 t"}
.personalizace-podrobnost[data-value='3']:after {content:"spousta"}
.personalizace-podrobnost[data-value='4']:after {content:"p\159 ehr\161 el"}

/* nesystemove vyjimky na oko */
.account-ico-login1 .account-tit {margin-bottom:1em}
.account-ico-message .account-tit {margin-bottom:1em}
.account-ico-message p.account-checkbox {line-height:1.25; margin-bottom:1em}
.benefit-mobil-table {width:100%}
.benefit-mobil-table td {vertical-align:top}
.benefit-mobil-table td:last-child {width:7em; padding-left:.5em}
.benefit-mobil-table input {height:2.5em}
.benefit-mobil-table .btn {display:block}
.benefit-platby-table {width:100%; font-size:87.5%}
.benefit-platby-table td {vertical-align:top}
.benefit-platby-table td:last-child {text-align:right; padding-left:.5em}
.benefit-platby-table a { text-decoration:underline}
.benefit-platby-table .btn { text-decoration:none}

.ico-gift, .ico-unlock {display:flex; align-items:center; gap:.5em}
.ico-gift:before, .ico-unlock:before {filter:var(--filter-txt-pri60)}

/* iframe v mailu */
.externalmail {width:100%; height:600px; margin:0 auto 1em; padding:.5em; border:1px solid #D3D7DA; border-radius:.5rem; box-sizing:border-box;}