#body { padding-top:7rem; /*overflow-x:hidden; width:100vw;*/ } #b.ody:before { content:''; display:block; position:absolute; left:0; top:0; width:100vw; height:350vw; z-index:1000; mix-blend-mode:difference; pointer-events:none; background:url('../img/tmp-Carbonfix-03-home.jpg') 0 0 no-repeat; background-size:100vw auto; } #target_header { background:#fff; color:var(--modra); height:4.5rem; position:fixed; top:0; left:0; right:0; z-index:100; margin-bottom:2.5rem; text-align:right; } #target_header a { display:inline-block; line-height:4.7rem; height:4.5rem; padding:0 1em; } #target_header nav { display:inline-block; margin-right:2rem; } #target_header nav > a { color:var(--text_alt); font-size:0.9rem; margin-left:0.75rem; position:relative; overflow:hidden; text-decoration:none; } #target_header nav > a.admin { } #target_header nav > a:after { content:''; top:3.1rem; display:block; position:absolute; left:0.8rem; right:0.8rem; height:2px; background:var(--line); } #target_header nav > a:after { opacity:0; filter:blur(0.4rem); transition:filter 0.7s, 0.5s opacity 0.2s; } #target_header nav > a:before { display:none; } #target_header nav > a:hover:after, #target_header nav > a.selected:after{ opacity:1; filter:blur(0); transition:filter 0.7s, opacity 0.2s; } /* top:100%; opacity:0; transition:top 0.3s, opacity 0.3s; #target_header nav > a:hover:after, #target_header nav > a.selected:after{ top:3.1rem; opacity:1; } */ #target_header > a { display:inline-block; width:4.5rem; padding:0; overflow:hidden; text-align:center; transition:color 0.3s; } #target_header > a:before { display:inline-block; line-height:inherit; height:100%; width:2rem; font-size:2rem; } #target_header > a:hover { text-decoration:none; color:var(--positive); } #target_header > a#menu { display:none; position:fixed; right:1rem; top:0rem; width:4.5rem; height:4.5rem; margin:0; padding:0; z-index:20; cursor:pointer; } #target_header > a#menu > span { display:block; width:2.5rem; height:0.15rem; position:absolute; top:50%; left:50%; transform:translateX(-50%); background:var(--text); transition:0.3s opacity 0.2s; } #target_header > a#menu:before, #target_header > a#menu:after { content:' '; position:absolute; left:1rem; top:1.3rem; width:2.5rem; height:auto; border-bottom:0.15rem solid var(--text); transition:transform 0.3s, 0.3s top 0.2s, border-color 0.5s; } #target_header > a#menu:after { top:3.1rem; } #target_header > a#menu.show:before, #target_header > a#menu.show:after { transform:rotate(-45deg); top:2.25rem; transition:0.3s transform 0.2s, top 0.3s, border-color 0.5s; } #target_header > a#menu.show:after { transform:rotate(45deg); } #target_header > a#menu.show > span { opacity:0; transition:0.25s opacity 0.01s; } #target_header > a.logout { color:var(--positive); text-align:right; width:2rem; margin-right:0.25rem; } #target_header > a.logout:before { font-size:1rem; width:1.5rem; } #target_header > a.logout:hover { color:var(--negative); } #target_header a.profil { display:inline-block; width:auto; text-align:left; min-width:10.5rem; padding:0 1rem; margin-right:2rem; } #target_header a.profil:before { display:inline-block; width:auto; margin-right:0.5rem; vertical-align:top; } #target_header > div.profil { display:inline-block; position:relative; margin-right:2rem; } #target_header > div.profil > a.profil { background:#fff; padding-left:1rem; position:relative; z-index:2; margin-right:0; width:calc(100% + 2rem)} #target_header > div.profil > a.profil:before { display:inline-block; line-height:inherit; height:100%; width:2rem; font-size:2rem; } #target_header > div.profil > a.profil + a { display:none; } #target_header > div.profil > div { position:absolute; min-width:max-content; left:1rem; top:3rem; padding:1.5rem 0rem 0.5rem; right:1rem; transform:translateY(-100%); text-align:left; transition:transform 0.3s; background:#fff; } #target_header > div.profil > div > a { display:block; line-height:2rem; height:2rem; padding-left:2.5rem; position:relative; white-space:nowrap; } #target_header > div.profil > div > a:before { display:block; position:absolute; width:1.5rem; left:0.5rem; top:0; height:2rem; line-height:2rem; text-align:center; transition:font-size 0.3s; } #target_header > div.profil > div > a:hover:before { font-size:1.5rem; } #target_header > div.profil:before, #target_header > div.profil { position:relative; } #target_header > div.profil:before { position:absolute; left); top:0; line-height:4.7rem; } #target_header > div.profil > div > hr { margin:0.25rem 0; } #target_header > div.profil > a.profil + a + div:first-child, #target_header > div.profil > a.profil + a + div:first-chil + hr { display:none; } /* #target_header > a.profil.login:before { } #target_header > a.contact { width:auto; padding:0 1rem 0 0; color:var(--text_alt); cursor:pointer; } #target_header > a.contact:hover { color:var(--text); } */ #target_header a.logo { display:block; float:left; height:2.33rem; padding:1.2rem 1.33rem; width:auto; margin-left:2rem; } #target_header a.logo > img { display:block; height:2.33rem; } #target_header ul.lang { display:block; float:right; width:auto; margin-right:3.3rem; position:relative; z-index:10; } #target_header ul.lang > li { display:inline-block; } #target_header ul.lang > li > a { display:inline-block; padding:0 0.45rem; text-transform:uppercase; color:var(--positive); cursor:pointer; } #target_header ul.lang > li:before { content:''; display:inline-block; height:1.66rem; margin-top:1.5rem; line-height:inherit; border-left:1px solid var(--line); } #target_header ul.lang > li:first-child:before { display:none; content:none; } #target_header ul.lang > li > a.selected { font-weight:bold; pointer-events:none; } /* #target_header ul.lang { display:block; width:auto; padding:1.75rem 1.5rem 1.25rem 0.5rem; float:right; } #target_header ul.lang > li { display:inline-block; padding:0; margin:0 0 0 -1.5rem; transition:margin-left 0.3s; } #target_header ul.lang > li > a { display:block; height:1.5rem; padding:0; } #target_header ul.lang > li > a > img { display:block; width:1.5rem; height:1.5rem; margin:0 auto; } #target_header ul.lang > li:first-child { position:relative; z-index:2; margin-left:0 !important; } #target_header ul.lang:hover > li, #target_header ul.lang.hover > li { margin-left:1rem; } */ #target_footer { box-shadow:0 0 0.5rem rgba(0,0,0,0.15); background:#fff; clear:both; margin-bottom:-2px; position:relative; } #target_footer > .wrapper > p { margin:0; float:left; } #target_footer > .wrapper > p > a { display:inline-block; margin-right:1rem; vertical-align:top; line-height:1.2rem; padding:1.5rem 1rem; } #target_footer > .wrapper > p > a:before { font-size:1.25rem; display:inline-block; line-height:inherit; margin-right:0.5rem; vertical-align:top; margin-top:-0.125rem; } #target_footer > .wrapper > p > a:first-child { margin-left:-1rem; } #target_footer > .wrapper > p.fr > a { margin-right:-1rem; } #target_modal { position:fixed; left:50%; transform:translate(-50%,-100%); top:-1rem; width:max-content; max-width:80vw; max-height:calc(100vh - 13rem); padding:0; transition:transform 1s, top 1s; box-shadow:0.2rem 0.5rem 1rem rgba(0,0,0,0.15); z-index:10; } #target_modal + main { transition:filter 1s, opacity 1s; } #target_modal.show { position:fixed; top:50%; transform:translate(-50%,-50%); } #target_modal.show + main { filter:blur(3px); opacity:0.3; pointer-events:none; } #target_modal h2 { background:#fff; padding:1rem 0 0; margin:0 auto; text-align:center; font-size:2rem; line-height:2.4rem; font-weight:500; } #target_modal #kontakt_text { border:1rem solid #fff; border-top-width:0.5rem; width:40vw; min-width:16rem; max-width:calc(100% - 4rem); line-height:1.2em; height:12em; min-height:6em; padding-top:0.9rem; padding-bottom:0.9rem; box-shadow:0.2rem 0.5rem 1rem rgba(0,0,0,0.15) inset; background:rgba(255,255,255,0.5); margin:0; color:var(--text); resize:both; } #target_modal #kontakt_text + div { padding:0 1rem; background:#fff; } /* #target_footer { clear:both; background:#000; color:var(--c3); } #target_footer > .wrapper { display:flex; justify-content:space-evenly; align-items:stretch; } #target_footer > .wrapper a { transition:color 0.3s; } #target_footer > .wrapper a:hover { color:#fff; text-decoration:none; } #target_footer > .wrapper > a.logo { font-size:5rem; display:block; padding:3.75rem 4.375rem 3.75rem; margin:0 -4.375rem; text-decoration:none; cursor:pointer; } #target_footer > .wrapper > div { display:block; padding:2.5rem 0; } #target_footer > .wrapper > div > h6 { letter-spacing:0.06em; margin:0; line-height:1.25rem; } #target_footer > .wrapper > div > p { margin:0; } #target_footer > .wrapper > div > nav > a { display:block; text-transform:uppercase; } #target_footer > .wrapper > div > nav > a + a { margin-top:0.3125rem; } #target_footer > .wrapper > div > a.social { display:inline-block; font-size:1.75rem; height:1em; width:1em; line-height:1em; text-align:center; margin:0 0.5em 1.15em 0; } #target_footer > .wrapper > div > a.social:hover { text-decoration:none; } #target_footer > .wrapper > div > a[target] { display:block; } */ /* COOKIES */ /* #target_cook { position:fixed; left:50%; top:50%; width:max-content; padding:2rem 2rem 1rem; height:auto; max-width:calc(100vw - 8rem); max-height:calc(100vh - 7rem); overflow-y:auto; transform:translate(-50%,-50%); box-shadow:0.2rem 0.5rem 1rem rgba(0,0,0,0.25); z-index:1000; background:#fff; text-align:right; } #target_cook h3 { text-align:left; } #target_cook p { text-align:left; } #target_cook > div { display:inline-block; text-align:left; width:25%; height:2.5em; line-height:2.5em; overflow:hidden; margin-bottom:1em; } #target_cook > div > p { display:block; line-height:1.33em; } #target_cook:not(.vice_info) > div, #target_cook:not(.vice_info) > a.cook_mene, #target_cook:not(.vice_info) > a.cook_min, #target_cook:not(.vice_info) > a.cook_max, #target_cook.vice_info > a.cook_set, #target_cook.vice_info > a.cook_vice { display:none; } #target_cook.vice_info > h3, #target_cook.vice_info > p { display:none; } #target_cook.vice_info > div { display:block; height:auto; width:100%; } #target_cook:not(:empty)+div { display:block; position:fixed; left:0; top:0; width:100vw; height:100vh; z-index:999; background:#fff; opacity:0.8; } #target_cook:empty { display:none !important; } */ /* COOKIES */ #target_cook { display:block; text-align:center; padding:40px; width:600px; min-width:38rem; max-width:72rem; max-height:calc(100vh - 8rem); overflow-y:auto; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; z-index:300; box-shadow:0 0.5em 1em rgba(0,0,0,0.5); } #target_cook h3 { text-align:left; margin-bottom:0; padding-top:0; } #target_cook p { text-align:left; margin-bottom:2rem; } #target_cook > div { display:inline-block; text-align:left; width:25%; height:2.5em; line-height:2.5em; overflow:visible; margin-bottom:1em; } #target_cook > div > p { display:block; line-height:1.33em; } #target_cook:not(.vice_info) > div, #target_cook:not(.vice_info) > a.cook_mene, #target_cook:not(.vice_info) > input[type="submit"], #target_cook.vice_info > a.cook_set, #target_cook.vice_info > a.cook_vice { display:none; } #target_cook > a.cook_min { float:left; } #target_cook > a.cook_max { float:right; } #target_cook .button { margin:0; text-align:center; width:max-content; } #target_cook.vice_info > h3, #target_cook.vice_info > p { display:none; } #target_cook.vice_info > div { display:block; height:auto; width:100%; } #target_cook.vice_info > div > input[type="checkbox"].bipolar + label { width:100%; padding-left:0; font-weight:bold; font-size:1.33em; line-height:1.5em; height:1.5em; min-height:1.5em; padding:0.5rem 0 0.5rem 0; } #target_cook.vice_info > div > input[type="checkbox"].bipolar + label:before, #target_cook.vice_info > div > input[type="checkbox"].bipolar + label:after { left:auto; right:1px; top:0.5em; } /* #target_cook.vice_info > div > input[type="checkbox"].bipolar + label:before { width:1em; height:1em; border-radius:0.25em; background:#fff; } #target_cook.vice_info > div > input[type="checkbox"].bipolar + label:after { content:"\ea10"; font-family:'icomoon'; right:-1px; width:1em; height:1em; line-height:1.1em; text-align:right; background:none; opacity:0; transition:0.3s opacity; } #target_cook.vice_info > div > input[type="checkbox"].bipolar:checked + label:after { opacity:1; } */ #target_cook.vice_info > a.cook_max { float:left; margin-left:0; } #target_cook:empty { display:none; } #target_main { position:relative; min-height:calc(100vh - 7rem - 4.2rem); } #target_main > mark { display:block; position:sticky; top:0; width:100%; padding:1rem 0; margin:-2.5rem 0 0.75rem 0; background:var(--warning); border-radius:0; font-size: 1.250rem; line-height:1.2em; text-align:center; font-weight:500; z-index:99; } #target_main > mark.confirm { background:var(--positive); } #target_main > mark.error { background:var(--negative); } #target_main .link_back { position:absolute; left:3rem; top:0; text-decoration:none; color:var(--text_alt); transition:color 0.3s; } #target_main .link_back:before { display:inline-block; margin-right:0.25rem; } #target_main .link_back:hover { color:var(--text); } /* #target_main .wrapper.homepage_wrapper { border:1px dashed #f00; position:relative; } #target_main .wrapper.homepage_wrapper:before { content:''; position:absolute; left:19rem; right:19rem; top:0; bottom:0; border:1px dashed #f00; pointer-events:none; } #target_main .wrapper.homepage_wrapper:after { content:''; position:absolute; left:6.5rem; right:6.5rem; top:0; bottom:0; border:1px dashed #f00; pointer-events:none; } #target_main .wrapper.homepage_wrapper > div.headline:after { position:absolute; content:''; display:block; left:50%; top:0; bottom:0; border-left:1px dashed #f00; pointer-events:none; } */ #target_main table.features { border-collapse:collapse; width:100%; margin-bottom:2rem; } #target_main table.features tr > td { padding:0.5rem 0; margin:0; line-height:1.3rem; height:2.6rem; border-top:1px solid var(--line); transition:border-color 0.3s; text-align:center; vertical-align:middle; } #target_main table.features tr > td:last-child { padding-right:2rem; } #target_main table.features > thead > tr > td { border-bottom-width:1px; font-weight:bold; } #target_main table.features > tbody > tr:nth-child(2n-1) > td { background:#fff; } #target_main table.features > tbody > tr:hover > td:first-child { /*text-shadow:0.75px 0 0 var(--text);*/ } #target_main table.features > tbody:last-child > tr:last-child { border-bottom:1px solid var(--line); } #target_main table.front { border-collapse:collapse; width:100%; margin-bottom:2rem; } #target_main table.front tr > td { padding:0.5rem 0; margin:0; line-height:1.3rem; height:2.6rem; border-top:1px solid var(--line); transition:border-color 0.3s; text-align:center; vertical-align:middle; } #target_main table.front tr > td:last-child { padding-right:2rem; } #target_main table.front > thead > tr > td { border-bottom-width:1px; font-weight:bold; } #target_main table.front > tbody > tr:nth-child(2n-1) > td { background:#fff; } #target_main table.front > tbody > tr:hover > td:first-child { /*text-shadow:0.75px 0 0 var(--text);*/ } #target_main table.front > tbody:last-child > tr:last-child { border-bottom:1px solid var(--line); } /* #target_main table > tbody > tr:hover > td, #target_main table > tbody > tr:hover + tr > td { border-color:#f00; } */ #target_main table.features { table-layout:fixed; } #target_main table.features tr > td { width:7rem; } #target_main table.features tr > td:first-child { width:30rem; padding-left:2rem; text-align:left; text-shadow:0.75px 0 0 rgba(0,80,97,0); transition:text-shadow 0.5s; } #target_main table.features thead tr > td:nth-child(2n) { padding-top:3rem; } #target_main table.features tr > td:first-child { width:auto; } #target_main table.features tr > td > mark { font-size:1.5rem; display:block; width:2rem; background:none; padding:0; margin:0 auto; height:auto; display:block; line-height:inherit; border-radius:0; color:var(--positive); transition:font-size 0.3s; } #target_main table.features tr:hover > td:nth-child(3) > mark { transition-delay:0.2s; } #target_main table.features tr:hover > td:nth-child(4) > mark { transition-delay:0.4s; } #target_main table.features tr:hover > td:nth-child(5) > mark { transition-delay:0.6s; } #target_main table.features tr:hover > td:nth-child(6) > mark { transition-delay:0.8s; } #target_main table.features tr:hover > td:nth-child(7) > mark { transition-delay:1.0s; } #target_main table.features tr > td > mark:before { line-height:inherit; } #target_main table.features > tbody > tr:hover > td > mark { font-size:2rem; } #target_main table.features > tfoot > tr > td { border-bottom:none; } #target_main table.features > tfoot > tr:first-child > td { font-weight:bold; border-bottom:1px solid var(--line); background:#fff; } #target_main table.features > tfoot > tr > td[colspan] { font-size:0.8rem; line-height:1.2em; margin-bottom:0.5rem; padding:1.5rem 2rem; text-align:left; border-bottom:none; } #target_main table.features > tfoot > tr > td > a.button { float:right; margin:0 !important; } #target_main table.features > tfoot > tr > td p { max-width:50em; margin-bottom:0.5em; color:var(--text_alt); } #target_main table.features tbody tr { position:relative; } #target_main table.features tbody tr > td:first-child > em { position:absolute; right:0; top:-0.5px; height:calc(100% - 1px); box-sizing:content-box; border-top:1px solid #bbb; border-bottom:1px solid #bbb; width:0; pointer-events:none; transition:width 1s; z-index:2; } #target_main table.features tbody tr:hover > td:first-child > em { left:0; width:calc(100% - 2px); } #target_main .table.options table.front tr > td:first-child { padding-left:2rem; text-align:left; } /*#target_main table.features ~ small { display:block; } #target_main table.features + small { margin-top:-2rem; } */ /*#target_main .wrapper.homepage_wrapper { counter-reset:headline; } #target_main .wrapper.homepage_wrapper > div { width:48.5rem; padding:0 12.5rem 0 0; margin:0 auto; display:block; margin-bottom:6rem; } #target_main .wrapper.homepage_wrapper > div:nth-child(2n) { padding:0 0 0 12.5rem; } #target_main .wrapper.homepage_wrapper > div > h2 { counter-increment:headline; } #target_main .wrapper.homepage_wrapper > div > h2:before { content:"0" counter(headline); display:inline-block; width:2.5rem; color:var(--positive); } #target_main .wrapper.homepage_wrapper > div > p { max-width:30.5rem; } #target_main .wrapper.homepage_wrapper > div > img { display:inline-block; width:calc(50% - 1rem); vertical-align:top; box-shadow:0.2rem 0.5rem 1rem rgba(0,0,0,0.15); transition:transform 0.3s, box-shadow 0.3s; cursor:pointer; } #target_main .wrapper.homepage_wrapper > div > img + img { margin-left:2rem; } #target_main .wrapper.homepage_wrapper > div > img:hover { transform:scale(110%); box-shadow:0.3rem 0.75rem 1rem rgba(0,0,0,0.15); } */ #target_main .wrapper > div.white { padding:3rem calc(50vw - 37em); background:#fff; margin:0 calc(37rem - 50vw) 5rem; box-shadow:0 0 1rem rgba(0,0,0,0.15) } #target_main .wrapper > div > a.ci3 { display:block; margin:0 auto 6rem; width:6rem; height:2.6rem; background:url('../img/logo-CI3-light.svg') 100% 100% no-repeat; background-size:100% auto; filter:grayscale(100%) contrast(0) sepia(100%) hue-rotate(150deg) saturate(25%) brightness(133%); transition:filter 0.3s; cursor:pointer; } #target_main .wrapper > div > a.ci3:hover { filter:grayscale(0) contrast(100%) sepia(0) hue-rotate(0deg) saturate(100%) brightness(100%); } #target_main .wrapper > div.headline { width:40rem; padding:3rem 21rem 0 13rem; margin-bottom:6rem; background:url('../img/zkroucena-sipka.svg') left 41rem bottom 8.75rem no-repeat; background-size:19rem auto; position:relative; } #target_main .wrapper > div.headline > h1 { font-size:5rem; line-height:1.2em; margin-bottom:2.5rem; position:relative; white-space:nowrap; } #target_main .wrapper > div.headline > h1:before { content:''; position:absolute; left:-8rem; top:50%; margin-top:-4.5rem; width:7rem; height:7rem; background:url('../img/logo-CarbonFix.svg') 0 50% no-repeat; background-size:auto 100%; } #target_main .wrapper > div.headline > p { color:var(--text_alt); font-size:2rem; line-height:1.5em; width:40rem; max-width:none; margin-bottom:0; padding-bottom:2.5rem; } #target_main .wrapper > div.headline > p img { display:inline-block; height:1.6rem; } #target_main .wrapper > div.headline > a.button { position:absolute; right:12rem; top:6.33rem; } #target_main .wrapper > div.headline > a.button + a.button { right:0; } #target_main .wrapper > div.headline > p.sgs { position:relative; color:var(--text_alt); font-size:1rem; height:3em; padding:2.5rem 0 0 6.25rem; width:calc(100% - 6.25rem); border-top:1px solid var(--line); } #target_main .wrapper > div.headline > p.sgs > a { position:absolute; left:0; top:1.66rem; width:4.5rem; height:4.5rem; } #target_main .wrapper > div.headline > p.sgs > a:after, #target_main .wrapper > div.headline > p.sgs > a:before { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:var(--line); } #target_main .wrapper > div.headline > p.sgs > a:before { display:none; z-index:3; mix-blend-mode:lighten; transition:0.3s opacity; } #target_main .wrapper > div.headline > p.sgs > a:after { z-index:2; background:url('../img/SGS-logo.svg') 0 0 no-repeat; background-size:cover; /*filter:brightness(0); transition:0.3s filter;*/ } #target_main .wrapper > div.headline > p.sgs > a:hover:before { opacity:0; } #target_main .wrapper > div.headline > p.sgs > a:hover:after { filter:none; } #target_main .wrapper > div.headline > a.ci3 { position:absolute; right:2.6rem; bottom:8.15rem; margin:0; } #target_main .wrapper > div.boxes { margin-bottom:4rem; } #target_main .wrapper > div.boxes > h1, #target_main .wrapper > div.boxes > h2, #target_main .wrapper > div.boxes > h3, #target_main .wrapper > div.boxes > h4 { margin-left:2rem; } #target_main .wrapper > div.boxes > div { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch; } #target_main .wrapper > div.boxes > div > div { display:inline-block; width:19.33rem; padding:2rem 2rem; margin-bottom:3rem; background:#fff; position:relative; } #target_main .wrapper > div.boxes > div > div:before { content:''; position:absolute; left:2rem; top:-0.5rem; height:0.5rem; width:4rem; background:var(--positive); } #target_main .wrapper > div.boxes > div > div > h3 { font-size:1.5rem; font-weight:bold; line-height:1.33em; margin-bottom:1rem; } #target_main .wrapper > div.boxes > div > div > h4 { font-size:0.8rem; font-weight:bold; line-height:1.33em; margin-bottom:1rem; } #target_main .wrapper > div.boxes > div > div > span { display:block; position:absolute; right:1.5rem; top:2.55rem; line-height:1.2rem; font-weight:500; } #target_main .wrapper > div.boxes > div > div > p { font-size:0.8rem; margin-bottom:0; line-height:1.33em; } #target_main .wrapper > div.boxes > div > div > a.button { position:absolute; bottom:-1.2rem; left:2rem; } #target_main .wrapper > div.icons { text-align:center; padding-bottom:5.7rem; } #target_main .wrapper > div.icons > h3 { display:inline-block; width:16rem; height:5.4rem; padding:0 1.5rem; line-height:1.33em; margin-top:7rem; border:1px solid var(--line); border-top:none; border-bottom:none; margin-right:-1px; text-transform:uppercase; } #target_main .wrapper > div.icons > h3:before { font-size:4.5rem; height:6rem; margin-top:-6rem; color:var(--positive); display:block; text-align:center; } #target_main .wrapper > div.ikony ul { margin:5rem 0 0 0; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch; grid-row-gap:6rem; } #target_main .wrapper > div.ikony ul > li { display:block; position:relative; text-align:center; padding-top:8rem; flex-basis:17.5rem; flex-grow:0; flex-shrink:0; font-weight:bold; font-size:1.2rem; text-transform:uppercase; line-height:1.5em; letter-spacing:-0.05em; } #target_main .wrapper > div.ikony ul > li:before { display:block; position:absolute; top:0; left:0; right:0; font-size:6rem; line-height:1em; text-align:center; color:var(--line); } #target_main .wrapper > div.ikony a.button { display:block; margin:5rem auto 0; } #target_main .wrapper > div.reference > div { display:flex; flex-wrap: nowrap; justify-content:space-between; align-items:stretch; } #target_main .wrapper > div.reference > div > article { display:inline-block; width:15rem; position:relative; padding:0 0 3rem 2rem; margin:1.5rem 0 0 0; font-size:0.8rem; line-height:1.2em; } #target_main .wrapper > div.reference > div > article:before { content:'”'; font-size:4rem; line-height:1em; position:absolute; left:0.5rem; top:-0.5rem; color:var(--positive); } #target_main .wrapper > div.reference > div > article > span { display:block; position:absolute; bottom:0; color:var(--text_alt); text-transform:uppercase; font-weight:bold; } #target_main .wrapper > div.reference > div > article > span > small { display:block; text-transform:none; font-weight:normal; } #target_main .wrapper > div.video { position:relative; padding-top:5rem; padding-bottom:5rem; margin-bottom:4rem; } #target_main .wrapper > div.video > div { display:inline-block; vertical-align:middle; width:16rem; margin-left:6.5rem; } #target_main .wrapper > div.video > div > h2 { margin-bottom:1.5rem; } #target_main .wrapper > div.video > div > p { line-height:1.4em; margin-bottom:3rem; } #target_main .wrapper > div.video > div > .button { width:10rem; margin:0rem 0 1rem 0; } #target_main .wrapper > div.video > video { display:inline-block; vertical-align:middle; width:48rem; margin-left:3rem; height:27rem; border:0.25rem solid var(--line); background:var(--body); position:relative; cursor:pointer; } #target_main .wrapper > div.video > video + mark { display:block; position:absolute; left:50%; margin-left:12.75rem; top:50%; width:6rem; height:6rem; padding:0; background:var(--positive); transform:translate(-50%,-50%); pointer-events:none; transition:opacity 0.3s, background-color 0.3s; border-radius:3rem; } #target_main .wrapper > div.video > video + mark:before { content:''; position:absolute; left:2rem; top:1.5rem; display:block; width:0; height:0; border:1.5rem solid transparent; border-right:none; border-left:3rem solid #fff; } #target_main .wrapper > div.video > video:hover + mark { background:var(--text); } #target_main .wrapper > div.video > video.playing + mark { opacity:0; } #target_main .wrapper > div.loga { text-align:center; padding-bottom:5rem; } #target_main .wrapper > div.loga > a { display:inline-block; vertical-align:middle; margin:2rem; background:var(--body); } #target_main .wrapper > div.loga > a > img { display:block; max-width:11rem; max-height:4rem; mix-blend-mode:luminosity; opacity:0.6; transition:opacity 0.3s; } #target_main .wrapper > div.loga > a > img[src*='svg'] { height:4rem; object-fit:contain; } #target_main .wrapper > div.loga > a:hover > img { opacity:1; mix-blend-mode:normal; } #target_main .wrapper > div.footer { text-align:center; padding-top:3.5rem; margin-bottom:-4.2rem; position:relative; z-index:10; font-size:0.8rem; overflow:hidden; } #target_main .wrapper > div.footer > h4 { margin-bottom:0; font-weight:bold; } #target_main .wrapper > div.footer > h4 + p { color:#7ca7ad; margin-bottom:2rem; } #target_main .wrapper > div.footer .jednatel { display:inline-block; vertical-align:middle; text-align:left; margin:0 1.5rem 1.5rem; } #target_main .wrapper > div.footer .jednatel > img { display:inline-block; vertical-align:middle; width:5rem; height:5rem; margin:0 1rem 0 0; } #target_main .wrapper > div.footer .jednatel > div { display:inline-block; vertical-align:middle; } #target_main .wrapper > div.footer .jednatel > div > strong { display:block; } #target_main .wrapper > div.footer .jednatel > div > span { display:block; color:#7ca7ad; } #target_main .wrapper > div.footer .jednatel > div > a { display:block; margin-top:0.5rem; font-weight:100; letter-spacing:-0.05em; text-decoration:none; } #target_main .wrapper > div.footer .linkedin { display:inline-block; vertical-align:middle; font-size:2.4rem; width:3.3rem; height:3.3rem; margin:0 1.5rem 1.5rem; text-decoration:none; } #target_main .wrapper > div.footer > p > strong > br { display:none; } #target_main .wrapper > div.footer > hr { width:40rem; margin:2.5rem auto; } #target_main .wrapper > div.footer > hr + p { color:var(--text_alt); text-align:center; } #target_main .wrapper > div.footer > a.logo_ci3 { display:inline-block; margin:1.75rem auto 0; } #target_main .wrapper > div.footer > a.logo_ci3 > img { display:block; width:4rem; } #target_main .wrapper .http { padding-top:5rem; padding-bottom:5rem; min-height:calc(100vh - 46.7rem); text-align:center; margin:0 auto; } #target_main .wrapper .http > a.logo { display:block; width:max-content; margin:0 auto 2rem auto; padding-right:3rem } #target_main .wrapper .http > a.logo > img { display:block; width:15rem; } #target_main .wrapper .http h1 { font-size:1.5rem; margin-top:5rem; margin-bottom:1rem; } #target_main .wrapper > div.table > h1, #target_main .wrapper > div.table > h2, #target_main .wrapper > div.table > h3, #target_main .wrapper > div.table > h4 { margin-left:2rem; } #target_main .wrapper.wrapper_cenik > div.boxes > h1 { margin-bottom:1rem; } #target_main .wrapper.wrapper_cenik > div.boxes > h1 + h4 { color:var(--text_alt); margin-bottom:3rem; } #target_main .wrapper.wrapper_cenik > div.boxes > div > div { margin-bottom:4rem; } #target_main .wrapper.wrapper_cenik > div.options { display:inline-block; width:calc(50% - 1rem); margin-bottom:5rem; } #target_main .wrapper.wrapper_cenik > div.options > h3 { margin-bottom:0; } #target_main .wrapper.wrapper_cenik > div.options + div.options { margin-left:2rem; } #target_main .wrapper.wrapper_kontakt > div.form { margin-bottom:5rem; } #target_main .wrapper.wrapper_kontakt > div.form > h1 { margin-bottom:1rem; width:calc(50% - 4rem); } #target_main .wrapper.wrapper_kontakt > div.form > h1 + h4 { color:var(--text_alt); margin-bottom:3rem; width:calc(50% - 4rem); display:inline-block; } #target_main .wrapper.wrapper_kontakt > div.form > form { display:inline-block; width:calc(50% - 4rem - 1px); margin-left:4rem; padding-left:4rem; border-left:1px solid var(--line); margin-top:-2rem; } #target_main .wrapper.wrapper_kontakt > div.form > form > div { display:inline-block; width:calc(60% - 1rem); } #target_main .wrapper.wrapper_kontakt > div.form > form > div + div { margin-left:2rem; width:calc(40% - 1rem); } #target_main .wrapper.wrapper_kontakt > div.form > form label { display:block; font-weight:bold; margin-bottom:0.5rem; font-size:0.8rem; line-height:1.2em; height:auto; color:var(--text); } #target_main .wrapper.wrapper_kontakt > div.form > form input.button { margin-bottom:0; } #target_main .wrapper.wrapper_kontakt > div.form > form > h4 { margin-top:2rem; } #target_main .wrapper.wrapper_kontakt div.support { display:inline-block; width:calc(50% - 4rem); margin-bottom:5rem; } #target_main .wrapper.wrapper_kontakt div.support > p { color:var(--text_alt); } #target_main .wrapper.wrapper_kontakt div.support > div { padding-left:3rem; position:relative; margin:1.5rem 0 1.5rem; } #target_main .wrapper.wrapper_kontakt div.support > div:before { display:block; position:absolute; left:-0.6rem; top:0; color:var(--positive); font-size:3.5rem; height:3.75rem; line-height:3.75rem; text-align:left; } #target_main .wrapper.wrapper_kontakt div.support > div > a { display:block; width:max-content; font-weight:bold; font-size:1.25rem; line-height:1.5em; transition:color 0.3s; text-decoration:none; } #target_main .wrapper.wrapper_kontakt div.support > div > a:hover, #target_main .wrapper.wrapper_kontakt div.support > p > a:hover { color:var(--positive); text-decoration:none; } #target_main .wrapper.wrapper_kontakt div.info { display:inline-block; width:calc(50% - 4rem); margin-bottom:5rem; margin-left:8rem; } #target_main .wrapper.wrapper_kontakt div.info p > em { display:inline-block; width:7rem; color:var(--text_alt); font-style:normal; } #target_main .wrapper.wrapper_kontakt div.info p > em + span, #target_main .wrapper.wrapper_kontakt div.info p > em + a { display:inline-block; max-width:calc(100% - 7rem); text-decoration:none; transition:color 0.3s; } #target_main .wrapper.wrapper_kontakt div.info p > em + a:hover { color:var(--positive); } #target_main .wrapper.profil_wrapper { text-align:center; } #target_main .wrapper.profil_wrapper h3 { margin-top:3rem; } #target_main .wrapper.profil_wrapper table.features { width:auto; max-width:100%; margin:0 auto 2rem; } #target_main .wrapper.profil_wrapper table#objednavky { border-collapse:collapse; margin:0 auto 2rem; } #target_main .wrapper.profil_wrapper table#objednavky tr > th, #target_main .wrapper.profil_wrapper table#objednavky tr > td { padding:0.25rem 1rem; margin:0; line-height:1.2rem; border-bottom:1px solid var(--line); text-align:left; } #target_main .wrapper.profil_wrapper table#objednavky tr > *:nth-child(2), #target_main .wrapper.profil_wrapper table#objednavky tr > *:nth-child(4) { text-align:right; } #target_main .wrapper.profil_wrapper table#objednavky > thead > tr > td { border-bottom-width:2px; } #target_main .wrapper.profil_wrapper table#objednavky > tbody > tr:nth-child(2n-1) > td { background:#fff; } #target_main .wrapper.profil_wrapper table#objednavky > tbody > tr > td:last-child { text-align:right; } #target_main .wrapper.profil_wrapper table#objednavky > tbody > tr > td > a { display:inline-block; text-decoration:none; transition:color 0.3s; cursor:pointer; } #target_main .wrapper.profil_wrapper table#objednavky > tbody > tr > td > a + a { margin-left:0.5rem; } #target_main .wrapper.profil_wrapper table#objednavky > tbody > tr > td > a:hover { color:var(--positive); } #target_main .wrapper.profil_wrapper table#objednavky > tbody > tr > td > a + a:hover { color:var(--negative); } #target_main .wrapper.profil_wrapper p.profil { position:absolute; right:3rem; margin-top:-1.5rem; text-align:right; width:max-content; color:var(--text_alt); } #target_main .wrapper.profil_wrapper p.profil > span, #target_main .wrapper.profil_wrapper p.profil > a { display:block; margin-bottom:0.5rem; } #target_main .wrapper.profil_wrapper p.profil span:before, #target_main .wrapper.profil_wrapper p.profil a:before { display:block; float:right; width:2.5rem; text-align:right; line-height:inherit; } #target_main .wrapper.objednavka_wrapper { width:48rem; background:#fff; padding:2rem; box-shadow:0.2rem 0.5rem 1rem rgba(0,0,0,0.15); } #target_main .wrapper.objednavka_wrapper > div > label { display:inline-block; width:11rem; padding:0; margin:0 0.5rem 0.5rem 0; height:auto; line-height:inherit; } #target_main .wrapper.objednavka_wrapper > div > label + span { display:inline-block; margin-bottom:0.5rem; line-height:1.7em; margin-top:-0.25em; } #target_main .wrapper.objednavka_wrapper > div > label + em { display:inline-block; font-style:normal; text-align:right; width:6rem; } #target_main .wrapper.objednavka_wrapper > div > label[data-pocet] { width:9rem; padding-left:2rem; position:relative; color:var(--text); } #target_main .wrapper.objednavka_wrapper > div > label[data-pocet]:before { content:attr(data-pocet)'×'; display:block; position:absolute; top:0; left:0; width:1.75rem; text-align:right; font-weight:500; } #target_main .wrapper.objednavka_wrapper > div > label.suma { font-weight:500; color:var(--text); } #target_main .wrapper.objednavka_wrapper > div > p { margin-top:1rem; } #target_main .wrapper.objednavka_wrapper > div > img { float:right; margin-top:-2rem; } #target_main .wrapper.objednavka_wrapper > div > img + label, #target_main .wrapper.objednavka_wrapper > div > img + label + strong { display:inline-block; margin-top:1rem; } /* #target_main .wrapper.objednavka_wrapper > div { display:inline-block; width:14rem; white-space:nowrap; } #target_main .wrapper.objednavka_wrapper > div + div { width:19rem; margin-left:4rem; padding-right:10.2rem; position:relative; } #target_main .wrapper.objednavka_wrapper > div + div > img { position:absolute; right:-0.8rem; top:-0.8rem; width:8rem; height:8rem; } */ #target_main .wrapper.objednavka_wrapper + p { margin:0 auto; width:max-content; } #target_main .wrapper.objednavka_wrapper + p > a { display:block; width:max-content; text-decoration:none; margin-bottom:0.25rem; } #target_main .wrapper.objednavka_wrapper ~ pre { display:block; width:max-content; max-width:72rem; margin:0 auto; height:auto; margin:2rem auto 2rem; font-size:1rem; font-family:inherit; line-height:1.5rem; overflow:hidden; text-overflow:ellipsis; color:var(--text_alt); } #target_main .wrapper.objednavka_wrapper .button.pay_button { display:none; } #target_main .wrapper.objednavka_wrapper input[type="submit"] { margin:1rem 0 0 0; width:calc(100% - 2rem); } #form_login { max-width:18.75rem; margin-left:auto; margin-right:auto; padding-top:5rem; } #form_login.login > a { display:block; text-align:center; width:max-content; margin:0 auto; } #form_login > a.logo { margin:0 auto 2rem auto; padding-right:3rem; } #form_login > a.logo > img { display:block; width:15rem; } #form_login label { padding:0; height:1.2rem; line-height:1.2rem; margin-bottom:0.25rem; } #form_login > input[type="submit"] { /*width:calc(100% - 2rem);*/ display:block; margin-left:auto; margin-right:auto; } #form_login > a:before { padding-right:0.25em; } #form_login > a.back { float:left; padding:0.5rem 0; } #form_login #user { margin-left:0; } #form_login.sign-in { max-width:none; width:max-content; } #form_login.sign-in > div { display:inline-block; } #form_login.sign-in > div + div { margin-left:1em; } #form_login.sign-in > div > label { display:block; width:100%; } #form_login.sign-in > div > input { display:block; } #form_login.sign-in > div > #reg_ico { width:5.25em; } #form_login.sign-in > div > #reg_dic { width:6.5em; } #form_login.sign-in > div > #reg_spolecnost { width:16.25em; } #form_login.sign-in > div > #reg_prijmeni { width:15.75em; } #form_login.sign-in > div > #reg_posta { width:19em; } #form_login.sign-in > div > #reg_ulice { width:14.75em; } #form_login.sign-in > div > #reg_mesto { width:10.25em; } #form_login.sign-in > div > #reg_psc { width:3em; } #form_login.sign-in > div > #reg_www { width:34em; } #form_login.sign-in > div > #reg_jmeno { width:4em; } #form_login.sign-in > div > #reg_heslo, #form_login.sign-in > div > #reg_heslo2 { width:4.5em; } #form_login.sign-in > div > #reg_telefon { width:calc(8em + 2px); } #form_login.sign-in > label[for="reg_souhlas"] { width:25rem; padding:0.175em 0 0.175em 2em; height:2.4em; } #form_login.sign-in > label[for="reg_souhlas"] > a { text-decoration:underline; } #form_login.sign-in > label[for="reg_souhlas"]:before, #form_login.sign-in > label[for="reg_souhlas"]:after { top:0.7em; } #form_login.sign-in input[type="submit"] { width:auto; } #form_login.contact { max-width:24rem; } #form_login.contact > a.logo > img { margin-left:auto; margin-right:auto; } #form_login.contact > p { margin-bottom:1rem; text-align:center; } #form_login.contact > input { margin-left:0; } #form_login.contact > input.button { margin:1rem 0 0 auto } #target_main .menu_oblasti { display:block; float:left; width:10.5rem; padding:2rem 2rem 2rem 1.5rem; background:#fff; } /*#target_main .menu_oblasti:before { content:''; display:block; position:absolute; left:2.4rem; top:2rem; bottom:2rem; border-left:1px solid var(--line); } */ #target_main .menu_oblasti > li { display:block; padding:0; margin-bottom:1rem; } #target_main .menu_oblasti > li:before { display:none; } #target_main .menu_oblasti > li > a { display:block; padding:0 0 0 2rem; position:relative; font-size:0.75rem; line-height:1.2rem; color:var(--line); transition:color 0.3s; text-decoration:none; } #target_main .menu_oblasti > li > a:before { font-size:1rem; font-weight:bold; position:absolute; left:1px; top:0; background:#fff; width:2rem; text-align:center; } #target_main .menu_oblasti > li > a[data-cislo]:before { content:attr(data-cislo); } #target_main .menu_oblasti > li > a[data-cislo="80"]:before { content: "\21dd"; font-family:'icomoon'; } #target_main .menu_oblasti > li > a[data-cislo="90"]:before { content:"\1f159"; font-family:'icomoon'; } #target_main .menu_oblasti > li:last-child { margin-bottom:0; } #target_main .menu_oblasti > li.vyplneno > a { color:var(--text); cursor:pointer; } /* #target_main .menu_oblasti > li.vyplneno + li > a { color:var(--text_alt); } */ #target_main .menu_oblasti > li.vyplneno > a:before { color:var(--positive); } #target_main .menu_oblasti > li.vyplneno.kontrola > a:before, #target_main .menu_oblasti > li.vyplneno.varovani > a:before { color:var(--warning); } #target_main .menu_oblasti > li.vyplneno.chybi > a:before { color:var(--negative); } #target_main .menu_oblasti > li > a:hover { color:var(--text); } #target_main .menu_oblasti > li.aktivni > a { color:var(--text); } #target_main .menu_oblasti > li.aktivni > a:before { border-color:var(--text); } #target_main .menu_oblasti > li > a:after { position:absolute; left:1rem; top:1.1rem; height:calc(100% - 0.2rem); border:1px solid var(--line); content:' '; display:block; } #target_main .menu_oblasti > li.vyplneno > a:after { border-color:1px solid var(--text); } #target_main .menu_oblasti > li:last-child > a:after { display:none; content:none; } #target_main .menu_oblasti > li.result > a:before { content:'∑'; } #target_main .menu_oblasti > li > a:hover { text-decoration:underline; } #target_main .menu_oblasti > li.nastaveni > a, #target_main .menu_oblasti > li.nastaveni > a:before { color:var(--text); } #target_main .menu_oblasti.form_vypocet { position:sticky; top:7rem; left:2rem; z-index:10; } #target_main .menu_oblasti.form_vypocet > li.dokonceni { margin-bottom:0; } #target_main .menu_oblasti.form_vypocet > li.dokonceni > a:after { display:none; content:none; } #target_main .menu_oblasti.form_vypocet > li.nastaveni { position:absolute; bottom:-2rem; } #target_main .menu_oblasti.form_vypocet > li.nastaveni > a { color:var(--text_alt); } #target_main .menu_oblasti.form_vypocet > li.nastaveni > a:before { background:transparent; color:var(--text_alt); } #target_main .menu_oblasti.form_nastaveni > li { margin-bottom:0.5rem; } #target_main .menu_oblasti.form_nastaveni > li:last-child { margin-bottom:0 } #target_main .menu_oblasti.form_nastaveni > li > a:after { display:none; } #target_main .progress_bar { position:absolute; right:2rem; top:0.5rem; text-align:right; z-index:10; } #target_main .progress_bar > ul { display:block; padding:0; margin:0; white-space:nowrap; height:0.33rem; margin-bottom:0.66rem; } #target_main .progress_bar > ul > li { display:inline-block; margin-right:0.2rem; padding:0; } #target_main .progress_bar > ul > li:before { display:none; } #target_main .progress_bar > ul > li > a { display:block; width:1em; height:1.5rem; } #target_main .progress_bar > ul > li > a:before { content:''; display:block; height:0.33rem; background:var(--line); border-radius:1rem; transition:background-color 0.3s; } #target_main .progress_bar > ul > li.vyplneno > a:before { background:var(--positive); } #target_main .progress_bar > ul > li.vyplneno.varovani > a:before { background:var(--warning); } #target_main .progress_bar > ul > li.vyplneno.chybi > a[href]:before{ background:var(--negative); } #target_main .progress_bar > ul > li > a:hover:before { background:var(--text); } #target_main .progress_bar > ul > li.aktivni > a:before { background:var(--text); } #target_main .progress_bar > span { display:block; font-size:0.75rem; color:var(--positive); font-weight:bold; } #target_main .progress_bar:before { content:attr(data-verze); display:block; position:absolute; right:0; top:-2rem; color:var(--text_alt); font-size:0.8rem; width:max-content; } #target_main p.demo_login { width:max-content; max-width:70vw; margin:3rem auto 0; text-align:center; } #target_main #form_vypocet { display:block; position:relative; margin:0 0 0 15rem; width:26.25rem; box-shadow:none; width:calc(100% - 15rem - 4rem); padding:2rem; min-height:calc(100vh - 22rem); /* padding:2rem calc(100% - 19rem - 26.25rem - 1rem) 0 0; */} #target_main #form_vypocet:before { content:''; display:block; position:absolute; left:33rem; top:5rem; bottom:0; border-right:1px solid var(--line); margin-left:2rem; } #target_main #form_vypocet h1, #target_main #form_vypocet h2 { position:relative; padding-left:5rem; } #target_main #form_vypocet h1:before, #target_main #form_vypocet h2:before { display:block; position:absolute; left:0; top:0; width:4rem; text-align:right; letter-spacing:0; color:var(--positive); } #target_main #form_vypocet h1:before { content:attr(data-cislo); } #target_main #form_vypocet h1[data-cislo="20"]:before { content: "\21dd"; font-family:'icomoon'; } #target_main #form_vypocet h1[data-cislo="30"]:before { content:"\1f159"; font-family:'icomoon'; } #target_main #form_vypocet h2 { margin-top:2rem; } #target_main #form_vypocet h2:before { color:var(--warning); } /* #target_main #form_vypocet fieldset { padding-left:3em; background:rgba(0,0,0,0.2); } #target_main #form_vypocet div:not(.side)[data-otazka]:before, #target_main #form_vypocet fieldset[data-otazka]:before { position:absolute; right:100%; background:#eee; } #target_main #form_vypocet div:not(.side)[data-otazka]:before, #target_main #form_vypocet fieldset[data-otazka]:before { content:attr(data-otazka); color:var(--positive); display:inline-block; } #target_main #form_vypocet div:not(.side)[data-otazka][data-podotazka]:before, #target_main #form_vypocet fieldset[data-otazka][data-podotazka]:before { content:attr(data-otazka) "." attr(data-podotazka); color:var(--positive); } #target_main #form_vypocet div:not(.side)[data-otazka][data-podotazka][data-poradi]:before, #target_main #form_vypocet fieldset[data-otazka][data-podotazka][data-poradi]:before { content:attr(data-otazka) "." attr(data-podotazka) "." attr(data-poradi); color:var(--positive); } */ #target_main #form_vypocet.low_lvl:before { content:none; display:none; } #target_main #form_vypocet p.anonymni, #target_main #form_vypocet p.demo { margin-left:5rem; width:25.25rem; color:var(--text_alt); position:relative; } #target_main #form_vypocet p.anonymni:before, #target_main #form_vypocet p.demo:before, #target_main #form_vypocet p.share:before { font-size:1.5rem; position:absolute; left:-2.25rem; top:50%; line-height:2rem; margin-top:-1rem; color:var(--line); } #target_main #form_vypocet p.anonymni.error { color:var(--negative); } #target_main #form_vypocet p.share { width:26.25rem; color:var(--text_alt); margin-top:2rem; position:relative; margin-left:4rem; } #target_main #form_vypocet p.share > span.copy { display:block; white-space:nowrap; font-size:0.9rem; } #target_main #form_vypocet div.vstup { width:26.25rem; margin-bottom:0; position:relative; } #target_main #form_vypocet div.vstup > label { height:auto; font-size:0.9rem; line-height:1.2rem; padding:0 0 0 1rem; width:calc(100% - 1rem); font-weight:500; color:var(--text); margin-bottom:1em; } #target_main #form_vypocet div.vstup > textarea { line-height:1.4rem; height:7rem; min-height:7rem; padding-top:0.8rem; padding-bottom:0.8rem; } #target_main #form_vypocet div.vstup span.kontrola, #target_main #form_vypocet div.vstup input[type="checkbox"][name^="kontrola"] + label { display:block; position:absolute; font-size:1.5em; width:1em; height:1em; padding:0; left:25.75rem; line-height:1em; } #target_main #form_vypocet div.vstup input[type="checkbox"][name^="kontrola"] + label:before, #target_main #form_vypocet div.vstup input[type="checkbox"][name^="kontrola"] + label:after { content:"⚠"; line-height:1em; font-size:inherit; color:var(--text_alt); width:100%; height:1em; } #target_main #form_vypocet div.vstup input[type="checkbox"][name^="kontrola"] + label:after { color:var(--warning); } #target_main #form_vypocet div.vstup input[type="checkbox"][name^="kontrola"]:hover + label:before { color:var(--text); } #target_main #form_vypocet div.vstup span.kontrola { color:var(--warning); } #target_main #form_vypocet div.numeric > input[type="number"] { width:5rem; padding-right:1rem; vertical-align:middle; } #target_main #form_vypocet div.numeric > input[type="number"][data-value-length="8"] { font-size:0.92rem; } #target_main #form_vypocet div.numeric > input[type="number"][data-value-length="9"] { font-size:0.81rem; } #target_main #form_vypocet div.numeric > input[type="number"][data-value-length="10"] { font-size:0.75rem; } #target_main #form_vypocet div.numeric > input[type="number"][data-value-length="11"] { font-size:0.70rem; } #target_main #form_vypocet div.numeric > input[type="number"][data-value-length="12"] { font-size:0.66rem; } #target_main #form_vypocet div.numeric > input[type="number"][data-value-length="13"] { font-size:0.60rem; } #target_main #form_vypocet div.numeric > input[type="number"][data-value-length="14"] { font-size:0.55rem; } #target_main #form_vypocet div.numeric > input[type="number"][data-value-length="15"] { font-size:0.50rem; } #target_main #form_vypocet div.multiple > div > input[type="number"][data-value-length="8"] { font-size:0.92rem; } #target_main #form_vypocet div.multiple > div > input[type="number"][data-value-length="9"] { font-size:0.81rem; } #target_main #form_vypocet div.multiple > div > input[type="number"][data-value-length="10"] { font-size:0.75rem; } #target_main #form_vypocet div.multiple > div > input[type="number"][data-value-length="11"] { font-size:0.70rem; } #target_main #form_vypocet div.multiple > div > input[type="number"][data-value-length="12"] { font-size:0.66rem; } #target_main #form_vypocet div.multiple > div > input[type="number"][data-value-length="13"] { font-size:0.60rem; } #target_main #form_vypocet div.multiple > div > input[type="number"][data-value-length="14"] { font-size:0.55rem; } #target_main #form_vypocet div.multiple > div > input[type="number"][data-value-length="15"] { font-size:0.50rem; } #target_main #form_vypocet fieldset.otazka > p.copy { display:block; font-size:0.75rem; width:26rem; margin-left:5rem; overflow:hidden; } #target_main #form_vypocet div.vstup.numeric.cesty > label:first-child { width:10rem; margin-right:0.5rem; } #target_main #form_vypocet div.vstup.numeric.cesty > input[type="number"] { width:4rem; padding-right:1rem; vertical-align:middle; } #target_main #form_vypocet div.vstup.numeric.cesty > input[type="number"][data-value-length="7"] { font-size:0.90rem; } #target_main #form_vypocet div.vstup.numeric.cesty > input[type="number"][data-value-length="8"] { font-size:0.77rem; } #target_main #form_vypocet div.vstup.numeric.cesty > input[type="number"][data-value-length="9"] { font-size:0.68rem; } #target_main #form_vypocet div.vstup.numeric.cesty > input[type="number"][data-value-length="10"] { font-size:0.62rem; } #target_main #form_vypocet div.vstup.numeric.cesty > input[type="number"][data-value-length="11"] { font-size:0.56rem; } #target_main #form_vypocet div.vstup.numeric.cesty > input[type="number"][data-value-length="12"] { font-size:0.51rem; } #target_main #form_vypocet div.vstup.numeric.cesty > input[type="number"][data-value-length="13"] { font-size:0.47rem; } #target_main #form_vypocet div.vstup.numeric.cesty > input[type="number"][data-value-length="14"] { font-size:0.44rem; } #target_main #form_vypocet div.vstup.numeric.cesty > input[type="number"][data-value-length="15"] { font-size:0.43rem; } #target_main #form_vypocet div.vstup.numeric.cesty > input[type="number"] + input.cesty { margin-left:0.5rem; margin-right:0; text-align:right; } #target_main #form_vypocet div.vstup.numeric.cesty > input[type="number"] + input.cesty + label { margin-right:-5rem; } #target_main #form_vypocet div.vstup.numeric.cesty > input[type="number"]:placeholder { color:var(--text_alt) !important; } #target_main #form_vypocet div.vstup.numeric.cesty > input[type="number"]::-webkit-input-placeholder { color:var(--text_alt) !important; } #target_main #form_vypocet div.vstup.numeric.cesty > input[type="number"]:-moz-placeholder { color:var(--text_alt) !important; } #target_main #form_vypocet div.numeric_select > select { width:calc(100% - 11rem); margin-left:1rem; } #target_main #form_vypocet div.numeric_unit > input[type="number"] + label { width:calc(100% - 11rem); padding:1rem 0 1rem 0.5rem; font-size:0.9rem; font-weight:500; } #target_main #form_vypocet div.multiple { width:30rem; } #target_main #form_vypocet div.multiple > div.multiple_item { white-space:nowrap; } #target_main #form_vypocet div.multiple > div.multiple_item > select { width:calc(100% - 11.5rem - 3rem - 3rem); } #target_main #form_vypocet div.multiple > div.multiple_item > input { margin-left:1rem; width:5rem; padding-right:1rem; } #target_main #form_vypocet div.multiple > div.multiple_item > input:first-child { width:calc(100% - 11.5rem - 3rem - 2rem); margin-left:0; } #target_main #form_vypocet div.multiple > div.multiple_item > label { width:2.5rem; padding:1rem 0 1rem 0.5rem; font-size:0.75rem; line-height:1rem; height:auto; font-weight:bold; color:var(--text); } #target_main #form_vypocet div.multiple > div.multiple_item > a { display:inline-block; width:2rem; height:3rem; line-height:3rem; font-size:1rem; margin-bottom:1rem; text-align:center; color:var(--negative); cursor:pointer; text-decoration:none; } #target_main #form_vypocet div.multiple > div.multiple_item:last-child > a { display:none; } #target_main #form_vypocet div.multiple.max_pocet > div.multiple_item:last-child { display:none; } #target_main #form_vypocet div.boolean > input[type="checkbox"] + label { font-size:1rem; padding-left:1.5em; font-weight:normal; } #target_main #form_vypocet div.boolean + div.boolean, #target_main #form_vypocet div.boolean + div.side + div.boolean { margin-top:-1rem; } #target_main #form_vypocet div.vstup input, #target_main #form_vypocet div.vstup select { transition:color 0.3s, box-shadow 0.3s; } #target_main #form_vypocet div.sending input, #target_main #form_vypocet div.sending select { box-shadow:0.2rem 0.5rem 1rem rgba(149,190,60,0.5); color:var(--positive); } #target_main #form_vypocet div.error input:not(.invalid), #target_main #form_vypocet div.error select:not(.invalid), #target_main #form_vypocet div.warning > input:not(.invalid), #target_main #form_vypocet div.warning > select:not(.invalid), #target_main #form_vypocet div.warning > div.multiple_item > select:not(.empty) + input { box-shadow:0.2rem 0.5rem 1rem rgba(255,170,19,0.3); color:var(--warning); } #target_main #form_vypocet div.kontrola > input:not(.invalid), #target_main #form_vypocet div.kontrola > select:not(.invalid), #target_main #form_vypocet div.kontrola > div.multiple_item > select:not(.empty) + input { box-shadow:0.2rem 0.5rem 1rem rgba(255,170,19,0.3); color:var(--warning); } #target_main #form_vypocet fieldset > p.pokyny { font-size:0.75rem; line-height:1.2rem; width:26.25rem; /*padding-right:calc(100% - 34rem); */ color:var(--text_alt); } /*#target_main #form_vypocet div.side { float:right; position:sticky; top:2rem; right:0; width:calc(100% - 35rem); transition:opacity 0.3s; } #target_main #form_vypocet div.side { position:absolute; right:2rem; left:34rem; transition:opacity 0.3s; opacity:0; pointer-events:none; }*/ #target_main #form_vypocet div.side { float:right; width:calc(100% - 35em); margin-left:calc(35em - 100%); clear:right; } #target_main #form_vypocet div.side > div { max-height:0; transition:1s max-height linear; overflow:hidden;} /* #target_main #form_vypocet div.side.focus, #target_main #form_vypocet div.side.warning { opacity:1; z-index:2; pointer-events:all; } #target_main #form_vypocet div.side.warning > div { opacity:0; } #target_main #form_vypocet div.side.warning > div.warning { display:block; } #target_main #form_vypocet div.side.focus > div { opacity:1; } #target_main #form_vypocet div.side.focus > div.warning { opacity:0; } #target_main #form_vypocet div.side.warning > div.warning { opacity:1; } #target_main #form_vypocet div.side > div.warning { display:none; } */ #target_main #form_vypocet div.side > div.warning { display:block; } #target_main #form_vypocet div.side.warning > div.warning > h6, #target_main #form_vypocet div.side.warning > div.warning > p { color:var(--warning); } #target_main #form_vypocet div.side > div > h6 { line-height:1.2rem; } #target_main #form_vypocet div.side > div > p { font-size:0.75rem; line-height:1.2em; color:var(--text_alt); white-space:pre-wrap; text-align:justify; } #target_main #form_vypocet fieldset.checked > div.side:first-child > div:not(.warning), #target_main #form_vypocet div.side.focus > div:not(.warning), #target_main #form_vypocet div.side.warning > div.warning { max-height:20rem; } #target_main #form_vypocet div.side > div.kontrola { max-height:none; background:var(--body); position:relative; z-index:2; padding-bottom:1rem; } #target_main #form_vypocet div.side > div.kontrola > ul > li { position:relative; min-height:1.2em; margin-top:0.5rem; } #target_main #form_vypocet div.side > div.kontrola > ul > li > a { display:block; padding-left:3.75rem; min-height:1.2em; } #target_main #form_vypocet div.side > div.kontrola > ul > li:before, #target_main #form_vypocet div.side > div.kontrola > ul > li:after { content:attr(data-oblast)'.'; color:var(--positive); display:block; position:absolute; left:0; top:0; width:1.5rem; text-align:right; font-weight:700; line-height:1.2em; pointer-events:none; } #target_main #form_vypocet div.side > div.kontrola > ul > li:after { content:attr(data-otazka); color:var(--text); left:1.5rem; width:2rem; text-align:left; font-weight:400; line-height:1.15em; } #target_main #form_vypocet fieldset > label { line-height:1.2rem; height:auto; margin-bottom:1rem; color:var(--text); } #target_main #form_vypocet fieldset > input[type="checkbox"] ~ div.vstup, #target_main #form_vypocet fieldset > input[type="checkbox"] ~ div.side { max-height:0; overflow:hidden; transition:1s max-height linear; } #target_main #form_vypocet fieldset > input[type="checkbox"] ~ div.vstup.numeric { transition:0.3s max-height linear; } #target_main #form_vypocet fieldset > input[type="checkbox"]:checked ~ div.vstup, #target_main #form_vypocet fieldset > input[type="checkbox"]:checked ~ div.side { max-height:20rem; } #target_main #form_vypocet fieldset > input[type="checkbox"]:checked ~ div.vstup.numeric { max-height:6rem; } #target_main #form_vypocet fieldset > input[type="checkbox"] + label { max-width:24rem; } #target_main #form_vypocet fieldset { overflow:hidden; } #target_main #form_vypocet input.question:not(:checked) + label + fieldset { height:0; } #target_main #form_vypocet p.pokyny { margin-left:5rem; max-width:25.25rem; text-align:justify; } #target_main #form_vypocet div.vstup { margin-left:4rem; } #target_main #form_vypocet .button { margin-left:4rem; } #target_main #form_vypocet .button.fl, #target_main #form_vypocet .button.fr { margin-left:0; } /* #target_main #form_vypocet div.vstup:before { position:absolute; right:100%; content:attr(data-otazka) "." attr(data-podotazka) "." attr(data-poradi); color:var(--positive); } */ /*#target_main #form_vypocet input.question + label { margin-left:3.5rem; width:25rem; margin-top:1rem; } #target_main #form_vypocet input.question + label.subquestion { font-size:0.75rem; font-weight:bold; color:var(--text); } /*/ #target_main #form_vypocet div.vstup.numeric_unit > label:first-child { width:12.5rem; display:inline-block; vertical-align:middle; } #target_main #form_vypocet div.vstup.numeric_unit > input:not(type="checkbox") { display:inline-block; vertical-align:middle; margin-top:0.5rem; margin-bottom:1.5rem; } #target_main #form_vypocet div.vstup.numeric_unit > input + label { width:5rem; display:inline-block; vertical-align:middle; margin-right:-3rem; } #target_main #form_vypocet fieldset > input[type="checkbox"]:checked ~ div.vstup.numeric.numeric_unit { max-height:5rem; } #target_main #form_vypocet fieldset > input[type="checkbox"]:checked ~ div.vstup.multiple { max-height:50rem; } #target_main #form_vypocet div.vstup.numeric_unit[data-poradi] > label:first-child { padding-left:2rem; width:14.5rem; } #target_main #form_vypocet div.vstup[data-special="stat"] { width:13.25rem; display:inline-block; } /* #target_main #form_vypocet div.vstup[data-special="rok"] { width: 7rem; display:inline-block; } */ #target_main #form_vypocet div.vstup[data-special="rok"] > label { display:inline-block; width:15.5rem; margin-top:1rem; } #target_main #form_vypocet div.vstup[data-special="ico"] { width:10rem; display:inline-block; margin-left:3rem; } #target_main #form_vypocet div.vstup[data-special="ico"] > input { width:5rem; text-align:right; padding-right:4rem; } #target_main #form_vypocet div.vstup[data-special="ico"]:after { content:"\29c3"; display:block; position:absolute; bottom:1.5rem; right:0; width:3rem; height:3rem; background:#fff; font-family:'icomoon'; color:var(--positive); line-height:3rem; text-align:center; } #target_main #form_vypocet div.vstup[data-special="ico"]:hover:after { color:var(--text); } #target_main #form_vypocet div.vstup[data-special="ico"].sending:after { color:var(--warning); } #target_main #form_vypocet:not([data-stat="CZ"]) div.vstup[data-special="ico"]:after { display:none; } #target_main #form_vypocet div.vstup[data-special="mesto"] { width:18.25rem; display:inline-block; } #target_main #form_vypocet div.vstup[data-special="mesto"] > textarea { width:calc(100% - 2rem); } #target_main #form_vypocet div.vstup[data-special="psc"] { width:5rem; display:inline-block; margin-left:3rem; } #target_main #form_vypocet div.vstup[data-special="psc"] > input { width:calc(100% - 2rem); text-align:right; } #target_main #form_vypocet div.vstup[data-special="mesto"] > textarea, #target_main #form_vypocet div.vstup[data-special="ulice"] > textarea, #target_main #form_vypocet div.vstup[data-special="nazev"] > textarea { resize:none; height:1.4rem; min-height:1.4rem; } /* verze kdy se napoveda zobrazuje jen pro aktivni policko */ #target_main #form_vypocet div.vstup.numeric[data-special="obrat_czk"] > label:first-child { width: 15.5rem; display: inline-block; vertical-align: middle; } #target_main #form_vypocet div.vstup.numeric[data-special="obrat_czk"] > input { width:5rem; } #target_main #form_vypocet div.vstup.numeric[data-special="obrat_czk"] > input[type="number"] { width:13.5rem; } #target_main #form_vypocet div.vstup.numeric[data-special="obrat_czk"] > select { width:4rem; } #target_main #form_vypocet div.vstup.numeric[data-special="obrat_czk"] > input[type="number"][data-value-length] { font-size:inherit; } #target_main #form_vypocet div.vstup[data-special^="zamestnanci"], #target_main #form_vypocet div.vstup[data-special="plocha_m2"] { width:10rem; display:inline-block; } #target_main #form_vypocet div.vstup[data-special="plocha_m2"] { margin-left:6.5rem; } #target_main #form_vypocet div.vstup[data-special^="zamestnanci"] > input, #target_main #form_vypocet div.vstup[data-special="plocha_m2"] > input { width:calc(100% - 2rem - 3rem); text-align:right; } #target_main #form_vypocet div.vstup[data-special^="zamestnanci"] > input + label, #target_main #form_vypocet div.vstup[data-special="plocha_m2"] > input + label { width:2.5rem; } #target_main #form_vypocet div.side[data-special="plocha_m2"] { margin-top:-7.125rem; } #target_main #form_vypocet div.vstup[data-special="stat"] input[type="checkbox"][name^="kontrola"] + label, #target_main #form_vypocet div.vstup[data-special="ico"] input[type="checkbox"][name^="kontrola"] + label, #target_main #form_vypocet div.vstup[data-special="mesto"] input[type="checkbox"][name^="kontrola"] + label, #target_main #form_vypocet div.vstup[data-special="psc"] input[type="checkbox"][name^="kontrola"] + label, #target_main #form_vypocet div.vstup[data-special="ulice"] input[type="checkbox"][name^="kontrola"] + label, #target_main #form_vypocet div.vstup[data-special="nazev"] input[type="checkbox"][name^="kontrola"] + label { left:auto; right:0.5rem; } #target_main #form_vypocet div.vstup[data-special^="zamestnanci"] input[type="checkbox"][name^="kontrola"] + label, #target_main #form_vypocet div.vstup[data-special="plocha_m2"] input[type="checkbox"][name^="kontrola"] + label { left:auto; right:3.5rem; } #target_main #form_vypocet div.vstup.corrected > input, #target_main #form_vypocet div.vstup.corrected > select, #target_main #form_vypocet div.vstup.corrected > textarea, #target_main #form_vypocet div.vstup.corrected > .multiple_item:not(:last-child) > input, #target_main #form_vypocet div.vstup.corrected > .multiple_item:not(:last-child) > select { box-shadow:0.2rem 0.5rem 1rem var(--warning); } #target_main #form_vypocet + div.page { text-align:center; margin:3rem 3rem 3rem 22rem; position:relative; } #target_main #form_vypocet + div.page > a.fl { position:absolute; left:0rem; padding-left:1.5rem; } #target_main #form_vypocet + div.page > a.fl:before { position:absolute; left:0; top:0; } #target_main #form_vypocet + div.page > a.fr { position:absolute; right:0rem; padding-right:1.5rem; } #target_main #form_vypocet + div.page > a.fr:before { position:absolute; right:0; top:0; } #target_main #form_vypocet > .upgrade { margin-left:5rem; } #target_main #form_sdilet { padding:3rem 0; } #target_main #form_sdilet p > span.copy { display:block; } #target_main #form_cesty { width:31rem; margin:0 auto; position:relative; } #target_main #form_cesty h1 { margin-bottom:0.5rem; } #target_main #form_cesty h3 { font-weight:normal; margin-bottom:0.5rem; } #target_main #form_cesty label.header { display:inline-block; font-size:0.75rem; line-height:1.2rem; height:1.2em; width:9rem; margin-right:1rem; } #target_main #form_cesty label.header + label { width:13rem; } #target_main #form_cesty label.header + label + label { width:6rem; text-align:right; } #target_main #form_cesty label.units { width:9rem; line-height:1.2em; margin-bottom:1rem; } #target_main #form_cesty div.vstup > label:first-child { display:inline-block; width:8rem; font-size:0.75rem; line-height:1.2rem; height:auto; padding:1rem 1rem 0 0; font-weight:bold; color:var(--text); margin-bottom:1em; } #target_main #form_cesty div.numeric_select > select { width:10rem; margin-right:1rem;} #target_main #form_cesty div.vstup > input { padding-right:3rem; } #target_main #form_cesty div.vstup > input + label { display:inline-block; width:1.25rem; padding-top:0; margin-left:-2.5rem; } #target_main #form_cesty div.vstup > input[type="submit"].button { width:8rem; padding:0; height:3rem; line-height:3rem; text-align:center; } #target_main #form_cesty div.vstup.dovolena > input[type="number"] { padding-right:8rem; } #target_main #form_cesty div.vstup.dovolena > input[type="number"]+label { margin-left:-7.5rem; width:8.5rem; } #target_main #form_cesty p.saved { padding-left:10rem; color:var(--text_alt); } /* var(--text_alt) !important */ /* REDESIGN OTÁZEK */ #target_main #form_vypocet pre { display:block; position:absolute; } #target_main #form_vypocet label.question { font-size:1.2rem; font-weight:500; line-height:1.2em; max-width:26rem; height:auto; margin:1rem 0 2rem 5rem; color:var(--text_alt); } #target_main #form_vypocet label.question.subquestion { font-size:1.1rem; font-weight:normal; margin-left:5rem; margin-top:1rem; margin-bottom:1rem; } #target_main #form_vypocet input[type="checkbox"] + label.question { font-size:1.1rem; margin-left:5rem; padding-left:2rem; color:var(--text); } #target_main #form_vypocet input[type="checkbox"] + label.question.subquestion { font-size:1.0rem; } #target_main #form_vypocet input[type="checkbox"] + label:not(.subquestion):before, #target_main #form_vypocet input[type="checkbox"] + label:not(.subquestion):after { top:0.2rem; } #target_main #form_vypocet label:empty { display:none; } #target_main #form_vypocet h1 + label.question { margin-top:0; } #target_main .menu_oblasti.form_vypocet.form_nastaveni { position:fixed; } #target_main .admin_vypocet { /* padding:3rem 0; border-top:1px solid var(--line);*/ } #target_main .admin_vypocet > div.inline { display:inline-block; } #target_main .admin_vypocet > div.inline label { display:block; height:auto; width:max-content; margin:0 auto 0.25rem; line-height:1.2em; } #target_main .admin_vypocet > div.inline select { width:auto; min-width:9rem; } #target_main .admin_vypocet > div.inline + div.inline { margin-left:2rem; } #target_main #form_extra, #target_main #form_exclude { width:60rem; margin-left:18rem; } #target_main .admin_vypocet #extra_tree { column-width:22rem; column-count:auto; column-gap:2rem; text-align:left; margin-top:3rem; } #target_main .admin_vypocet #extra_tree ul { } #target_main .admin_vypocet #extra_tree li { display:block; padding-left:2rem; position:relative; } #target_main .admin_vypocet #extra_tree li.extra > label { color:var(--text); } #target_main .admin_vypocet #extra_tree li:before { content:attr(data-num)"."; display:block; position:absolute; left:0; width:1.75rem; text-align:right; } #target_main .admin_vypocet #extra_tree > li { font-size:1.25rem; font-weight:bold; break-inside:avoid; } #target_main .admin_vypocet #extra_tree > li > label { font-size:inherit; line-height:inherit; height:auto; margin-bottom:0.5rem; color:var(--text); } #target_main .admin_vypocet #extra_tree > li > ul { display:block; margin-bottom:2rem; margin-left:-1rem; overflow:hidden; } #target_main .admin_vypocet #extra_tree > li > ul > li { font-size:1rem; font-weight:normal; margin-bottom:0.5rem; } #target_main .admin_vypocet #extra_tree > li > ul > li > label { color:var(--text); } #target_main .admin_vypocet #extra_tree > li > ul > li:first-child { margin-top:0.5rem; } #target_main .admin_vypocet #extra_tree > li > ul > li > ul { padding:0.25rem 0 0 0; margin-left:-1rem; overflow:hidden; } #target_main .admin_vypocet #extra_tree > li > ul > li > ul > li { font-size:0.8rem; color:#999; font-weight:normal; } #target_main .admin_vypocet #extra_tree > li > ul > li > ul > li > ul { padding:0.25rem 0 0 0; margin-left:-1rem; overflow:hidden; } #target_main .admin_vypocet #extra_tree > li > ul > li > ul > li > ul > li > label { font-style:italic; } #target_main .admin_vypocet #extra_tree input[type="checkbox"][value="1"] + label:before { content:"\2611"; color:var(--text_alt); opacity:1 !important; } #target_main .admin_vypocet #extra_tree input[type="checkbox"][value="1"] + label:after { content:"\2612"; color:var(--negative); opacity:0 !important; } #target_main .admin_vypocet #extra_tree input[type="checkbox"][value="0"] + label:before { content:"\2612"; color:var(--text_alt); opacity:1 !important; } #target_main .admin_vypocet #extra_tree input[type="checkbox"][value="0"] + label:after { content:"\2611"; color:var(--positive); opacity:0 !important; } #target_main .admin_vypocet #extra_tree input[type="checkbox"][value="1"]:checked + label:before { opacity:0 !important; } #target_main .admin_vypocet #extra_tree input[type="checkbox"][value="1"]:checked + label:after { opacity:1 !important; } #target_main .admin_vypocet #extra_tree input[type="checkbox"][value="0"]:checked + label:before { opacity:0 !important; } #target_main .admin_vypocet #extra_tree input[type="checkbox"][value="0"]:checked + label:after { opacity:1 !important; } #target_main .admin_vypocet #extra_tree input[type="checkbox"][value="1"]:checked + label + ul, #target_main .admin_vypocet #extra_tree input[type="checkbox"][value="0"]:not(:checked) + label + ul { /*max-height:0;*/ opacity:0.5; pointer-events:none; } #target_main .admin_vypocet #extra_tree input[type="checkbox"][value="1"]:checked + label + ul > li, #target_main .admin_vypocet #extra_tree input[type="checkbox"][value="0"]:not(:checked) + label + ul > li { pointer-events:none; tab-index } #target_main .admin_vypocet.upgrade > p { min-height:12rem; } #target_main #form_xls_export, #target_main #form_xls_import { width:60rem; margin-left:18rem; } #target_main .vypocty { margin:0 auto 2rem; text-align:left; max-width:73rem; text-align:center; padding-right:1rem; } #target_main .vypocty > .vypocet { display:inline-block; position:relative; width:20rem; min-height:16rem; height:auto; padding:1.5rem; background:#fff; box-shadow:0.1rem 0.25rem 1rem rgba(0,0,0,0.5); margin:1rem 0 1rem 1rem; text-align:left; } #target_main .vypocty > .vypocet > strong { display:block; max-width:15rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} #target_main .vypocty > .vypocet > span { display:block; font-size:0.66rem; line-height:1.2em; margin-top:0.3rem; max-width:15rem; height:1.2em; } #target_main .vypocty > .vypocet > em, #target_main .vypocty > .vypocet > mark { display:block; position:absolute; top:1.5rem; right:1.5rem; font-size:1rem; line-height:1.2rem; border-radius:1rem; padding:0; background:var(--button-cta-hover-back); color:var(--button-cta-hover-text); } #target_main .vypocty > .vypocet > em { top:3rem; font-style:normal; font-size:0.66rem; line-height:1.2em;} #target_main .vypocty > .vypocet > ul.menu_oblasti { display:block; float:none; padding:0; box-shadow:none; margin:1rem -0.5rem 0 -0.5rem; column-count:2; width:calc(100% + 1rem); } #target_main .vypocty > .vypocet > ul.menu_oblasti > li { margin-bottom:0.25rem; } #target_main .vypocty > .vypocet > ul.menu_oblasti > li > a { font-size:0.66rem; line-height:1rem; } #target_main .vypocty > .vypocet > ul.menu_oblasti > li > a:before { font-size:0.75rem; line-height:1rem; } #target_main .vypocty > .vypocet > ul.menu_oblasti > li > a:after { display:none; } #target_main .vypocty > .vypocet > ul.menu_oblasti > li.disabled { pointer-events:none; } #target_main .vypocty > .vypocet > ul.menu_oblasti > li.disabled > a { text-decoration:line-through; } #target_main .vypocty > .vypocet > ul.menu_oblasti > li.nastaveni > a:before { } #target_main .vypocty > .vypocet > ul.features { display:block; margin:1.5rem 0 1rem; } #target_main .vypocty > .vypocet > ul.features > li { display:block; position:relative; padding-left:1rem; margin-bottom:0.25rem; } #target_main .vypocty > .vypocet > ul.features > li:before { content:'+'; color:var(--positive); font-weight:bold; position:absolute; left:0; top:0; line-height:inherit; } #target_main .vypocty > .vypocet > ul.features > li.ne { } #target_main .vypocty > .vypocet > ul.features > li.ne:before { content:'-'; color:var(--negative); } #target_main .vypocty > .vypocet > ul.souhrn { display:block; margin:1rem 0 0.5rem; padding:1rem 0 0 0; border:1px solid #ccc; border-left:none; border-right:none; } #target_main .vypocty > .vypocet > ul.souhrn > li { display:block; position:relative; padding:0; margin-bottom:0.5rem; text-align:right; color:var(--text_alt); } #target_main .vypocty > .vypocet > ul.souhrn > li:before { display:none; content:none; } #target_main .vypocty > .vypocet > ul.souhrn > li > span { display:inline-block; vertical-align:baseline; font-size:1.25rem; font-weight:500; width:auto; text-align:right; } #target_main .vypocty > .vypocet > ul.souhrn > li > span + span { text-align:left; width:2rem; } #target_main .vypocty > .vypocet > ul.souhrn > li > small { display:inline-block; vertical-align:baseline; font-size:0.75rem; font-weight:500; width:7.5rem; text-align:left; } #target_main .vypocty > .vypocet > ul.souhrn > li.sum { color:var(--text) } #target_main .vypocty > .vypocet > ul.souhrn + a.button { margin-top:0.5rem; } #target_main .vypocty > .vypocet > a.pdf { display:block; font-size:1.25rem; text-decoration:none; margin-bottom:0.5rem; transition:color 0.3s; } #target_main .vypocty > .vypocet > a.pdf:before { font-size:1.5rem; display:inline-block; vertical-align:baseline; margin-right:0.25rem; } #target_main .vypocty > .vypocet > a.pdf:hover { color:var(--positive); } #target_main .vypocty > .vypocet > a.button.vysledky { margin-bottom:0; } #target_main .vypocty > .vypocet > a.pdf:last-child { margin-bottom:0; } /*#target_main .vypocty > .vypocet > a.formular { display:block; font-size:2rem; color:var(--text_alt); line-height:2.2rem; height:2.2rem; width:2.2rem; text-align:center; float:right; margin:1rem 1rem 0 0; text-decoration:none; transition:color 0.3s; } #target_main .vypocty > .vypocet > a.formular:hover { color:var(--text); } */ #target_main .vypocty > .vypocet > a.formular { display:block; color:var(--text_alt); font-size:1rem; text-decoration:none; margin-bottom:0rem; transition:color 0.3s; } #target_main .vypocty > .vypocet > a.formular:before { font-size:1.2rem; display:inline-block; vertical-align:baseline; margin-right:0.25rem; padding-left:0.3rem; } #target_main .vypocty > .vypocet > a.formular:hover { color:var(--text); } #target_main .vypocty > .vypocet > svg.html_donut { display:block; width:7rem; height:7rem; position:absolute; left:1.5rem; top:5.66rem; } #target_main .vypocty > .vypocet > svg.html_donut line { stroke:#fff; } /* #target_main .vypocty > .vypocet > ul.souhrn > li > span { display:inline-block; vertical-align: middle; background:#fcc; width:9rem; font-weight:bold; } #target_main .vypocty > .vypocet > ul.souhrn > li > em { display:inline-block; vertical-align: middle; font-size:1.5rem; background:#cfc; width:11rem; text-align:right; line-height:1.2rem; font-weight:bold; font-style:normal; white-space:nowrap; } #target_main .vypocty > .vypocet > ul.souhrn > li > em > small { display:inline-block; padding-left:0.25rem; } #target_main .vypocty > .vypocet > ul.souhrn > li > em > small > sub { display:inline-block; margin-bottom:-1em; } #target_main .vypocty > .vypocet > ul.souhrn > li > em > small:after { content: "\24d8"; display:inline-block; padding-left:0.25rem; } */ #target_main .vypocty > .vypocet > a.button { display:block; margin:1rem 0; float:right; } #target_main .vypocty > .vypocet > a.button.smazat { float:left; background:var(--line) !important; } #target_main .vypocty > .vypocet > a.button.smazat:hover { float:left; background:var(--negative) !important; } #target_main .vypocty > .vypocet > a.button.full { margin-bottom:0; /*position:absolute; left:1.5rem; right:1.5rem; bottom:0.5rem;*/ float:none; width:auto; text-align:center; } #target_main .vypocty > .vypocet > a.button.new { } #target_main .vypocty > a.vypocet { border:0.1rem solid #0c0; padding:1.4rem; color:#0c0; } #target_main .vypocty > a.vypocet > span { position:absolute; top:60%; left:10%; width:80%; text-align:center; } #target_main .vypocty > a.vypocet > span:before { display:block; content:'+'; font-size:10rem; font-weight:bold; position:absolute; bottom:0; left:0; width:100%; line-height:1em; } #target_main .vypocty > .vypocet[data-koupene]:before { content: attr(data-koupene)'×'; font-size: 5rem; position: absolute; right: 1rem; top: 6.5rem; font-weight: bold; color: var(--line); } #target_main .vypocty > .vypocet[data-koupene="0"]:before { display:none; } #target_main .wrapper.html_report { padding-bottom:10rem; } #target_main .wrapper.html_report h2 { position:relative; z-index:2; } #target_main .wrapper.html_report h3.warning { color:var(--warning); font-weight:500; } #target_main .wrapper.html_report h1 { font-weight:500; } #target_main .wrapper.html_report h1 + h3 { color:var(--text_alt); font-weight:500; } #target_main .wrapper.html_report h2.sum_co2e { font-weight:500; margin-bottom:2em; } #target_main .wrapper.html_report h2.sum_co2e > small { display:block; font-size:1rem; line-height:1.2em; font-weight:normal; } #target_main .wrapper.html_report h3 > a.pdf { text-transform:uppercase; font-weight:400; margin:0 2rem; transition:color 0.3s; } #target_main .wrapper.html_report h3 > a.pdf:before { font-size:2.5rem; display:inline-block; vertical-align: middle; margin-top: -0.5rem; } #target_main .wrapper.html_report h3 > a.pdf:hover { text-decoration:none; color:var(--positive); } #target_main .wrapper.html_report p { /*font-size:0.75rem; line-height:1.3em;*/ max-width:50rem; margin-left:auto; margin-right:auto; margin-bottom:2rem; } #target_main .wrapper.html_report .wrap_33 { width:100%; display:block; margin-bottom:3rem; } #target_main .wrapper.html_report .wrap_23 { width:calc(66.66% - 0.667rem); display:inline-block; margin-bottom:3rem; } #target_main .wrapper.html_report .wrap_13 { width:calc(33.33% - 1.333rem); display:inline-block; margin-bottom:3rem; } #target_main .wrapper.html_report .wrap_12 { width:calc(50.00% - 1.000rem); display:inline-block; margin-bottom:3rem; } #target_main .wrapper.html_report #ghg_table { /*min-height:280px;*/ } #target_main .wrapper.html_report .ghg_mrk_donut_wrap { display:block; float:right; } #target_main .wrapper.html_report .ghg_loc_donut_wrap, #target_main .wrapper.html_report .gas_donut_wrap, #target_main .wrapper.html_report .gas_columns_wrap, #target_main .wrapper.html_report .kat_donut_wrap, #target_main .wrapper.html_report .energy_donut_wrap, #target_main .wrapper.html_report .ghg3_table_wrap, #target_main .wrapper.html_report .agg_sum_columns_wrap { margin-left:2rem; } /*#target_main .wrapper.html_report #vybrane_table > ul > li > span:nth-child(3), #target_main .wrapper.html_report #vybrane_table > ul > li > span:nth-child(5) { display:none; } */ #target_main .wrapper.html_report .wrap_13 .html_columns > div { gap:5%; } #target_main .wrapper.html_report .wrap_13 .html_donut { width:calc(33.33vw - 3.333rem); height:calc(33.33vw - 3.333rem); margin:-6vw auto; } #target_main .wrapper.html_report .wrap_13 .html_donut text { font-size:12px; } #target_main .wrapper.html_report .html_columns { min-height:19vw; } #target_main .wrapper.html_report .kat_rows_wrap { height:22rem; } #target_main .wrapper.html_report .energy_rows_wrap { height:12.5rem; } #target_main .wrapper.html_report .ghg1_table_wrap > div > ul, #target_main .wrapper.html_report .ghg3_table_wrap > div > ul { margin-top:-1.5rem; } #target_main .wrapper.html_report #ghg3_table + p { color:var(--line); margin-top:0.5rem; text-align:center; } #target_main .wrapper.html_report .vybrane_table_wrap { margin:0 auto 3rem; width:max-content; } #target_main .wrapper.html_report .doplnkove_donut_wrap + .doplnkove_donut_wrap { margin-left:2rem; } #target_main .wrapper.html_report .doplnkove_donut_wrap > strong { display:block; font-size:3rem; line-height:3rem; text-align:center; white-space:nowrap; } #target_main .wrapper.html_report .doplnkove_donut_wrap > span { display:block; text-align:center; max-width:18rem; margin:0 auto; } #target_main .wrapper.html_report .doplnkove_donut_wrap > .html_donut { margin:0 auto; } #target_main .wrapper.html_report .vysveltivky_wrap { column-count:2; column-gap:2rem; } #target_main .wrapper.html_report .vysveltivky_wrap > p { margin:0 0 1rem 0; max-width:none; column-break-inside:avoid; break-inside:avoid; } #target_main .wrapper.html_report .button:before { font-size:1.5rem; display:inline-block; vertical-align:baseline; } #target_main .wrapper.html_report #ghg_columns { height:calc(12rem + 8px + 1px + 1.6rem); margin-top:0.6rem; min-height:0; } #target_main .wrapper.html_report #ghg_columns > div { height:calc(100% - 3.25rem); width:calc(100% - 5rem); padding-left:1rem; } #target_main .wrapper.html_report #agg_columns, #target_main .wrapper.html_report #agg_sum_columns { padding-bottom:0.5rem; } #target_main .wrapper.html_report #agg_columns > div { gap:0; } #target_main .wrapper.html_report #agg_columns > div > mark:empty { opacity:0; } #target_main .wrapper.html_report #agg_columns > div > mark:after { width:400%; left:0; } #target_main .wrapper.html_report .upgrade { margin-top:5rem; } #target_main .wrapper.html_report .upgrade p { margin-left:0; margin-right:0; } /* verze kdy se stakuji napovedy vpravo, vsechny viditelne, pripadne se posouvaji vstupy dolu #target_main #form_vypocet div.vstup { float:left; clear:left; } #target_main #form_vypocet div.side { position:static; float:right; clear:both; } */ #body #target_header, #body #target_header > div.profil > div, #body #target_main > mark, #body .boxes > div > div, #target_main .menu_oblasti { box-shadow:0.2rem 0.5rem 1rem rgba(0,0,0,0.15); } #target_main #form_objednat { width:max-content; margin:0 auto; } #target_main #form_objednat h1 { text-align:center; } #target_main #form_objednat group label { color:var(--text); } #target_main #form_objednat group { display:inline-block; width:22rem; position:relative; text-align:left; } #target_main #form_objednat group > legend { display:block; font-size:0.75rem; margin-left:1rem; font-weight:bold; margin-bottom:1rem; } #target_main #form_objednat group label, #target_main #form_objednat group input, #target_main #form_objednat group select { margin-bottom:0.5rem; } #target_main #form_objednat group.level label.active, #target_main #form_objednat group.level label.active + input + label.inc + label.dec + label.txt { color:var(--text); } #target_main #form_objednat group.level label { width:7rem; margin-left:1rem; text-transform:uppercase; } #target_main #form_objednat group.level input[type="number"] { width:1.5rem; margin-left:1rem; } #target_main #form_objednat group.level label.txt { width:7rem; text-align:right; white-space:nowrap; margin-left:0; margin-right:1rem; text-transform:none; position:relative; } #target_main #form_objednat group.level label.txt:after, #target_main #form_objednat group.level.upgrade input[type="radio"] + label > strong:after { content:' CZK'; font-size:0.75rem; line-height:inherit; } #target_main #form_objednat group.level label.txt[data-suffix] { color:transparent; user-select:none; pointer-events:none; } #target_main #form_objednat group.level label.txt[data-suffix]:after { color:var(--text); text-indent:1000px; content:attr(data-suffix); text-transform:uppercase; } #target_main #form_objednat group.level input[type="number"].kupon + label + label + label.txt:before { content:'%'; position:absolute; display:block; left:-4.9rem; top:0; font-size:2rem; line-height:3rem; text-align:center; color:var(--text); opacity:0.2; } #target_main #form_objednat group.level hr { margin:0; width:100%; } #target_main #form_objednat group.level label#objednat_sleva, #target_main #form_objednat group.level label#objednat_kupon, #target_main #form_objednat group.level label#objednat_suma, #target_main #form_objednat group.level label#objednat_dph, #target_main #form_objednat group.level label#objednat_suma_dph { margin-left:5.5rem; } #target_main #form_objednat group.level label.bold { font-weight:bold; } #target_main #form_objednat group.level hr.bold { border-color:var(--text); } #target_main #form_objednat group.level hr ~ label { margin-bottom:0; color:var(--text); } #target_main #form_objednat group.level hr + label { width:12rem; margin-right:-5rem; } #target_main #form_objednat group.level hr.hidden + label, #target_main #form_objednat group.level hr.hidden + label + label { display:none; } #target_main #form_objednat group.level hr.invalid + label, #target_main #form_objednat group.level hr.invalid + label + label { color:var(--negative); } #target_main #form_objednat group.level input[type="radio"].payment:not(:checked) + label + label { color:var(--line); } #target_main #form_objednat group.level.upgrade legend { margin-bottom:0.5rem; } #target_main #form_objednat group.level.upgrade label.nova_varianta, #target_main #form_objednat group.level.upgrade label.soucasna_varianta { width:17.5rem; } #target_main #form_objednat group.level.upgrade input[type="radio"].upgrade + label { display:block; margin-left:0; margin-bottom:1rem; width:20rem; color:inherit; } #target_main #form_objednat group.level.upgrade input[type="radio"].upgrade + label > span { display:inline-block; width:13rem; text-transform:uppercase; } #target_main #form_objednat group.level.upgrade input[type="radio"].upgrade + label > strong { display:inline-block; width:6rem; font-weight:normal; text-align:right; white-space:nowrap; color:var(--line); } #target_main #form_objednat group.level.upgrade input[type="radio"].upgrade:checked + label, #target_main #form_objednat group.level.upgrade input[type="radio"].upgrade:checked + label > strong { color:var(--text); } #target_main #form_objednat group.level.upgrade input[type="radio"].upgrade:disabled + label { color:var(--line); } #target_main #form_objednat group.level.upgrade input[type="radio"].upgrade:disabled + label:before { color:var(--line) !important; } #target_main #form_objednat group.level input[name="objednat[online]"] + label { display:inline-block; width:12rem; margin:1rem 0 1rem 0; } #target_main #form_objednat group.level input[name="objednat[online]"][disabled] + label + label { color:var(--text_alt); } #target_main #form_objednat group.level #objednat_online_0 + label { margin-top:0; } #target_main #form_objednat group.level #objednat_online_0 + label + label { margin-top:-1rem; } #target_main #form_objednat group.level #objednat_level { width:10rem; margin-left:1rem; } #target_main #form_objednat group.level #objednat_kupon_kod { width:11rem; margin-left:1rem; } #target_main #form_objednat group.level #objednat_kupon_kod.valid { background:var(--back) url('../img/green-checkmark.svg') right 1rem top 50% no-repeat; background-size:1rem auto; } #target_main #form_objednat group.level input[type="checkbox"] + label + label.txt { margin-bottom:0; color:var(--text_alt); } #target_main #form_objednat group.level input[type="checkbox"]:checked + label + label.txt { color:var(--text); } #target_main #form_objednat group.level input[type="checkbox"] + label, #target_main #form_objednat group.level input[type="radio"] + label { width:12.5em; margin:1rem 0 1rem -0.5rem; } #target_main #form_objednat group.level .doplnky + .doplnky { margin-top:-1rem; } #target_main #form_objednat group.level .subtotal { width:12.5rem; margin-right:0; margin-bottom:0; } #target_main #form_objednat group.level .subtotal + label.txt { margin-bottom:0; } #target_main #form_objednat group.level.payment legend { margin-bottom:0rem; } #target_main #form_objednat group.level #objednat_suma + label, #target_main #form_objednat group.level #objednat_suma + label + label { margin-top:-1rem; } #target_main #form_objednat group.level #objednat_kupon_text { display:block; text-align:right; color:var(--text_alt); margin-bottom:1rem; margin-right:1rem; } #target_main #form_objednat group.user > p.profil { } #target_main #form_objednat group.user > p.profil > span { display:block; margin-bottom:0.5rem; } #target_main #form_objednat group.user > p.profil > span:before, #target_main #form_objednat group.user > p.profil > a:before{ display:inline-block; line-height:inherit; width:2rem; text-align:center; margin-left:-1rem; } #target_main #form_objednat group.user > p.profil > span.icon-:before { content:''; } #target_main #form_objednat group.user > p.profil > span.profil_telefon, #target_main #form_objednat group.user > p.profil > span.profil_psc { margin-bottom:1.5rem; } #target_main #form_objednat group.user > p.profil > span.profil_mesto, #target_main #form_objednat group.user > p.profil > span.profil_psc { display:inline-block; width:max-content; } #target_main #form_objednat group.user > p.profil > span.profil_ico:before, #target_main #form_objednat group.user > p.profil > span.profil_dic:before { font-family:inherit !important; content:'IČO'; font-size:0.75rem; line-height:inherit; } #target_main #form_objednat group.user > p.profil > span.profil_dic:before { content:'DIČ'; } #target_main #form_objednat group.user > p.profil > a { display:block; color:var(--text_alt); } #target_main #form_objednat group.user > p.profil > a.upravit { margin-top:1.5rem; } #target_main #form_objednat group.user > label { margin-left:1rem; } #target_main #form_objednat group.user > a.fr { margin-right:1rem; } #target_main #form_objednat group.user > a.fl { margin-left:0; } #target_main #form_objednat group.user > label[for="objednat_kupon_kod"] { display:inline-block; max-width:11rem; width:max-content; padding-right:1rem; position:relative; } #target_main #form_objednat group.user > label[for="objednat_kupon_kod"]:before { content:'%'; position:absolute; left:-2rem; top:0; width:2rem; text-align:center; line-height:inherit; font-weight:bold; } #target_main #form_objednat group.user > input#objednat_kupon_kod { display:inline-block; width:7rem; text-transform:uppercase; } #target_main #form_objednat group.user > span#objednat_kupon_text { color:var(--positive); display:block; margin-left:1rem; } #target_main #form_objednat group.user > span#objednat_kupon_text:empty { display:none; } #target_main #form_objednat group.user > input#objednat_kupon_kod.invalid + span#objednat_kupon_text { color:var(--negative); } #target_main #form_objednat group.user #objednat_email + a { margin-left:1rem; margin-right:1rem; font-size:0.75rem; color:var(--text_alt); transition:color 0.3s; } #target_main #form_objednat group.user #objednat_email + a:hover { color:var(--text); } #target_main #form_objednat group + group { margin-left:4rem; } #target_main #form_objednat label[for="objednat_souhlas"] { font-size:0.8rem; line-height:1rem; padding-top:0.5rem; width:auto !important; padding:0.3em 0 0.175em 2em; height:2.4em; margin-left:-1rem; margin-top:0.7rem; } #target_main #form_objednat label[for="objednat_souhlas"] > a { text-decoration:underline; } #target_main #form_objednat label[for="objednat_souhlas"]:before, #target_main #form_objednat label[for="objednat_souhlas"]:after { font-size:1rem; top:0.7em; } #target_main #form_objednat p#pozn_dohodou { display:none; font-size:0.8rem; line-height:1rem; padding:1rem 1rem 0; margin-bottom:0; color:var(--text_alt); position:relative; } #target_main #form_objednat p#pozn_dohodou:before { content:'*'; font-size:1.5rem; position:absolute; left:0; } #target_main #form_objednat.agreement p#pozn_dohodou { display:block; } #target_main #form_objednat.agreement #objednat_suma_dph:before { content:'*'; font-size:1.5rem; position:absolute; right:-1rem; } #target_main #form_objednat group.user > label[for="objednat_ico"] { display:inline-block; max-width:11rem; width:max-content; padding-right:1rem; position:relative; color:var(--text); } #target_main #form_objednat group.user > label[for="objednat_ico"]:before { position:absolute; left:-2rem; top:0; width:2rem; text-align:center; line-height:inherit; font-weight:bold; } #target_main #form_objednat group.user > input#objednat_ico { display:inline-block; width:6rem; text-transform:uppercase; } #target_main .wrapper.objednavka_wrapper hr { width:18rem; margin:0 0 0.5rem; } #target_main .wrapper_debug { overflow-x:auto; } #target_main .wrapper_debug table { border-collapse:collapse; margin-bottom:5rem; } #target_main .wrapper_debug table th, #target_main .wrapper_debug table td { font-size:12px; border:1px solid #999; padding:5px; } #target_main .wrapper_debug table tr.excluded th, #target_main .wrapper_debug table tr.excluded td { background:#ddd; } #target_main .wrapper_debug table tr:hover td, #target_main .wrapper_debug table tr:hover th { background:#ffc; } #target_main .wrapper_debug table td:first-child { padding-left:5px; } #target_main .wrapper_debug table td:last-child { padding-right:5px; } #target_main .wrapper_debug table hr { margin:0; } #target_main .wrapper_debug #vystupy td:nth-child(3), #target_main .wrapper_debug #vystupy td:nth-child(5) { white-space:nowrap; } #target_main .wrapper_vop { max-width:50rem; margin-bottom:4rem; } #target_main .wrapper_vop h1 { margin:5rem 0 2rem; } #target_main .wrapper_vop ol { display:block; margin:0.5rem 0 2rem; } #target_main .wrapper_vop ol > li { display:block; padding-left:2.25rem; position:relative; margin:0 0 0.5rem 0; } #target_main .wrapper_vop ol > li:before { display:block; position:absolute; left:-1rem; top:0; width:3rem; text-align:right; font-weight:bold; letter-spacing:0.05em; color:var(--positive); } #target_main .wrapper_vop > ol { counter-reset:ol1; margin:3rem 0; } #target_main .wrapper_vop > ol > li { counter-increment:ol1; margin-bottom:0rem; } #target_main .wrapper_vop > ol > li > h3 { margin-bottom:0.5rem; } #target_main .wrapper_vop > ol > li:before { content:counter(ol1)"."; font-size:1.5rem; line-height:1em; } #target_main .wrapper_vop > ol > li > ol { counter-reset:ol2; margin:0rem 0 1.5rem 0; } #target_main .wrapper_vop > ol > li > ol > li { counter-increment:ol2; } #target_main .wrapper_vop > ol > li > ol > li:before { content:counter(ol1)"."counter(ol2)"."; font-size:1rem; line-height:1.2em; } #target_main .wrapper_vop > ol > li > ol > li > ol { counter-reset:ol3; } #target_main .wrapper_vop > ol > li > ol > li > ol > li { counter-increment:ol3; } #target_main .wrapper_vop > ol > li > ol > li > ol > li:before { content:counter(ol3,lower-alpha)")"; font-weight:normal; color:var(--text); } #target_main .wrapper_vop a { text-decoration:underline; text-decoration-thickness:0.1rem; transition:text-decoration-thickness 0.3s; } #target_main .wrapper_vop a:hover { text-decoration-thickness:0.15rem; } #target_main .wrapper_vop a.icon-file-pdf { text-decoration:none; display:block; max-width:max-content; margin-left:3rem; position:relative; padding-left:1.5rem; } #target_main .wrapper_vop a.icon-file-pdf:before { display:block; position:absolute; left:0; top:0; text-decoration:none; transition:transform 0.3s; } #target_main .wrapper_vop a.icon-file-pdf:hover { text-decoration:underline; text-decoration-thickness:normal; } #target_main .wrapper_vop a.icon-file-pdf:hover:before { transform:scale(120%); } @keyframes dev_top { from { left:calc(-7rem); } to { left:200vw; } } @keyframes dev_bottom { from { left:370vw; } to { left:-70vw; } } #body[data-dev="db"] #target_header:before { content:''; position:absolute; left:1rem; top:0; z-index:2000; width: 7rem; height:4.7rem; background:url('../img/dev-buldozer.svg') 0 100% no-repeat; background-size:100% auto; pointer-events:none; animation:15s linear 0s infinite both dev_top; margin-right:-400vw; } #body[data-dev="db"] #target_footer:before { content:''; position:absolute; right:1rem; top:-19.75vw; width:20vw; height:20vw; background:url('../img/dev-buldozer.svg') 0 100% no-repeat; background-size:100% auto; pointer-events:none; animation: 15s linear 0s infinite both dev_bottom; transform:scaleX(-1); margin-right:-400vw; }